{"id":50665715,"url":"https://github.com/saadjs/chrome-json-formtr","last_synced_at":"2026-06-08T06:05:04.089Z","repository":{"id":337293053,"uuid":"1045910459","full_name":"saadjs/chrome-json-formtr","owner":"saadjs","description":"Simple extension to format JSON responses in Chrome","archived":false,"fork":false,"pushed_at":"2026-04-01T00:21:32.000Z","size":111,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-01T02:44:02.983Z","etag":null,"topics":["chrome","chrome-extension","devtools","json"],"latest_commit_sha":null,"homepage":"https://chromewebstore.google.com/detail/json-formtr/hcjipcjiddbnmjlabhdoppkgmphfmedc?authuser=0\u0026hl=en","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saadjs.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2025-08-27T22:41:34.000Z","updated_at":"2026-04-01T00:21:35.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/saadjs/chrome-json-formtr","commit_stats":null,"previous_names":["saadjs/chrome-json-formtr"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/saadjs/chrome-json-formtr","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadjs%2Fchrome-json-formtr","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadjs%2Fchrome-json-formtr/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadjs%2Fchrome-json-formtr/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadjs%2Fchrome-json-formtr/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saadjs","download_url":"https://codeload.github.com/saadjs/chrome-json-formtr/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadjs%2Fchrome-json-formtr/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34050247,"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-08T02:00:07.615Z","response_time":111,"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":["chrome","chrome-extension","devtools","json"],"created_at":"2026-06-08T06:04:39.361Z","updated_at":"2026-06-08T06:05:04.083Z","avatar_url":"https://github.com/saadjs.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# chrome-json-formtr\n\nA Chrome extension that automatically detects and formats raw JSON responses with syntax highlighting and customizable themes.\n\n**Keyboard shortcut:** \u003ckbd\u003eCtrl\u003c/kbd\u003e + \u003ckbd\u003eShift\u003c/kbd\u003e + \u003ckbd\u003eF\u003c/kbd\u003e (or \u003ckbd\u003eCmd\u003c/kbd\u003e + \u003ckbd\u003eShift\u003c/kbd\u003e + \u003ckbd\u003eF\u003c/kbd\u003e on Mac) to toggle between raw and formatted JSON views.\n\n## Features\n\n- Syntax highlighting with 11 built-in themes\n- Collapsible sections with element counts (e.g. `// 3 keys`, `// 12 items`)\n- Sort keys alphabetically (A-Z toggle)\n- Byte size and line count display\n- Copy formatted JSON, download as file\n- URL detection and linkification inside string values\n- Smart copy: copies underlying text even when sections are folded\n\n## Project Structure\n\n```\nsrc/\n├── background.ts      # Service worker for extension lifecycle\n├── content_script.ts  # Main formatting logic and DOM manipulation\n├── options.ts         # Settings page functionality\n├── popup.ts           # Popup UI logic\n├── themes.ts          # Theme definitions and styling\n├── fold_copy.ts       # Folding and copy utilities\n├── content_script.css # Base styles for formatted JSON\n└── vite-env.d.ts      # Vite environment types\n\npublic/\n├── manifest.json      # Chrome extension manifest\n├── options.html       # Settings page UI\n├── popup.html         # Popup UI\n└── options.css        # Settings page styles\n```\n\n## Installation\n\n### From Source (Development)\n\n```bash\npnpm install          # Install dependencies\npnpm run build        # Build extension\n```\n\nThen load the `dist/` folder as an unpacked extension in Chrome.\n\n### From Distribution\n\n```bash\npnpm run build:zip    # Create json-formtr.zip for distribution\n```\n\n## Development\n\n```bash\npnpm run dev          # Watch mode for development\npnpm run lint         # Lint TypeScript files\npnpm run format       # Format code with Prettier\npnpm run typecheck    # Type check without emitting\n```\n\n## License\n\n[MIT](LICENSE) © 2025 Saad Bash\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaadjs%2Fchrome-json-formtr","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaadjs%2Fchrome-json-formtr","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaadjs%2Fchrome-json-formtr/lists"}