@nospt/backstage-plugin-apigee 0.1.0

package/dist/components/useApigeeFilters.esm.js

@@ -0,0 +1,86 @@
+import { useMemo, useState, useEffect, useCallback } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useEntityList } from '@backstage/plugin-catalog-react';
+import { FieldFacetFilter, entityCategoryFacet, entityOwnerLabel, entityOrg, entityLifecycle, ApiSearchFilter } from './apigeeFacetFilters.esm.js';
+import { parseSearchParams } from './apigeeSearchParams.esm.js';
+import { useDebouncedValue } from './useDebouncedValue.esm.js';
+
+const FACET_EXTRACT = {
+  lifecycle: entityLifecycle,
+  org: entityOrg,
+  owner: entityOwnerLabel,
+  category: entityCategoryFacet
+};
+const FILTER_KEY = {
+  lifecycle: "apigeeLifecycle",
+  org: "apigeeOrgFacet",
+  owner: "apigeeOwner",
+  category: "apigeeCategory"
+};
+function useApigeeFilters() {
+  const [searchParams, setSearchParams] = useSearchParams();
+  const { updateFilters } = useEntityList();
+  const spString = searchParams.toString();
+  const state = useMemo(() => parseSearchParams(searchParams), [spString]);
+  const [inputValue, setInputValue] = useState(() => state.q);
+  const debouncedQ = useDebouncedValue(inputValue, 200);
+  useEffect(() => {
+    setSearchParams(
+      (prev) => {
+        const next = new URLSearchParams(prev);
+        if (debouncedQ.trim()) {
+          next.set("q", debouncedQ.trim());
+        } else {
+          next.delete("q");
+        }
+        return next;
+      },
+      { replace: true }
+    );
+  }, [debouncedQ, setSearchParams]);
+  useEffect(() => {
+    const patch = {};
+    Object.keys(FILTER_KEY).forEach((k) => {
+      patch[FILTER_KEY[k]] = state.selected[k].length ? new FieldFacetFilter(FACET_EXTRACT[k], state.selected[k]) : void 0;
+    });
+    patch.apigeeSearch = state.q.trim() ? new ApiSearchFilter(state.q) : void 0;
+    updateFilters(patch);
+  }, [spString, updateFilters]);
+  const toggleFacet = useCallback(
+    (key, value) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          const cur = next.getAll(key);
+          next.delete(key);
+          const after = cur.includes(value) ? cur.filter((v) => v !== value) : [...cur, value];
+          after.forEach((v) => next.append(key, v));
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const clearFacet = useCallback(
+    (key) => {
+      setSearchParams(
+        (prev) => {
+          const next = new URLSearchParams(prev);
+          next.delete(key);
+          return next;
+        },
+        { replace: true }
+      );
+    },
+    [setSearchParams]
+  );
+  const clearAll = useCallback(() => {
+    setInputValue("");
+    setSearchParams(new URLSearchParams(), { replace: true });
+  }, [setSearchParams]);
+  return { state, inputValue, setInputValue, toggleFacet, clearFacet, clearAll };
+}
+
+export { useApigeeFilters };
+//# sourceMappingURL=useApigeeFilters.esm.js.map

package/dist/components/useApigeeFilters.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useApigeeFilters.esm.js","sources":["../../src/components/useApigeeFilters.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { useSearchParams } from 'react-router-dom';\r\nimport { useEntityList } from '@backstage/plugin-catalog-react';\r\nimport type { Entity } from '@backstage/catalog-model';\r\nimport {\r\n  ApiSearchFilter,\r\n  FieldFacetFilter,\r\n  entityCategoryFacet,\r\n  entityLifecycle,\r\n  entityOrg,\r\n  entityOwnerLabel,\r\n} from './apigeeFacetFilters';\r\nimport { parseSearchParams } from './apigeeSearchParams';\r\nimport { useDebouncedValue } from './useDebouncedValue';\r\nimport type { ApigeeFilters } from './ApigeeApiCatalogPage';\r\nimport type { FacetKey } from './facetModel';\r\n\r\n/**\r\n * Value extractor per facet slot used to build the FILTER. Category uses the FACET extractor\r\n * (undefined → 'other'), so selecting the 'other' bucket matches uncategorised APIs — search uses\r\n * the real slug instead (06-01).\r\n */\r\nconst FACET_EXTRACT: Record<FacetKey, (e: Entity) => string | undefined> = {\r\n  lifecycle: entityLifecycle,\r\n  org: entityOrg,\r\n  owner: entityOwnerLabel,\r\n  category: entityCategoryFacet,\r\n};\r\n\r\n/** Facet slot → the `ApigeeFilters` key its `FieldFacetFilter` registers under. */\r\ntype FacetFilterKey =\r\n  | 'apigeeLifecycle'\r\n  | 'apigeeOrgFacet'\r\n  | 'apigeeOwner'\r\n  | 'apigeeCategory';\r\nconst FILTER_KEY: Record<FacetKey, FacetFilterKey> = {\r\n  lifecycle: 'apigeeLifecycle',\r\n  org: 'apigeeOrgFacet',\r\n  owner: 'apigeeOwner',\r\n  category: 'apigeeCategory',\r\n};\r\n\r\n/**\r\n * The `useSearchParams` ⇄ `updateFilters` bridge: the URL is the single source of truth. It parses\r\n * the clean facet + `q` keys into state, drives the provider's in-memory filters one-directionally\r\n * (URL → `updateFilters`, no re-fetch), and writes every change back with `{ replace: true }` (D-08)\r\n * so the address bar stays clean, shareable and reload-safe (UI-09). The search box keeps one local\r\n * `inputValue` (instant echo) with a single 200 ms trailing debounce (D-09) → URL; the URL never\r\n * writes back into the input, so there is no feedback loop (UI-06, UI-07).\r\n */\r\nexport function useApigeeFilters() {\r\n  const [searchParams, setSearchParams] = useSearchParams();\r\n  const { updateFilters } = useEntityList<ApigeeFilters>();\r\n\r\n  // Depend on the stable STRING, not the per-render URLSearchParams object (Pitfall 4).\r\n  const spString = searchParams.toString();\r\n  const state = useMemo(() => parseSearchParams(searchParams), [spString]); // eslint-disable-line\r\n\r\n  // Search text is the only local state; seeded once from the URL.\r\n  const [inputValue, setInputValue] = useState(() => state.q);\r\n  const debouncedQ = useDebouncedValue(inputValue, 200); // D-09\r\n\r\n  // E2: debounced q → URL (replace), merged with the current facet params.\r\n  useEffect(() => {\r\n    setSearchParams(\r\n      prev => {\r\n        const next = new URLSearchParams(prev);\r\n        if (debouncedQ.trim()) {\r\n          next.set('q', debouncedQ.trim());\r\n        } else {\r\n          next.delete('q');\r\n        }\r\n        return next;\r\n      },\r\n      { replace: true },\r\n    );\r\n  }, [debouncedQ, setSearchParams]);\r\n\r\n  // E1: URL → provider filters (one-directional). Runs on mount (seeds shared links) + on change.\r\n  useEffect(() => {\r\n    const patch: Partial<ApigeeFilters> = {};\r\n    (Object.keys(FILTER_KEY) as FacetKey[]).forEach(k => {\r\n      patch[FILTER_KEY[k]] = state.selected[k].length\r\n        ? new FieldFacetFilter(FACET_EXTRACT[k], state.selected[k])\r\n        : undefined;\r\n    });\r\n    patch.apigeeSearch = state.q.trim()\r\n      ? new ApiSearchFilter(state.q)\r\n      : undefined;\r\n    updateFilters(patch);\r\n  }, [spString, updateFilters]); // eslint-disable-line\r\n\r\n  const toggleFacet = useCallback(\r\n    (key: FacetKey, value: string) => {\r\n      setSearchParams(\r\n        prev => {\r\n          const next = new URLSearchParams(prev);\r\n          const cur = next.getAll(key);\r\n          next.delete(key);\r\n          const after = cur.includes(value)\r\n            ? cur.filter(v => v !== value)\r\n            : [...cur, value];\r\n          after.forEach(v => next.append(key, v));\r\n          return next;\r\n        },\r\n        { replace: true },\r\n      );\r\n    },\r\n    [setSearchParams],\r\n  );\r\n\r\n  const clearFacet = useCallback(\r\n    (key: FacetKey) => {\r\n      setSearchParams(\r\n        prev => {\r\n          const next = new URLSearchParams(prev);\r\n          next.delete(key);\r\n          return next;\r\n        },\r\n        { replace: true },\r\n      );\r\n    },\r\n    [setSearchParams],\r\n  );\r\n\r\n  const clearAll = useCallback(() => {\r\n    setInputValue('');\r\n    setSearchParams(new URLSearchParams(), { replace: true });\r\n  }, [setSearchParams]);\r\n\r\n  return { state, inputValue, setInputValue, toggleFacet, clearFacet, clearAll };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/components/useDebouncedValue.esm.js

@@ -0,0 +1,13 @@
+import { useState, useEffect } from 'react';
+
+function useDebouncedValue(value, delayMs) {
+  const [debounced, setDebounced] = useState(value);
+  useEffect(() => {
+    const id = setTimeout(() => setDebounced(value), delayMs);
+    return () => clearTimeout(id);
+  }, [value, delayMs]);
+  return debounced;
+}
+
+export { useDebouncedValue };
+//# sourceMappingURL=useDebouncedValue.esm.js.map

package/dist/components/useDebouncedValue.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebouncedValue.esm.js","sources":["../../src/components/useDebouncedValue.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport { useEffect, useState } from 'react';\r\n\r\n/**\r\n * Trailing-edge debounce: returns `value` immediately, then re-emits the latest `value`\r\n * after `delayMs` of no change. Rapid successive changes cancel the prior timer via\r\n * `clearTimeout`, so only the trailing value is emitted. No external dependency (D-09).\r\n */\r\nexport function useDebouncedValue<T>(value: T, delayMs: number): T {\r\n  const [debounced, setDebounced] = useState(value);\r\n  useEffect(() => {\r\n    const id = setTimeout(() => setDebounced(value), delayMs);\r\n    return () => clearTimeout(id);\r\n  }, [value, delayMs]);\r\n  return debounced;\r\n}\r\n"],"names":[],"mappings":";;AAQO,SAAS,iBAAA,CAAqB,OAAU,OAAA,EAAoB;AACjE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,KAAK,UAAA,CAAW,MAAM,YAAA,CAAa,KAAK,GAAG,OAAO,CAAA;AACxD,IAAA,OAAO,MAAM,aAAa,EAAE,CAAA;AAAA,EAC9B,CAAA,EAAG,CAAC,KAAA,EAAO,OAAO,CAAC,CAAA;AACnB,EAAA,OAAO,SAAA;AACT;;;;"}

package/dist/constants.esm.js

@@ -0,0 +1,8 @@
+const ANNOTATION_APIGEE_ORGS = "apigee.com/orgs";
+const ANNOTATION_APIGEE_ORG = "apigee.com/org";
+const ANNOTATION_HAS_SPEC = "apigee.com/has-spec";
+const ANNOTATION_CATEGORY = "apigee.com/category";
+const ANNOTATION_API_HUB_VERSION = "apigee.com/api-hub-version";
+
+export { ANNOTATION_APIGEE_ORG, ANNOTATION_APIGEE_ORGS, ANNOTATION_API_HUB_VERSION, ANNOTATION_CATEGORY, ANNOTATION_HAS_SPEC };
+//# sourceMappingURL=constants.esm.js.map

package/dist/constants.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.esm.js","sources":["../src/constants.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\n// Apigee catalog annotation keys. Authoritative source:\r\n// plugins/apigee-backend/src/lib/entity-builder.ts (verified 2026-07-09).\r\n\r\n/** Org annotation written by proxyToEntities (PLURAL, proxy-derived API entities). */\r\nexport const ANNOTATION_APIGEE_ORGS = 'apigee.com/orgs';\r\n/** Org annotation written by hubOnlyToEntity (SINGULAR, hub-only API entities). */\r\nexport const ANNOTATION_APIGEE_ORG = 'apigee.com/org';\r\n/** 'true' | 'false' — set by applyHubMetadata when a spec is embedded or linked. */\r\nexport const ANNOTATION_HAS_SPEC = 'apigee.com/has-spec';\r\n/** Comma-joined slugified categories (absent in the current seed dump). */\r\nexport const ANNOTATION_CATEGORY = 'apigee.com/category';\r\n/** Full API Hub resource name — present only on hub-only entities. */\r\nexport const ANNOTATION_API_HUB_ID = 'apigee.com/api-hub-id';\r\n/**\r\n * Best-effort API Hub version key (A3 — not yet emitted by the backend, absent in the seed).\r\n * The view-model HIDES the version line when this is absent (D-05).\r\n */\r\nexport const ANNOTATION_API_HUB_VERSION = 'apigee.com/api-hub-version';\r\n"],"names":[],"mappings":"AAKO,MAAM,sBAAA,GAAyB;AAE/B,MAAM,qBAAA,GAAwB;AAE9B,MAAM,mBAAA,GAAsB;AAE5B,MAAM,mBAAA,GAAsB;AAO5B,MAAM,0BAAA,GAA6B;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,66 @@
+import * as react from 'react';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+
+declare const apigeePlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{
+    root: _backstage_frontend_plugin_api.RouteRef<undefined>;
+}, {}, {
+    "nav-item:apigee": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "nav-item";
+        name: undefined;
+        config: {};
+        configInput: {};
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<{
+            title: string;
+            icon: _backstage_frontend_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        }, "core.nav-item.target", {}>;
+        inputs: {};
+        params: {
+            title: string;
+            icon: _backstage_frontend_plugin_api.IconComponent;
+            routeRef: _backstage_frontend_plugin_api.RouteRef<undefined>;
+        };
+    }>;
+    "page:apigee": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "page";
+        name: undefined;
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+        };
+        configInput: {
+            title?: string | undefined;
+            path?: string | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "core.title", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+            optional: true;
+        }>;
+        inputs: {
+            pages: _backstage_frontend_plugin_api.ExtensionInput<_backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.routing.path", {}> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.RouteRef<_backstage_frontend_plugin_api.AnyRouteRefParams>, "core.routing.ref", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<string, "core.title", {
+                optional: true;
+            }> | _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.IconElement, "core.icon", {
+                optional: true;
+            }>, {
+                singleton: false;
+                optional: false;
+                internal: false;
+            }>;
+        };
+        params: {
+            path: string;
+            title?: string;
+            icon?: _backstage_frontend_plugin_api.IconElement;
+            loader?: () => Promise<react.JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            noHeader?: boolean;
+        };
+    }>;
+}>;
+
+export { apigeePlugin as default };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+export { apigeePlugin as default } from './plugin.esm.js';
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/plugin.esm.js

