{"id":28089348,"url":"https://github.com/artturik/network-policy-viewer","last_synced_at":"2025-08-16T11:06:48.825Z","repository":{"id":47057869,"uuid":"304120777","full_name":"artturik/network-policy-viewer","owner":"artturik","description":"View your Kubernetes NetworkPolicy manifests as graph, online version available at https://artturik.github.io/network-policy-viewer","archived":false,"fork":false,"pushed_at":"2024-11-28T17:40:03.000Z","size":14051,"stargazers_count":29,"open_issues_count":0,"forks_count":18,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-08-07T22:57:26.103Z","etag":null,"topics":["graph","kubernetes","networkpolicy","visualization"],"latest_commit_sha":null,"homepage":"https://artturik.github.io/network-policy-viewer","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/artturik.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}},"created_at":"2020-10-14T19:53:26.000Z","updated_at":"2025-07-23T05:57:26.000Z","dependencies_parsed_at":"2025-05-13T12:57:24.948Z","dependency_job_id":"84e82fe4-a126-4926-9565-6c62ef1663ac","html_url":"https://github.com/artturik/network-policy-viewer","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/artturik/network-policy-viewer","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artturik%2Fnetwork-policy-viewer","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artturik%2Fnetwork-policy-viewer/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artturik%2Fnetwork-policy-viewer/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artturik%2Fnetwork-policy-viewer/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/artturik","download_url":"https://codeload.github.com/artturik/network-policy-viewer/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/artturik%2Fnetwork-policy-viewer/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":270702562,"owners_count":24630877,"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","status":"online","status_checked_at":"2025-08-16T02:00:11.002Z","response_time":91,"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":["graph","kubernetes","networkpolicy","visualization"],"created_at":"2025-05-13T12:57:12.751Z","updated_at":"2025-08-16T11:06:48.778Z","avatar_url":"https://github.com/artturik.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Kubernetes Network Policy Viewer\n===\n\n[ONLINE DEMO](https://artturik.github.io/network-policy-viewer/)\n**BETA**: You also can **edit** NetworkPolicy in the editor and visualisation will update as you type\n\n![NetworkPolicy viewer screenshot](img/demo.png?raw=true \"NetworkPolicy viewer screenshot\")\n\nView your Kubernetes NetworkPolicy manifests as graph, \njust Copy and Paste YAML to the editor and receive instant visualisation\n\nThis, hopefully, can help you find issues with NetworkPolicies\nor understand NetworkPolicy concept better \n\n## Related projects\n\n* [NetworkPolicy Viewer as Lens IDE extension](https://github.com/artturik/lens-extension-network-policy-viewer)\n\n## Installation\n\n```bash\nnpm install network-policy-viewer\n```\n\n## Usage\n\nNetworkPolicyViewer can be used as React component, see the sample below or [view demo source code](src/client/components/App.tsx)\n\n```jsx\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { NetworkPolicyViewer } from \"network-policy-viewer\";\nimport \"network-policy-viewer/index.css\"\n\nconst networkPolicy = `\napiVersion: networking.k8s.io/v1\nkind: NetworkPolicy\nmetadata:\n  name: default-deny-ingress\nspec:\n  podSelector: {}\n  policyTypes:\n  - Ingress\n`;\n\nReactDOM.render(\n    \u003cNetworkPolicyViewer\n        networkPolicy={networkPolicy}\n        style={{ display: \"flex\", width: \"100%\", height: '100vh' }}\n        canvasStyle={{ width: \"100%\", height: '100vh'}}\n    /\u003e,\n    document.getElementById('root')\n);\n```\n\n## Credits\n\n* [React Flow](https://github.com/wbkd/react-flow)\n\n## License\n\n[MIT license](LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fartturik%2Fnetwork-policy-viewer","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fartturik%2Fnetwork-policy-viewer","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fartturik%2Fnetwork-policy-viewer/lists"}