{"id":51106412,"url":"https://github.com/pro-bandey/previewer","last_synced_at":"2026-06-24T14:02:17.250Z","repository":{"id":364141357,"uuid":"1126370215","full_name":"Pro-Bandey/Previewer","owner":"Pro-Bandey","description":"a Web Tool for preview html file from any repo","archived":false,"fork":false,"pushed_at":"2026-06-11T19:18:58.000Z","size":79,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-11T21:09:53.149Z","etag":null,"topics":["git-html-preview","github-html-preview","githug-pages","html-preview","mainroute-core","previewer","pro-bandey","web-preview","website"],"latest_commit_sha":null,"homepage":"https://pro-bandey.github.io/Previewer/","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/Pro-Bandey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"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,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-01T19:07:11.000Z","updated_at":"2026-06-11T19:19:02.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/Pro-Bandey/Previewer","commit_stats":null,"previous_names":["pro-bandey/previewer"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/Pro-Bandey/Previewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pro-Bandey%2FPreviewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pro-Bandey%2FPreviewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pro-Bandey%2FPreviewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pro-Bandey%2FPreviewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pro-Bandey","download_url":"https://codeload.github.com/Pro-Bandey/Previewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pro-Bandey%2FPreviewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34735266,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-24T02:00:07.484Z","response_time":106,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["git-html-preview","github-html-preview","githug-pages","html-preview","mainroute-core","previewer","pro-bandey","web-preview","website"],"created_at":"2026-06-24T14:02:12.575Z","updated_at":"2026-06-24T14:02:17.242Z","avatar_url":"https://github.com/Pro-Bandey.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🚀 GitPreview Engine \n### *The Ultimate Developer Playground for Git-hosted HTML.*\n\n[![Vanilla JS](https://img.shields.io/badge/Made%20with-Vanilla%20JS-yellow.svg)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)\n[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)\n[![Zero Dependencies](https://img.shields.io/badge/Dependencies-Zero-brightgreen.svg)]()\n\n**GitPreview Engine** is a high-performance, modular previewing system that turns raw code from GitHub, GitLab, or Bitbucket into live, interactive previews instantly. Built with a \"Zero Dependency\" philosophy, it handles asset inlining, CSS isolation, and security sandboxing entirely in the browser.\n\n---\n\n## ✨ Key Features\n\n- **📦 Intelligent Inlining**: Automatically fetches and embeds CSS (`@import` included), JavaScript, and Images into a single document.\n- **🛡️ Secure Sandboxing**: Run untrusted code with JS disabled or enabled in a isolated `iframe` environment.\n- **🎨 CSS Isolation**: Uses unique hash-based scoping to prevent preview styles from \"leaking\" into your UI.\n- **📱 Dev-First UI**: \n  - **Device Switcher**: Test responsiveness with Mobile, Tablet, and Desktop presets.\n  - **Dark Mode**: High-contrast, VS Code-inspired interface.\n  - **Asset Inspector**: Real-time breakdown of detected dependencies.\n- **🔗 Smart Syncing**: Deep-link any file via `?prv=[URL]`.\n- **📥 Hybrid Export**: \n  - Downloads standalone files as fully inlined HTML.\n  - Integrates with **GitFolderDownloader** for complex projects with directory structures.\n\n---\n\n## 🏗️ Architecture\n\nThe engine is built on a strictly modular ES6 architecture:\n\n```text\n/core\n  ├── fetcher.js           # Git URL ➔ Raw URL conversion\n  ├── parser.js            # DOM orchestration\n  ├── dependency-graph.js  # Asset discovery logic\n  ├── asset-processor.js   # The \"Engine\" (Base64 conversion \u0026 Inlining)\n  ├── css-rewriter.js      # URL path correction \u0026 isolation hashes\n  ├── sandbox.js           # Iframe rendering context\n  └── exporter.js          # Download \u0026 Blob management\n/web\n  ├── index.html           # Modern DevUI Layout\n  ├── ui.js                # UI State Controller\n  └── style.css            # Variable-based Design System\n```\n\n---\n\n## 🚀 Quick Start\n\n### 1. Requirements\nA local web server is required to support ES Modules (CORS/Module security).\n\n### 2. Run locally\n```bash\n# Using Python\npython -m http.server 8000\n\n# Using Node.js (npx)\nnpx serve .\n```\nAccess the dashboard at `http://localhost:8000/web`.\n\n### 3. Usage\n1. Paste a GitHub URL (e.g., `https://github.com/user/repo/blob/main/index.html`).\n2. Hit **Run**.\n3. Toggle **Scoped CSS** or **No JS** as needed.\n4. Export the result for offline use.\n\n---\n\n## 🛠️ Deep Linking (Auto-Sync)\nShare a live preview of a specific file instantly by appending the `prv` parameter:\n`your-site.com/web/?prv=https://github.com/Octocat/Hello-World/blob/master/index.html`\n\n---\n\n## 🛡️ Security \u0026 CORS\nSince this tool runs entirely in the browser, it uses a CORS proxy to fetch assets from Git providers. \n- **Default Proxy**: `https://corsproxy.io/?`\n- **Configurable**: You can change the proxy endpoint directly in the UI settings.\n\n---\n\n## 🤝 Contributing\nThis project is built with vanilla technology to ensure longevity and speed.\n1. Fork the repo.\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`).\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`).\n4. Push to the branch (`git push origin feature/AmazingFeature`).\n5. Open a Pull Request.\n\n---\n\n\nDeveloped with ❤️ for the open-source community.\n```","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpro-bandey%2Fpreviewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpro-bandey%2Fpreviewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpro-bandey%2Fpreviewer/lists"}