@@ -0,0 +1,33 @@
+import { jsx } from 'react/jsx-runtime';
+import { PageBlueprint, NavItemBlueprint, createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import LayersIcon from '@material-ui/icons/Layers';
+import { rootRouteRef } from './routes.esm.js';
+
+const apigeePage = PageBlueprint.make({
+  params: {
+    title: "API Catalog",
+    routeRef: rootRouteRef,
+    path: "/apigee",
+    loader: () => import('./components/ApigeeApiCatalogPage.esm.js').then(
+      ({ ApigeeApiCatalogPage }) => /* @__PURE__ */ jsx(ApigeeApiCatalogPage, {})
+    )
+  }
+});
+const apigeeNavItem = NavItemBlueprint.make({
+  params: {
+    title: "API Catalog",
+    icon: LayersIcon,
+    routeRef: rootRouteRef
+  }
+});
+const apigeePlugin = createFrontendPlugin({
+  pluginId: "apigee",
+  title: "API Catalog",
+  extensions: [apigeePage, apigeeNavItem],
+  routes: {
+    root: rootRouteRef
+  }
+});
+
+export { apigeeNavItem, apigeePage, apigeePlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.tsx"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport {\r\n  createFrontendPlugin,\r\n  NavItemBlueprint,\r\n  PageBlueprint,\r\n} from '@backstage/frontend-plugin-api';\r\nimport LayersIcon from '@material-ui/icons/Layers';\r\nimport { rootRouteRef } from './routes';\r\n\r\nexport const apigeePage = PageBlueprint.make({\r\n  params: {\r\n    title: 'API Catalog',\r\n    routeRef: rootRouteRef,\r\n    path: '/apigee',\r\n    loader: () =>\r\n      import('./components/ApigeeApiCatalogPage').then(\r\n        ({ ApigeeApiCatalogPage }) => <ApigeeApiCatalogPage />,\r\n      ),\r\n  },\r\n});\r\n\r\nexport const apigeeNavItem = NavItemBlueprint.make({\r\n  params: {\r\n    title: 'API Catalog',\r\n    icon: LayersIcon,\r\n    routeRef: rootRouteRef,\r\n  },\r\n});\r\n\r\nexport const apigeePlugin = createFrontendPlugin({\r\n  pluginId: 'apigee',\r\n  title: 'API Catalog',\r\n  extensions: [apigeePage, apigeeNavItem],\r\n  routes: {\r\n    root: rootRouteRef,\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;AASO,MAAM,UAAA,GAAa,cAAc,IAAA,CAAK;AAAA,EAC3C,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,aAAA;AAAA,IACP,QAAA,EAAU,YAAA;AAAA,IACV,IAAA,EAAM,SAAA;AAAA,IACN,MAAA,EAAQ,MACN,OAAO,0CAAmC,CAAA,CAAE,IAAA;AAAA,MAC1C,CAAC,EAAE,oBAAA,EAAqB,yBAAO,oBAAA,EAAA,EAAqB;AAAA;AACtD;AAEN,CAAC;AAEM,MAAM,aAAA,GAAgB,iBAAiB,IAAA,CAAK;AAAA,EACjD,MAAA,EAAQ;AAAA,IACN,KAAA,EAAO,aAAA;AAAA,IACP,IAAA,EAAM,UAAA;AAAA,IACN,QAAA,EAAU;AAAA;AAEd,CAAC;AAEM,MAAM,eAAe,oBAAA,CAAqB;AAAA,EAC/C,QAAA,EAAU,QAAA;AAAA,EACV,KAAA,EAAO,aAAA;AAAA,EACP,UAAA,EAAY,CAAC,UAAA,EAAY,aAAa,CAAA;AAAA,EACtC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;;;;"}

package/dist/routes.esm.js

@@ -0,0 +1,6 @@
+import { createRouteRef } from '@backstage/frontend-plugin-api';
+
+const rootRouteRef = createRouteRef();
+
+export { rootRouteRef };
+//# sourceMappingURL=routes.esm.js.map

package/dist/routes.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.esm.js","sources":["../src/routes.ts"],"sourcesContent":["// SPDX-License-Identifier: Apache-2.0\r\nimport { createRouteRef } from '@backstage/frontend-plugin-api';\r\n\r\nexport const rootRouteRef = createRouteRef();\r\n"],"names":[],"mappings":";;AAGO,MAAM,eAAe,cAAA;;;;"}

package/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "@nospt/backstage-plugin-apigee",
+  "version": "0.1.0",
+  "license": "Apache-2.0",
+  "description": "Backstage frontend plugin bootstrap for Apigee integration",
+  "author": "NOS SGPS, S.A.",
+  "homepage": "https://github.com/nosportugal/backstage-plugin-apigee#readme",
+  "keywords": [
+    "backstage",
+    "backstage-plugin",
+    "apigee"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nosportugal/backstage-plugin-apigee",
+    "directory": "plugins/apigee"
+  },
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "backstage": {
+    "role": "frontend-plugin",
+    "pluginId": "apigee",
+    "pluginPackages": [
+      "@nospt/backstage-plugin-apigee",
+      "@nospt/backstage-plugin-apigee-backend",
+      "@nospt/backstage-plugin-apigee-common"
+    ],
+    "features": {
+      ".": "@backstage/FrontendPlugin"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "test:e2e": "playwright test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack"
+  },
+  "dependencies": {
+    "@backstage/catalog-model": "^1.9.0",
+    "@backstage/core-components": "^0.18.8",
+    "@backstage/core-plugin-api": "^1.10.3",
+    "@backstage/frontend-plugin-api": "^0.15.1",
+    "@backstage/plugin-catalog-react": "^2.1.1",
+    "@material-ui/core": "^4.9.13",
+    "@material-ui/icons": "^4.9.1",
+    "@nospt/backstage-plugin-apigee-common": "workspace:^"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.0.0"
+  },
+  "devDependencies": {
+    "@backstage/cli": "^0.36.0",
+    "@backstage/frontend-defaults": "^0.5.0",
+    "@backstage/frontend-test-utils": "^0.5.1",
+    "@backstage/plugin-app-react": "^0.2.2",
+    "@backstage/plugin-catalog": "^2.0.1",
+    "@backstage/ui": "^0.13.2",
+    "@playwright/test": "^1.49.0",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0 || ^18.0.0",
+    "react-router-dom": "^6.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "module": "./dist/index.esm.js"
+}