{"_id":"@crczp/topology-graph","_rev":"7-f597b1b5a4b521347b833f0831411fec","name":"@crczp/topology-graph","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@crczp/topology-graph","version":"1.0.0","license":"MIT","_id":"@crczp/topology-graph@1.0.0","maintainers":[{"name":"andy-cshub","email":"kiruscanka@cshub.cz"}],"homepage":"https://github.com/cyberrangecz/frontend-topology-graph#readme","bugs":{"url":"https://github.com/cyberrangecz/frontend-topology-graph/issues"},"dist":{"shasum":"14069908748f44b382c52e266e533ec868a1e88c","tarball":"https://registry.npmjs.org/@crczp/topology-graph/-/topology-graph-1.0.0.tgz","fileCount":123,"integrity":"sha512-VzM0qdMo6By5pPFL7z4ThCkl5XaJQXEraHDXVal2W8cLcGYOJT5zrxiZlKi7n1c1g1IyoQHWo4UqNbPtUulKFQ==","signatures":[{"sig":"MEYCIQCQLmpePCZy3Acq/6v2us3Bs7TZyTT6gsTuy0uGHMz0mAIhAJAFp4pLE5zcQtU0WhfyUkAkmYLkMaVff6fSK9x0IAXh","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1016963},"module":"fesm2022/crczp-topology-graph.mjs","exports":{".":{"esm":"./esm2022/crczp-topology-graph.mjs","types":"./index.d.ts","default":"./fesm2022/crczp-topology-graph.mjs","esm2022":"./esm2022/crczp-topology-graph.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"28e477207846dd80417bdd641dc129942f9d625b","typings":"index.d.ts","_npmUser":{"name":"andy-cshub","email":"kiruscanka@cshub.cz"},"repository":{"url":"git+https://github.com/cyberrangecz/frontend-topology-graph.git","type":"git"},"_npmVersion":"10.8.2","description":"Topology Graph Component is an Angular library using D3.js to visualize network graph topology.","directories":{},"sideEffects":false,"_nodeVersion":"20.17.0","dependencies":{"tslib":"^2.7.0"},"_hasShrinkwrap":false,"peerDependencies":{"d3":"^7.9.0","moment-mini":"^2.29.4","@angular/core":"^18.2.13","@angular/common":"^18.2.13","@angular/material":"^18.2.13","typescript-collections":"^1.3.3","@crczp/topology-graph-model":"^1.0.0"},"_npmOperationalInternal":{"tmp":"tmp/topology-graph_1.0.0_1742911529773_0.7950523515737404","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@crczp/topology-graph","version":"1.0.1","license":"MIT","dependencies":{"tslib":"^2.7.0"},"peerDependencies":{"@angular/common":"^18.2.13","@angular/core":"^18.2.13","@angular/material":"^18.2.13","d3":"^7.9.0","moment-mini":"^2.29.4","typescript-collections":"^1.3.3","@crczp/topology-graph-model":"^1.0.0"},"repository":{"type":"git","url":"git+https://github.com/cyberrangecz/frontend-topology-graph.git"},"module":"fesm2022/crczp-topology-graph.mjs","typings":"index.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/crczp-topology-graph.mjs","esm":"./esm2022/crczp-topology-graph.mjs","default":"./fesm2022/crczp-topology-graph.mjs"}},"sideEffects":false,"_id":"@crczp/topology-graph@1.0.1","gitHead":"f99eedafc0f75469a1129ccacb788fc0a4655a78","description":"Topology Graph Component is an Angular library using D3.js to visualize network graph topology.","bugs":{"url":"https://github.com/cyberrangecz/frontend-topology-graph/issues"},"homepage":"https://github.com/cyberrangecz/frontend-topology-graph#readme","_nodeVersion":"20.17.0","_npmVersion":"10.8.2","dist":{"integrity":"sha512-BkrVhRBDjYf2Lz/h5yu8NwzvnKBFhEfZgjq0WiUYabaaEI1XAWcfa5arZztt/cj7xeTlyYL3K1t9eSRDAev6dA==","shasum":"9432fad2f6319cc9272303cabbc5d6696a7933e4","tarball":"https://registry.npmjs.org/@crczp/topology-graph/-/topology-graph-1.0.1.tgz","fileCount":123,"unpackedSize":1016785,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDaAjtTOLGS0P/+owyYThQhN6RO1Es5cn793q5J8E1d5gIgc7pLzujptXOgj3OvzoNWGPcvV0OsH1kVhP6WxWQV8Sc="}]},"_npmUser":{"name":"andy-cshub","email":"kiruscanka@cshub.cz","actor":{"name":"andy-cshub","email":"kiruscanka@cshub.cz","type":"user"}},"directories":{},"maintainers":[{"name":"andy-cshub","email":"kiruscanka@cshub.cz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/topology-graph_1.0.1_1750938919716_0.64460379897138"},"_hasShrinkwrap":false}},"time":{"created":"2025-02-28T10:28:03.057Z","modified":"2025-06-26T11:55:20.124Z","0.0.2":"2025-02-28T10:28:03.456Z","0.0.3":"2025-02-28T21:32:14.707Z","1.0.0":"2025-03-25T14:05:30.072Z","1.0.1":"2025-06-26T11:55:19.921Z"},"bugs":{"url":"https://github.com/cyberrangecz/frontend-topology-graph/issues"},"license":"MIT","homepage":"https://github.com/cyberrangecz/frontend-topology-graph#readme","repository":{"type":"git","url":"git+https://github.com/cyberrangecz/frontend-topology-graph.git"},"description":"Topology Graph Component is an Angular library using D3.js to visualize network graph topology.","maintainers":[{"name":"andy-cshub","email":"kiruscanka@cshub.cz"}],"readme":"# Topology Graph Component\n\nTopology Graph Component is an Angular library using D3.js to visualize network graph topology.\n\n## Usage\n\nTo use the topology component in your Angular application follow these steps:\n\n1. Run `npm install @crczp/topology-graph`\n2. Create topology config of type `TopologyGraphConfig` with the following properties:\n   + topologyRestUrl - should point to [Sandbox service](https://github.com/cyberrangecz/backend-sandbox-service)\n   + pollingPeriod   - how often to update endpoints\n   + retryAttempts   - how many times try to update\n   + guacamoleConfig - configuration for guacamole:\n     + url - url of guacamole service\n     + username - username for guacamole service\n     + password - password for guacamole service\n\n3. Import necessary icons in your `angular.json` file:\n   ```json\n   \"assets\": [\n       {\n           \"glob\": \"**/*\",\n           \"input\": \"node_modules/@crczp/topology-graph/assets\",\n           \"output\": \"assets/topology-graph\"\n       }\n   ]\n   ```\n   Or provide your own icons at the same path, with the same names.\n\n4. Import **topologyGraphModule** from **topology-graph** and add it to imports in your module with `topologyGraphModule.forRoot(your-config-here)`.\n5. Pass sandbox id to `<crczp-topology-graph>` component by binding to `[sandboxUuid]` attribute. If you wish to be notified when data of tology is loaded for the first time you can bind to `(onTopologyLoaded)` event.\n6. Manually copy folders decorators and icons into your assets/images (script or better way to include assets TBD)\n7. Subscribe to observables of `topologyLoadingService` and `topologyErrorService` to display loading and error messages emitted from the component in a standard way of your app\n\n---\nSources: https://github.com/cyberrangecz/frontend-topology-graph\n","readmeFilename":"README.md"}