{"id":25476998,"url":"https://github.com/wyndchyme/js-fileexplorer","last_synced_at":"2025-11-06T03:30:20.813Z","repository":{"id":278107050,"uuid":"934534964","full_name":"wyndchyme/js-fileexplorer","owner":"wyndchyme","description":"JavaScript that dynamically produces a file explorer from a given GitHub repository.","archived":false,"fork":false,"pushed_at":"2025-02-18T03:03:10.000Z","size":27,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-18T03:24:52.978Z","etag":null,"topics":["file-explorer","javascript","js","web"],"latest_commit_sha":null,"homepage":"https://wyndchyme.github.io/js-fileexplorer/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wyndchyme.png","metadata":{"files":{"readme":"docs/README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":"docs/CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-02-18T01:59:13.000Z","updated_at":"2025-02-18T03:09:27.000Z","dependencies_parsed_at":"2025-02-18T03:34:59.096Z","dependency_job_id":null,"html_url":"https://github.com/wyndchyme/js-fileexplorer","commit_stats":null,"previous_names":["wyndchyme/js-fileexplorer"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyndchyme%2Fjs-fileexplorer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyndchyme%2Fjs-fileexplorer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyndchyme%2Fjs-fileexplorer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wyndchyme%2Fjs-fileexplorer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wyndchyme","download_url":"https://codeload.github.com/wyndchyme/js-fileexplorer/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239479003,"owners_count":19645649,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["file-explorer","javascript","js","web"],"created_at":"2025-02-18T13:29:17.201Z","updated_at":"2025-11-06T03:30:20.754Z","avatar_url":"https://github.com/wyndchyme.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1\u003eJavaScript Dynamic File Explorer\u003c/h1\u003e\n\u003ci\u003eThis repository contains JavaScript for a dynamically generated file explorer for any GitHub repository.\u003c/i\u003e\n\n\u003ch2\u003eDescription\u003c/h2\u003e\nEssentially, this script produces an unordered list of all folders and files in a given GitHub repository. Files automatically have their GitHub blob links attached to them. Folders support different icons for being 'open' (displaying their contents) and 'closed'. Adding specific icons for any file extensions is supported through CSS without the need for modifying the script itself.\n\n\u003ch2\u003eUsage\u003c/h2\u003e\nImport the \u003ca href=\"https://github.com/wyndchyme/js-fileexplorer/blob/main/explorer.js\"\u003escript\u003c/a\u003e using the standard \u003ccode\u003e\u003cscript\u003e\u003c/code\u003e method. Add the contents of the \u003ca href=\"https://github.com/wyndchyme/js-fileexplorer/blob/main/style.css\"\u003estylesheet\u003c/a\u003e to your \u003ccode\u003estyle.css\u003c/code\u003e file or import it externally.\u003cbr\u003e\nAdd specific icons for certain file extensions by adding this to your \u003ccode\u003estyle.css\u003c/code\u003e:\u003cbr\u003e\n  \n```\n.file-extension a::before {\n    background-image: url(/your/image/path/here);\n}\n```\n\nA sample of this script can be found in the \u003ccode\u003eindex.html\u003c/code\u003e file that uses this repository as an example. You can view this example as a website \u003ca href=\"https://wyndchyme.github.io/js-fileexplorer/\"\u003ehere.\u003c/a\u003e\n\n\u003ch2\u003eLegal\u003c/h2\u003e\n© 2025 wyndchyme. Licensed under the \u003ca href=\"https://www.apache.org/licenses/LICENSE-2.0\"\u003eApache License 2.0\u003c/a\u003e.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyndchyme%2Fjs-fileexplorer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwyndchyme%2Fjs-fileexplorer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwyndchyme%2Fjs-fileexplorer/lists"}