{"id":31646450,"url":"https://github.com/scrntprcrz/openapi-sankeylizer","last_synced_at":"2026-05-05T17:33:05.171Z","repository":{"id":313019367,"uuid":"1049683244","full_name":"scrntprcrz/openapi-sankeylizer","owner":"scrntprcrz","description":"Visualize your OpenAPI specs as Sankey diagrams. Upload, explore request/response flows, and export as PNG.","archived":false,"fork":false,"pushed_at":"2025-10-20T01:00:26.000Z","size":2643,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-27T18:32:31.425Z","etag":null,"topics":["api-visualization","google-charts","openapi","react","sankey-diagram","swagger","web-worker"],"latest_commit_sha":null,"homepage":"","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/scrntprcrz.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":"2025-09-03T10:45:26.000Z","updated_at":"2025-10-20T01:09:01.000Z","dependencies_parsed_at":"2025-09-03T13:23:18.793Z","dependency_job_id":null,"html_url":"https://github.com/scrntprcrz/openapi-sankeylizer","commit_stats":null,"previous_names":["scrntprcrz/openapi-sankeylizer"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/scrntprcrz/openapi-sankeylizer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scrntprcrz%2Fopenapi-sankeylizer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scrntprcrz%2Fopenapi-sankeylizer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scrntprcrz%2Fopenapi-sankeylizer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scrntprcrz%2Fopenapi-sankeylizer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/scrntprcrz","download_url":"https://codeload.github.com/scrntprcrz/openapi-sankeylizer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/scrntprcrz%2Fopenapi-sankeylizer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32660320,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-05T11:29:49.557Z","status":"ssl_error","status_checked_at":"2026-05-05T11:29:48.587Z","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":["api-visualization","google-charts","openapi","react","sankey-diagram","swagger","web-worker"],"created_at":"2025-10-07T05:50:21.744Z","updated_at":"2026-05-05T17:33:05.160Z","avatar_url":"https://github.com/scrntprcrz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Sankeylizer XE\n\n[![Sankeylizer](./4.png)](./4.png)\n\n### What is it?\n\nSankeylizer is a web app that turns **OpenAPI (.json)** into **interactive Sankey diagrams** so you can see request/response flows per endpoint at a glance. It resolves schema compositions, maps parameters across layers, builds the flow graph, and lets you explore and export it.\n\n### Key Features\n\n-   **OpenAPI → Sankey** (from JSON to a navigable flow graph)\n-   **Schema compositions**: `$ref`, `allOf`, `oneOf`, `anyOf` (resolution and node linking)\n-   **Parameters coverage**: `query`, `path`, `header`, `cookie`, `form`, `multipart` (per-endpoint mapping)\n-   **Path Selector** (cut the spec by paths for focused analysis)\n-   **Command Palette** (fast search and quick actions on routes/fields)\n-   **Highlight** (focus without recomputing the whole graph)\n-   **Theming** (background, selection/dim/text colors; optional title/footer in export)\n-   **Background processing** (Web Worker to keep the UI responsive)\n-   **Export**: **PNG** (raw 1:1 or HQ resampling with safe bounds)\n-   **Responsive canvas** (dynamic height and redraw on window resize)\n\n### Architecture\n\n-   UI: **React** + state via **Recoil** atoms/selectors for theme, selection and export settings.\n-   Visualization: **Google Charts** (**Sankey**). Loader bootstrapped at runtime and chart instantiated with dynamic height and redraw on resize.\n-   Command palette: **kbar** (portal, positioner, search, matches) wrapped in a provider for action registration.\n-   Draggable UI: **interactjs** to drag the command palette within viewport bounds.\n-   Headless UI + Heroicons: **Headless UI** + **Heroicons** for menu/portal/transition primitives and icon set for controls.\n-   Utility classes: **clsx** for deterministic class composition across components.\n-   Background worker: **Web Worker** (module) for graph generation and repaint-only updates when structure is unchanged.\n-   Theme \u0026 fonts: global theme atoms and on-demand **Google Fonts** list in the UI footer.\n-   Export pipeline: custom **SVG/Canvas** exporter with safe caps (max side/area) and 1:1 or HQ resampling.\n\n### Quick Start\n\n```bash\nnpm install\nnpm run dev\n# → http://localhost:5173\n```\n\n## 📸 Screenshots\n\n![Screenshot 1](./1.png)  \n![Screenshot 35](./35.png)\n![Screenshot 21](./21.png)  \n![Screenshot 2](./2.png)  \n![Screenshot 3](./3.png)  \n![Screenshot 34](./34.png)  \n![Screenshot 4](./4.png)  \n![Screenshot 5](./5.png)  \n![Screenshot 6](./6.png)  \n![Screenshot 7](./7.png)  \n![Screenshot 8](./8.png)  \n![Screenshot 9](./9.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscrntprcrz%2Fopenapi-sankeylizer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fscrntprcrz%2Fopenapi-sankeylizer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fscrntprcrz%2Fopenapi-sankeylizer/lists"}