{"id":24856609,"url":"https://github.com/angkasa27/json-schema-editor","last_synced_at":"2026-04-08T21:31:30.655Z","repository":{"id":273543194,"uuid":"920060481","full_name":"angkasa27/json-schema-editor","owner":"angkasa27","description":"A visual JSON Schema editor built with React, TailwindCSS, and React Hook Form. Easily view and edit JSON schema structures without manually modifying JSON code.","archived":false,"fork":false,"pushed_at":"2026-04-08T05:46:11.000Z","size":618,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2026-04-08T07:23:02.884Z","etag":null,"topics":["json-schema","json-schema-editor","nextjs","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://json-schema-editor.asaa.dev","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/angkasa27.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":"AGENTS.md","dco":null,"cla":null}},"created_at":"2025-01-21T13:52:38.000Z","updated_at":"2026-04-08T05:45:44.000Z","dependencies_parsed_at":"2025-02-07T11:29:18.063Z","dependency_job_id":"4a66b037-fc2d-4f07-a849-5b9e0f970d76","html_url":"https://github.com/angkasa27/json-schema-editor","commit_stats":null,"previous_names":["angkasa27/json-schema-editor"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/angkasa27/json-schema-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angkasa27%2Fjson-schema-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angkasa27%2Fjson-schema-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angkasa27%2Fjson-schema-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angkasa27%2Fjson-schema-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/angkasa27","download_url":"https://codeload.github.com/angkasa27/json-schema-editor/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/angkasa27%2Fjson-schema-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31575423,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["json-schema","json-schema-editor","nextjs","react","tailwindcss"],"created_at":"2025-01-31T16:21:20.167Z","updated_at":"2026-04-08T21:31:30.649Z","avatar_url":"https://github.com/angkasa27.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# JSON Schema Editor\n\nA modern, highly performant visual editor for JSON Schema Draft 07, built with React, Next.js, and Zustand.\n\n## Overview\n\nJSON Schema Editor is a powerful tool to visually build, edit, and validate JSON Schema documents. It abstracts away the raw JSON representation and provides an intuitive, recursive tree UI to manage complex object structures, arrays, and field validations.\n\nOriginally inspired by `json-schema-editor-antd`, this iteration is a ground-up rewrite using a modern tech stack centered exclusively on clean state management, modular component composition, and responsive styling.\n\n## Tech Stack\n\n- **Framework**: Next.js 16 (App Router)\n- **Library**: React 19\n- **State Management**: Zustand\n- **Validation**: Zod (v4)\n- **UI Components**: shadcn/ui + base-ui primitives\n- **Styling**: Tailwind CSS 4.0\n- **Editor**: CodeMirror 5 (via `@uiw/react-codemirror`)\n- **Package Manager**: pnpm\n\n## Key Features\n\n- **Visual Tree Builder**: Create deeply nested arrays and objects intuitively without touching raw JSON.\n- **Advanced Validation Controls**: Full support for JSON Schema Draft 07 attributes (e.g., Min/Max values, RegEx Patterns, UniqueItems, and Enums).\n- **Two-way Syncing**: Make changes in the UI and instantly see the clean JSON output.\n- **Import / Export**: \n  - Import external JSON Data (auto-inference) or existing JSON Schema documents.\n  - Quick paste from the clipboard.\n  - One-click copy or download (`schema.json`).\n- **Modern UI/UX**: Designed for responsiveness, leveraging scalable glassmorphism, resizable panels (`react-resizable-panels`), and toast notifications (`sonner`).\n\n## Development\n\n```bash\n# Install dependencies\npnpm install\n\n# Start the development server\npnpm run dev\n```\n\nVisit [http://localhost:3000](http://localhost:3000) to start editing.\n\n## File Structure Highlights\n\n- `src/app/page.tsx` - Main layout supporting responsive stacked/resizable split views.\n- `src/components/schema-editor/schema-tree/` - Core recursive editor components handling tree traversal, row states, and user actions.\n- `src/components/schema-editor/advanced-settings/` - Modular tabbed interfaces to manage type-specific JSON Schema constraints.\n- `src/lib/schema/store.ts` - Centralized Zustand schema state.\n- `src/lib/schema/validation.ts` - Recursive Zod 4 JSON Schema validation.\n- `src/lib/schema/utils.ts` - Broad utilities for inferring schemas and processing recursive references.\n\n## Testing\n\nThis project utilizes `vitest` for reliable, fast unit testing of schema parsers and utility functions.\n\n```bash\npnpm test\n```\n\n## Building for Production\n\nCompile a static or optimized bundle of the application using Turbopack:\n\n```bash\npnpm run build\npnpm start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangkasa27%2Fjson-schema-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangkasa27%2Fjson-schema-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangkasa27%2Fjson-schema-editor/lists"}