{"id":24499175,"url":"https://github.com/vippsas/backstage-azure-resource-frontend","last_synced_at":"2025-07-31T17:39:43.512Z","repository":{"id":58371871,"uuid":"530649139","full_name":"vippsas/backstage-azure-resource-frontend","owner":"vippsas","description":"A frontend plugin showing Azure resources in relation to entities in Backstage","archived":false,"fork":false,"pushed_at":"2023-02-16T18:29:18.000Z","size":335,"stargazers_count":14,"open_issues_count":2,"forks_count":6,"subscribers_count":5,"default_branch":"main","last_synced_at":"2025-06-03T23:49:42.339Z","etag":null,"topics":["azure","backstage"],"latest_commit_sha":null,"homepage":"","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/vippsas.png","metadata":{"files":{"readme":"docs/README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","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":"2022-08-30T12:34:19.000Z","updated_at":"2025-02-18T13:33:50.000Z","dependencies_parsed_at":"2025-04-14T05:42:43.335Z","dependency_job_id":null,"html_url":"https://github.com/vippsas/backstage-azure-resource-frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/vippsas/backstage-azure-resource-frontend","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vippsas%2Fbackstage-azure-resource-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vippsas%2Fbackstage-azure-resource-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vippsas%2Fbackstage-azure-resource-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vippsas%2Fbackstage-azure-resource-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vippsas","download_url":"https://codeload.github.com/vippsas/backstage-azure-resource-frontend/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vippsas%2Fbackstage-azure-resource-frontend/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262076939,"owners_count":23255091,"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","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":["azure","backstage"],"created_at":"2025-01-21T22:13:19.104Z","updated_at":"2025-06-26T13:33:48.726Z","avatar_url":"https://github.com/vippsas.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Azure resources front-end\n\nThis plugin shows information about Azure resources related to your backstage entity\n\n![backstage azure entity view](./img/entity-view.png)\n\n## Getting started\n\n[First install the backend plugin](https://github.com/ehrnst/backstage-azure-resources-backend). After that follow the below instructions.\n\n\n```\n# From your Backstage root directory\nyarn add --cwd packages/app @vippsno/plugin-azure-resources\n```\n\nAdd the following to `packages\\app\\src\\components\\catalog\\EntityPage.tsx` The below enables all entity cards. Security, Cost advisor, and resource group.\n\n```TypeScript\nimport { AzureResourceEntityOverviewCard, AZURE_ANNOTATION_TAG_SELECTOR, EntityAzureSecurityOverviewCard,EntityAzureCostAdviceOverviewCard, isAzureResourceEnabled } from '@vippsno/plugin-azure-resources';\n```\n\n```TypeScript\nconst azureResourceContent = (\n  \u003cEntitySwitch\u003e\n    \u003cEntitySwitch.Case if={isAzureResourceEnabled}\u003e\n    \u003cGrid container spacing={3} alignItems=\"stretch\"\u003e\n      \u003cGrid item md={6}\u003e\n        \u003cAzureResourceEntityOverviewCard /\u003e\n      \u003c/Grid\u003e\n      \u003cGrid item md={6}\u003e\n        \u003cEntityAzureSecurityOverviewCard /\u003e\n      \u003c/Grid\u003e\n      \u003cGrid item md={6}\u003e\n        \u003cEntityAzureCostAdviceOverviewCard /\u003e\n      \u003c/Grid\u003e\n    \u003c/Grid\u003e\n    \u003c/EntitySwitch.Case\u003e\n    \u003cEntitySwitch.Case\u003e\n      \u003c\u003e\n        \u003cMissingAnnotationEmptyState annotation={AZURE_ANNOTATION_TAG_SELECTOR} /\u003e\n      \u003c/\u003e\n    \u003c/EntitySwitch.Case\u003e\n  \u003c/EntitySwitch\u003e\n);\n\n```\n\n```TypeScript\n    \u003cEntityLayout.Route path=\"/azure\" title=\"Azure\"\u003e\n      {azureResourceContent}\n    \u003c/EntityLayout.Route\u003e\n```\n\n### Annotation\n\nThis plugin use a custom annotation from your entity. To use the plugin add the following annotation:\n\n```YAML\nannotations:\n    azure.com/tag-selector: key/value\n```\n\nWhen doing Azure Resource Graph queries the plugin will use the tag key and its value to pull information.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvippsas%2Fbackstage-azure-resource-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvippsas%2Fbackstage-azure-resource-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvippsas%2Fbackstage-azure-resource-frontend/lists"}