@flagsmith/backstage-plugin 0.1.0-pr.7.3135fb9

package/dist/hooks/useFlagsmithProject.esm.js

@@ -0,0 +1,49 @@
+import { useMemo, useState, useEffect } from 'react';
+import { useApi, discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';
+import { FlagsmithClient } from '../api/FlagsmithClient.esm.js';
+
+function useFlagsmithProject(projectId) {
+  const discoveryApi = useApi(discoveryApiRef);
+  const fetchApi = useApi(fetchApiRef);
+  const client = useMemo(
+    () => new FlagsmithClient(discoveryApi, fetchApi),
+    [discoveryApi, fetchApi]
+  );
+  const [project, setProject] = useState(null);
+  const [environments, setEnvironments] = useState([]);
+  const [features, setFeatures] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!projectId) {
+      setError("No Flagsmith project ID found in entity annotations");
+      setLoading(false);
+      return;
+    }
+    const fetchData = async () => {
+      try {
+        const projectData = await client.getProject(parseInt(projectId, 10));
+        setProject(projectData);
+        const envs = await client.getProjectEnvironments(parseInt(projectId, 10));
+        setEnvironments(envs || []);
+        const projectFeatures = await client.getProjectFeatures(projectId);
+        setFeatures(projectFeatures || []);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Unknown error");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchData();
+  }, [projectId, client]);
+  const envIds = environments.map((e) => e.id).join(",");
+  const memoizedEnvironments = useMemo(
+    () => environments,
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [envIds]
+  );
+  return { project, environments: memoizedEnvironments, features, loading, error, client };
+}
+
+export { useFlagsmithProject };
+//# sourceMappingURL=useFlagsmithProject.esm.js.map

package/dist/hooks/useFlagsmithProject.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlagsmithProject.esm.js","sources":["../../src/hooks/useFlagsmithProject.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { useApi, discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport {\n  FlagsmithClient,\n  FlagsmithProject,\n  FlagsmithEnvironment,\n  FlagsmithFeature,\n} from '../api/FlagsmithClient';\n\nexport interface UseFlagsmithProjectResult {\n  project: FlagsmithProject | null;\n  environments: FlagsmithEnvironment[];\n  features: FlagsmithFeature[];\n  loading: boolean;\n  error: string | null;\n  client: FlagsmithClient;\n}\n\nexport function useFlagsmithProject(\n  projectId: string | undefined,\n): UseFlagsmithProjectResult {\n  const discoveryApi = useApi(discoveryApiRef);\n  const fetchApi = useApi(fetchApiRef);\n\n  const client = useMemo(\n    () => new FlagsmithClient(discoveryApi, fetchApi),\n    [discoveryApi, fetchApi],\n  );\n\n  const [project, setProject] = useState<FlagsmithProject | null>(null);\n  const [environments, setEnvironments] = useState<FlagsmithEnvironment[]>([]);\n  const [features, setFeatures] = useState<FlagsmithFeature[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!projectId) {\n      setError('No Flagsmith project ID found in entity annotations');\n      setLoading(false);\n      return;\n    }\n\n    const fetchData = async () => {\n      try {\n        const projectData = await client.getProject(parseInt(projectId, 10));\n        setProject(projectData);\n\n        const envs = await client.getProjectEnvironments(parseInt(projectId, 10));\n        setEnvironments(envs || []);\n\n        const projectFeatures = await client.getProjectFeatures(projectId);\n        setFeatures(projectFeatures || []);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Unknown error');\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchData();\n  }, [projectId, client]);\n\n  // Memoize environments to prevent unnecessary re-renders in child components\n  // Only create new reference when environment IDs actually change\n  const envIds = environments.map(e => e.id).join(',');\n  const memoizedEnvironments = useMemo(\n    () => environments,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [envIds],\n  );\n\n  return { project, environments: memoizedEnvironments, features, loading, error, client };\n}\n"],"names":[],"mappings":";;;;AAkBO,SAAS,oBACd,SAAA,EAC2B;AAC3B,EAAA,MAAM,YAAA,GAAe,OAAO,eAAe,CAAA;AAC3C,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AAEnC,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IACb,MAAM,IAAI,eAAA,CAAgB,YAAA,EAAc,QAAQ,CAAA;AAAA,IAChD,CAAC,cAAc,QAAQ;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkC,IAAI,CAAA;AACpE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,QAAA,CAAiC,EAAE,CAAA;AAC3E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,QAAA,CAA6B,EAAE,CAAA;AAC/D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA,QAAA,CAAS,qDAAqD,CAAA;AAC9D,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAY,YAAY;AAC5B,MAAA,IAAI;AACF,QAAA,MAAM,cAAc,MAAM,MAAA,CAAO,WAAW,QAAA,CAAS,SAAA,EAAW,EAAE,CAAC,CAAA;AACnE,QAAA,UAAA,CAAW,WAAW,CAAA;AAEtB,QAAA,MAAM,OAAO,MAAM,MAAA,CAAO,uBAAuB,QAAA,CAAS,SAAA,EAAW,EAAE,CAAC,CAAA;AACxE,QAAA,eAAA,CAAgB,IAAA,IAAQ,EAAE,CAAA;AAE1B,QAAA,MAAM,eAAA,GAAkB,MAAM,MAAA,CAAO,kBAAA,CAAmB,SAAS,CAAA;AACjE,QAAA,WAAA,CAAY,eAAA,IAAmB,EAAE,CAAA;AAAA,MACnC,SAAS,GAAA,EAAK;AACZ,QAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,eAAe,CAAA;AAAA,MAC/D,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AAItB,EAAA,MAAM,MAAA,GAAS,aAAa,GAAA,CAAI,CAAA,CAAA,KAAK,EAAE,EAAE,CAAA,CAAE,KAAK,GAAG,CAAA;AACnD,EAAA,MAAM,oBAAA,GAAuB,OAAA;AAAA,IAC3B,MAAM,YAAA;AAAA;AAAA,IAEN,CAAC,MAAM;AAAA,GACT;AAEA,EAAA,OAAO,EAAE,OAAA,EAAS,YAAA,EAAc,sBAAsB,QAAA,EAAU,OAAA,EAAS,OAAO,MAAA,EAAO;AACzF;;;;"}

package/dist/hooks/useFlagsmithUsage.esm.js

@@ -0,0 +1,44 @@
+import { useMemo, useState, useEffect } from 'react';
+import { useApi, discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';
+import { FlagsmithClient } from '../api/FlagsmithClient.esm.js';
+
+function useFlagsmithUsage(projectId, orgId) {
+  const discoveryApi = useApi(discoveryApiRef);
+  const fetchApi = useApi(fetchApiRef);
+  const client = useMemo(
+    () => new FlagsmithClient(discoveryApi, fetchApi),
+    [discoveryApi, fetchApi]
+  );
+  const [project, setProject] = useState(null);
+  const [usageData, setUsageData] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    if (!projectId || !orgId) {
+      setError("Missing Flagsmith project ID or organization ID in entity annotations");
+      setLoading(false);
+      return;
+    }
+    const fetchData = async () => {
+      try {
+        const projectData = await client.getProject(parseInt(projectId, 10));
+        setProject(projectData);
+        const usage = await client.getUsageData(
+          parseInt(orgId, 10),
+          parseInt(projectId, 10)
+        );
+        setUsageData(usage);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Unknown error");
+      } finally {
+        setLoading(false);
+      }
+    };
+    fetchData();
+  }, [projectId, orgId, client]);
+  const totalFlags = usageData.reduce((sum, day) => sum + (day.flags ?? 0), 0);
+  return { project, usageData, totalFlags, loading, error };
+}
+
+export { useFlagsmithUsage };
+//# sourceMappingURL=useFlagsmithUsage.esm.js.map

package/dist/hooks/useFlagsmithUsage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFlagsmithUsage.esm.js","sources":["../../src/hooks/useFlagsmithUsage.ts"],"sourcesContent":["import { useState, useEffect, useMemo } from 'react';\nimport { useApi, discoveryApiRef, fetchApiRef } from '@backstage/core-plugin-api';\nimport {\n  FlagsmithClient,\n  FlagsmithProject,\n  FlagsmithUsageData,\n} from '../api/FlagsmithClient';\n\nexport interface UseFlagsmithUsageResult {\n  project: FlagsmithProject | null;\n  usageData: FlagsmithUsageData[];\n  totalFlags: number;\n  loading: boolean;\n  error: string | null;\n}\n\nexport function useFlagsmithUsage(\n  projectId: string | undefined,\n  orgId: string | undefined,\n): UseFlagsmithUsageResult {\n  const discoveryApi = useApi(discoveryApiRef);\n  const fetchApi = useApi(fetchApiRef);\n\n  // Memoize client to prevent recreation on every render\n  const client = useMemo(\n    () => new FlagsmithClient(discoveryApi, fetchApi),\n    [discoveryApi, fetchApi],\n  );\n\n  const [project, setProject] = useState<FlagsmithProject | null>(null);\n  const [usageData, setUsageData] = useState<FlagsmithUsageData[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!projectId || !orgId) {\n      setError('Missing Flagsmith project ID or organization ID in entity annotations');\n      setLoading(false);\n      return;\n    }\n\n    const fetchData = async () => {\n      try {\n        const projectData = await client.getProject(parseInt(projectId, 10));\n        setProject(projectData);\n\n        const usage = await client.getUsageData(\n          parseInt(orgId, 10),\n          parseInt(projectId, 10),\n        );\n        setUsageData(usage);\n      } catch (err) {\n        setError(err instanceof Error ? err.message : 'Unknown error');\n      } finally {\n        setLoading(false);\n      }\n    };\n\n    fetchData();\n  }, [projectId, orgId, client]);\n\n  const totalFlags = usageData.reduce((sum, day) => sum + (day.flags ?? 0), 0);\n\n  return { project, usageData, totalFlags, loading, error };\n}\n"],"names":[],"mappings":";;;;AAgBO,SAAS,iBAAA,CACd,WACA,KAAA,EACyB;AACzB,EAAA,MAAM,YAAA,GAAe,OAAO,eAAe,CAAA;AAC3C,EAAA,MAAM,QAAA,GAAW,OAAO,WAAW,CAAA;AAGnC,EAAA,MAAM,MAAA,GAAS,OAAA;AAAA,IACb,MAAM,IAAI,eAAA,CAAgB,YAAA,EAAc,QAAQ,CAAA;AAAA,IAChD,CAAC,cAAc,QAAQ;AAAA,GACzB;AAEA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkC,IAAI,CAAA;AACpE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,QAAA,CAA+B,EAAE,CAAA;AACnE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,IAAI,CAAA;AAC3C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAwB,IAAI,CAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,IAAa,CAAC,KAAA,EAAO;AACxB,MAAA,QAAA,CAAS,uEAAuE,CAAA;AAChF,MAAA,UAAA,CAAW,KAAK,CAAA;AAChB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,YAAY,YAAY;AAC5B,MAAA,IAAI;AACF,QAAA,MAAM,cAAc,MAAM,MAAA,CAAO,WAAW,QAAA,CAAS,SAAA,EAAW,EAAE,CAAC,CAAA;AACnE,QAAA,UAAA,CAAW,WAAW,CAAA;AAEtB,QAAA,MAAM,KAAA,GAAQ,MAAM,MAAA,CAAO,YAAA;AAAA,UACzB,QAAA,CAAS,OAAO,EAAE,CAAA;AAAA,UAClB,QAAA,CAAS,WAAW,EAAE;AAAA,SACxB;AACA,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB,SAAS,GAAA,EAAK;AACZ,QAAA,QAAA,CAAS,GAAA,YAAe,KAAA,GAAQ,GAAA,CAAI,OAAA,GAAU,eAAe,CAAA;AAAA,MAC/D,CAAA,SAAE;AACA,QAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,EAAU;AAAA,EACZ,CAAA,EAAG,CAAC,SAAA,EAAW,KAAA,EAAO,MAAM,CAAC,CAAA;AAE7B,EAAA,MAAM,UAAA,GAAa,SAAA,CAAU,MAAA,CAAO,CAAC,GAAA,EAAK,QAAQ,GAAA,IAAO,GAAA,CAAI,KAAA,IAAS,CAAA,CAAA,EAAI,CAAC,CAAA;AAE3E,EAAA,OAAO,EAAE,OAAA,EAAS,SAAA,EAAW,UAAA,EAAY,SAAS,KAAA,EAAM;AAC1D;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,111 @@
+import * as _backstage_catalog_model from '@backstage/catalog-model';
+import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import * as react from 'react';
+import * as _backstage_plugin_catalog_react_alpha from '@backstage/plugin-catalog-react/alpha';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const FlagsTab: () => react_jsx_runtime.JSX.Element;
+
+declare const FlagsmithOverviewCard: () => react_jsx_runtime.JSX.Element;
+
+declare const FlagsmithUsageCard: () => react_jsx_runtime.JSX.Element;
+
+/**
+ * Flagsmith plugin for Backstage's new frontend system.
+ *
+ * This plugin provides:
+ * - Entity content tab showing feature flags
+ * - Overview card for entity pages
+ * - Usage analytics card
+ */
+declare const flagsmithPlugin: _backstage_frontend_plugin_api.OverridableFrontendPlugin<{}, {}, {
+    "entity-card:flagsmith/overview": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "entity-card";
+        name: "overview";
+        config: {
+            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type: "content" | "summary" | "info" | undefined;
+        };
+        configInput: {
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type?: "content" | "summary" | "info" | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_plugin_catalog_react_alpha.EntityCardType, "catalog.entity-card-type", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            loader: () => Promise<JSX.Element>;
+            filter?: string | _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+            type?: _backstage_plugin_catalog_react_alpha.EntityCardType;
+        };
+    }>;
+    "entity-card:flagsmith/usage": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "entity-card";
+        name: "usage";
+        config: {
+            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type: "content" | "summary" | "info" | undefined;
+        };
+        configInput: {
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            type?: "content" | "summary" | "info" | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_plugin_catalog_react_alpha.EntityCardType, "catalog.entity-card-type", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            loader: () => Promise<JSX.Element>;
+            filter?: string | _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+            type?: _backstage_plugin_catalog_react_alpha.EntityCardType;
+        };
+    }>;
+    "entity-content:flagsmith/flags": _backstage_frontend_plugin_api.OverridableExtensionDefinition<{
+        kind: "entity-content";
+        name: "flags";
+        config: {
+            path: string | undefined;
+            title: string | undefined;
+            filter: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            group: string | false | undefined;
+        };
+        configInput: {
+            filter?: _backstage_plugin_catalog_react_alpha.EntityPredicate | undefined;
+            title?: string | undefined;
+            path?: string | undefined;
+            group?: string | false | undefined;
+        };
+        output: _backstage_frontend_plugin_api.ExtensionDataRef<react.JSX.Element, "core.reactElement", {}> | _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<(entity: _backstage_catalog_model.Entity) => boolean, "catalog.entity-filter-function", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-filter-expression", {
+            optional: true;
+        }> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-title", {}> | _backstage_frontend_plugin_api.ExtensionDataRef<string, "catalog.entity-content-group", {
+            optional: true;
+        }>;
+        inputs: {};
+        params: {
+            defaultPath?: [Error: `Use the 'path' param instead`];
+            path: string;
+            defaultTitle?: [Error: `Use the 'title' param instead`];
+            title: string;
+            defaultGroup?: [Error: `Use the 'group' param instead`];
+            group?: ("development" | "overview" | "documentation" | "deployment" | "operation" | "observability") | (string & {});
+            loader: () => Promise<JSX.Element>;
+            routeRef?: _backstage_frontend_plugin_api.RouteRef;
+            filter?: string | _backstage_plugin_catalog_react_alpha.EntityPredicate | ((entity: _backstage_catalog_model.Entity) => boolean);
+        };
+    }>;
+}>;
+
+export { FlagsTab, FlagsmithOverviewCard, FlagsmithUsageCard, flagsmithPlugin as default };

package/dist/index.esm.js

@@ -0,0 +1,41 @@
+import { createElement } from 'react';
+import { createFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { EntityContentBlueprint, EntityCardBlueprint } from '@backstage/plugin-catalog-react/alpha';
+export { FlagsTab } from './components/FlagsTab/index.esm.js';
+export { FlagsmithOverviewCard } from './components/FlagsmithOverviewCard/index.esm.js';
+export { FlagsmithUsageCard } from './components/FlagsmithUsageCard/index.esm.js';
+
+const flagsTabContent = EntityContentBlueprint.make({
+  name: "flags",
+  params: {
+    path: "/flagsmith",
+    title: "Feature Flags",
+    filter: "has:annotation:flagsmith.com/project-id",
+    loader: () => import('./components/FlagsTab/index.esm.js').then((m) => createElement(m.FlagsTab))
+  }
+});
+const overviewCard = EntityCardBlueprint.make({
+  name: "overview",
+  params: {
+    filter: "has:annotation:flagsmith.com/project-id",
+    loader: () => import('./components/FlagsmithOverviewCard/index.esm.js').then(
+      (m) => createElement(m.FlagsmithOverviewCard)
+    )
+  }
+});
+const usageCard = EntityCardBlueprint.make({
+  name: "usage",
+  params: {
+    filter: "has:annotation:flagsmith.com/project-id,flagsmith.com/org-id",
+    loader: () => import('./components/FlagsmithUsageCard/index.esm.js').then(
+      (m) => createElement(m.FlagsmithUsageCard)
+    )
+  }
+});
+const flagsmithPlugin = createFrontendPlugin({
+  pluginId: "flagsmith",
+  extensions: [flagsTabContent, overviewCard, usageCard]
+});
+
+export { flagsmithPlugin as default };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/index.ts"],"sourcesContent":["import { createElement } from 'react';\nimport { createFrontendPlugin } from '@backstage/frontend-plugin-api';\nimport {\n  EntityContentBlueprint,\n  EntityCardBlueprint,\n} from '@backstage/plugin-catalog-react/alpha';\n\n/**\n * Entity content (tab) for FlagsTab - displays feature flags for an entity\n * Requires annotation: flagsmith.com/project-id\n */\nconst flagsTabContent = EntityContentBlueprint.make({\n  name: 'flags',\n  params: {\n    path: '/flagsmith',\n    title: 'Feature Flags',\n    filter: 'has:annotation:flagsmith.com/project-id',\n    loader: () =>\n      import('./components/FlagsTab').then(m => createElement(m.FlagsTab)),\n  },\n});\n\n/**\n * Entity card for FlagsmithOverviewCard - shows flag overview in entity page\n * Requires annotation: flagsmith.com/project-id\n */\nconst overviewCard = EntityCardBlueprint.make({\n  name: 'overview',\n  params: {\n    filter: 'has:annotation:flagsmith.com/project-id',\n    loader: () =>\n      import('./components/FlagsmithOverviewCard').then(m =>\n        createElement(m.FlagsmithOverviewCard),\n      ),\n  },\n});\n\n/**\n * Entity card for FlagsmithUsageCard - shows 30-day usage analytics\n * Requires annotations: flagsmith.com/project-id, flagsmith.com/org-id\n */\nconst usageCard = EntityCardBlueprint.make({\n  name: 'usage',\n  params: {\n    filter: 'has:annotation:flagsmith.com/project-id,flagsmith.com/org-id',\n    loader: () =>\n      import('./components/FlagsmithUsageCard').then(m =>\n        createElement(m.FlagsmithUsageCard),\n      ),\n  },\n});\n\n/**\n * Flagsmith plugin for Backstage's new frontend system.\n *\n * This plugin provides:\n * - Entity content tab showing feature flags\n * - Overview card for entity pages\n * - Usage analytics card\n */\nconst flagsmithPlugin = createFrontendPlugin({\n  pluginId: 'flagsmith',\n  extensions: [flagsTabContent, overviewCard, usageCard],\n});\n\nexport default flagsmithPlugin;\n\n// Legacy frontend system exports\nexport { FlagsTab } from './components/FlagsTab';\nexport { FlagsmithOverviewCard } from './components/FlagsmithOverviewCard';\nexport { FlagsmithUsageCard } from './components/FlagsmithUsageCard';\n"],"names":[],"mappings":";;;;;;;AAWA,MAAM,eAAA,GAAkB,uBAAuB,IAAA,CAAK;AAAA,EAClD,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,YAAA;AAAA,IACN,KAAA,EAAO,eAAA;AAAA,IACP,MAAA,EAAQ,yCAAA;AAAA,IACR,MAAA,EAAQ,MACN,OAAO,oCAAuB,CAAA,CAAE,KAAK,CAAA,CAAA,KAAK,aAAA,CAAc,CAAA,CAAE,QAAQ,CAAC;AAAA;AAEzE,CAAC,CAAA;AAMD,MAAM,YAAA,GAAe,oBAAoB,IAAA,CAAK;AAAA,EAC5C,IAAA,EAAM,UAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,yCAAA;AAAA,IACR,MAAA,EAAQ,MACN,OAAO,iDAAoC,CAAA,CAAE,IAAA;AAAA,MAAK,CAAA,CAAA,KAChD,aAAA,CAAc,CAAA,CAAE,qBAAqB;AAAA;AACvC;AAEN,CAAC,CAAA;AAMD,MAAM,SAAA,GAAY,oBAAoB,IAAA,CAAK;AAAA,EACzC,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,MAAA,EAAQ,8DAAA;AAAA,IACR,MAAA,EAAQ,MACN,OAAO,8CAAiC,CAAA,CAAE,IAAA;AAAA,MAAK,CAAA,CAAA,KAC7C,aAAA,CAAc,CAAA,CAAE,kBAAkB;AAAA;AACpC;AAEN,CAAC,CAAA;AAUD,MAAM,kBAAkB,oBAAA,CAAqB;AAAA,EAC3C,QAAA,EAAU,WAAA;AAAA,EACV,UAAA,EAAY,CAAC,eAAA,EAAiB,YAAA,EAAc,SAAS;AACvD,CAAC;;;;"}

package/dist/theme/flagsmithTheme.esm.js

@@ -0,0 +1,28 @@
+const flagsmithColors = {
+  /** Teal - primary brand color, used for enabled states */
+  primary: "#0AC2A3",
+  /** Purple - secondary brand color, used for focus/branding */
+  secondary: "#7B51FB",
+  /** Green - flag enabled indicator */
+  enabled: "#4CAF50",
+  /** Gray - flag disabled indicator */
+  disabled: "#9E9E9E",
+  /** Orange - segment overrides warning */
+  warning: "#FF9800"};
+const FLAGSMITH_DASHBOARD_URL = "https://app.flagsmith.com";
+function buildFlagUrl(projectId, environmentId, featureId) {
+  const base = `${FLAGSMITH_DASHBOARD_URL}/project/${projectId}/environment/${environmentId}/features`;
+  if (featureId) {
+    return `${base}?feature=${featureId}`;
+  }
+  return base;
+}
+function buildProjectUrl(projectId, environmentId) {
+  if (environmentId) {
+    return `${FLAGSMITH_DASHBOARD_URL}/project/${projectId}/environment/${environmentId}/features`;
+  }
+  return `${FLAGSMITH_DASHBOARD_URL}/project/${projectId}`;
+}
+
+export { FLAGSMITH_DASHBOARD_URL, buildFlagUrl, buildProjectUrl, flagsmithColors };
+//# sourceMappingURL=flagsmithTheme.esm.js.map

package/dist/theme/flagsmithTheme.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagsmithTheme.esm.js","sources":["../../src/theme/flagsmithTheme.ts"],"sourcesContent":["/**\n * Flagsmith brand colors and theme constants\n */\nexport const flagsmithColors = {\n  /** Teal - primary brand color, used for enabled states */\n  primary: '#0AC2A3',\n  /** Purple - secondary brand color, used for focus/branding */\n  secondary: '#7B51FB',\n  /** Green - flag enabled indicator */\n  enabled: '#4CAF50',\n  /** Gray - flag disabled indicator */\n  disabled: '#9E9E9E',\n  /** Orange - segment overrides warning */\n  warning: '#FF9800',\n  /** Background colors for status states */\n  background: {\n    enabled: 'rgba(76, 175, 80, 0.08)',\n    disabled: 'rgba(158, 158, 158, 0.08)',\n    warning: 'rgba(255, 152, 0, 0.1)',\n  },\n};\n\n/** Default Flagsmith dashboard URL */\nexport const FLAGSMITH_DASHBOARD_URL = 'https://app.flagsmith.com';\n\n/**\n * Build URL to a specific feature flag in the Flagsmith dashboard\n */\nexport function buildFlagUrl(\n  projectId: string | number,\n  environmentId: string | number,\n  featureId?: string | number,\n): string {\n  const base = `${FLAGSMITH_DASHBOARD_URL}/project/${projectId}/environment/${environmentId}/features`;\n  if (featureId) {\n    return `${base}?feature=${featureId}`;\n  }\n  return base;\n}\n\n/**\n * Build URL to the project features page in the Flagsmith dashboard\n */\nexport function buildProjectUrl(\n  projectId: string | number,\n  environmentId?: string | number,\n): string {\n  if (environmentId) {\n    return `${FLAGSMITH_DASHBOARD_URL}/project/${projectId}/environment/${environmentId}/features`;\n  }\n  return `${FLAGSMITH_DASHBOARD_URL}/project/${projectId}`;\n}\n"],"names":[],"mappings":"AAGO,MAAM,eAAA,GAAkB;AAAA;AAAA,EAE7B,OAAA,EAAS,SAAA;AAAA;AAAA,EAET,SAAA,EAAW,SAAA;AAAA;AAAA,EAEX,OAAA,EAAS,SAAA;AAAA;AAAA,EAET,QAAA,EAAU,SAAA;AAAA;AAAA,EAEV,OAAA,EAAS,SAOX;AAGO,MAAM,uBAAA,GAA0B;AAKhC,SAAS,YAAA,CACd,SAAA,EACA,aAAA,EACA,SAAA,EACQ;AACR,EAAA,MAAM,OAAO,CAAA,EAAG,uBAAuB,CAAA,SAAA,EAAY,SAAS,gBAAgB,aAAa,CAAA,SAAA,CAAA;AACzF,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,OAAO,CAAA,EAAG,IAAI,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA;AAAA,EACrC;AACA,EAAA,OAAO,IAAA;AACT;AAKO,SAAS,eAAA,CACd,WACA,aAAA,EACQ;AACR,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,CAAA,EAAG,uBAAuB,CAAA,SAAA,EAAY,SAAS,gBAAgB,aAAa,CAAA,SAAA,CAAA;AAAA,EACrF;AACA,EAAA,OAAO,CAAA,EAAG,uBAAuB,CAAA,SAAA,EAAY,SAAS,CAAA,CAAA;AACxD;;;;"}

package/dist/theme/sharedStyles.esm.js

@@ -0,0 +1,19 @@
+import { flagsmithColors } from './flagsmithTheme.esm.js';
+
+const switchOnStyle = {
+  "& .MuiSwitch-switchBase.Mui-checked": {
+    color: flagsmithColors.primary
+  },
+  "& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track": {
+    backgroundColor: flagsmithColors.primary
+  }
+};
+const detailCardStyle = (theme) => ({
+  padding: theme.spacing(1.5),
+  marginBottom: theme.spacing(1),
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: theme.shape.borderRadius
+});
+
+export { detailCardStyle, switchOnStyle };
+//# sourceMappingURL=sharedStyles.esm.js.map

package/dist/theme/sharedStyles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharedStyles.esm.js","sources":["../../src/theme/sharedStyles.ts"],"sourcesContent":["import { Theme } from '@material-ui/core/styles';\nimport { flagsmithColors } from './flagsmithTheme';\n\n/**\n * Shared style for colored Switch components\n */\nexport const switchOnStyle = {\n  '& .MuiSwitch-switchBase.Mui-checked': {\n    color: flagsmithColors.primary,\n  },\n  '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n    backgroundColor: flagsmithColors.primary,\n  },\n};\n\n/**\n * Shared styles for small chips (tags, badges)\n */\nexport const smallChipStyle = (theme: Theme) => ({\n  fontSize: '0.7rem',\n  height: 20,\n  marginRight: theme.spacing(0.5),\n});\n\n/**\n * Shared styles for detail cards\n */\nexport const detailCardStyle = (theme: Theme) => ({\n  padding: theme.spacing(1.5),\n  marginBottom: theme.spacing(1),\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: theme.shape.borderRadius,\n});\n"],"names":[],"mappings":";;AAMO,MAAM,aAAA,GAAgB;AAAA,EAC3B,qCAAA,EAAuC;AAAA,IACrC,OAAO,eAAA,CAAgB;AAAA,GACzB;AAAA,EACA,wDAAA,EAA0D;AAAA,IACxD,iBAAiB,eAAA,CAAgB;AAAA;AAErC;AAcO,MAAM,eAAA,GAAkB,CAAC,KAAA,MAAkB;AAAA,EAChD,OAAA,EAAS,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,EAC1B,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,EAC7B,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA,CAAA;AAAA,EAC1C,YAAA,EAAc,MAAM,KAAA,CAAM;AAC5B,CAAA;;;;"}

package/dist/utils/dateFormatters.esm.js

@@ -0,0 +1,15 @@
+const formatDate = (date) => {
+  return new Date(date).toLocaleDateString();
+};
+const formatDateTime = (date) => {
+  return new Date(date).toLocaleString();
+};
+const formatShortDate = (date) => {
+  return new Date(date).toLocaleDateString("en-US", {
+    month: "short",
+    day: "numeric"
+  });
+};
+
+export { formatDate, formatDateTime, formatShortDate };
+//# sourceMappingURL=dateFormatters.esm.js.map

package/dist/utils/dateFormatters.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFormatters.esm.js","sources":["../../src/utils/dateFormatters.ts"],"sourcesContent":["/**\n * Consistent date formatting utilities\n */\n\n/**\n * Format a date as a short date string (e.g., \"1/15/2024\")\n */\nexport const formatDate = (date: string | Date): string => {\n  return new Date(date).toLocaleDateString();\n};\n\n/**\n * Format a date with time (e.g., \"1/15/2024, 10:30 AM\")\n */\nexport const formatDateTime = (date: string | Date): string => {\n  return new Date(date).toLocaleString();\n};\n\n/**\n * Format a date as short month and day (e.g., \"Jan 15\")\n */\nexport const formatShortDate = (date: string | Date): string => {\n  return new Date(date).toLocaleDateString('en-US', {\n    month: 'short',\n    day: 'numeric',\n  });\n};\n\n/**\n * Check if a date is in the future\n */\nexport const isFutureDate = (date: string | Date): boolean => {\n  return new Date(date) > new Date();\n};\n"],"names":[],"mappings":"AAOO,MAAM,UAAA,GAAa,CAAC,IAAA,KAAgC;AACzD,EAAA,OAAO,IAAI,IAAA,CAAK,IAAI,CAAA,CAAE,kBAAA,EAAmB;AAC3C;AAKO,MAAM,cAAA,GAAiB,CAAC,IAAA,KAAgC;AAC7D,EAAA,OAAO,IAAI,IAAA,CAAK,IAAI,CAAA,CAAE,cAAA,EAAe;AACvC;AAKO,MAAM,eAAA,GAAkB,CAAC,IAAA,KAAgC;AAC9D,EAAA,OAAO,IAAI,IAAA,CAAK,IAAI,CAAA,CAAE,mBAAmB,OAAA,EAAS;AAAA,IAChD,KAAA,EAAO,OAAA;AAAA,IACP,GAAA,EAAK;AAAA,GACN,CAAA;AACH;;;;"}

package/dist/utils/flagHelpers.esm.js

@@ -0,0 +1,25 @@
+function getFeatureEnvStatus(feature, envId) {
+  if (!feature.environment_state) {
+    return feature.default_enabled ?? false;
+  }
+  const state = feature.environment_state.find((s) => s.id === envId);
+  return state?.enabled ?? feature.default_enabled ?? false;
+}
+function buildEnvStatusTooltip(feature, environments) {
+  return environments.map((env) => `${env.name}: ${getFeatureEnvStatus(feature, env.id) ? "On" : "Off"}`).join(" \u2022 ");
+}
+function calculateFeatureStats(features) {
+  const enabledCount = features.filter((f) => f.default_enabled).length;
+  return {
+    enabledCount,
+    disabledCount: features.length - enabledCount
+  };
+}
+function paginate(items, page, pageSize) {
+  const totalPages = Math.ceil(items.length / pageSize);
+  const paginatedItems = items.slice(page * pageSize, (page + 1) * pageSize);
+  return { paginatedItems, totalPages };
+}
+
+export { buildEnvStatusTooltip, calculateFeatureStats, getFeatureEnvStatus, paginate };
+//# sourceMappingURL=flagHelpers.esm.js.map

package/dist/utils/flagHelpers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagHelpers.esm.js","sources":["../../src/utils/flagHelpers.ts"],"sourcesContent":["import { FlagsmithFeature, FlagsmithEnvironment } from '../api/FlagsmithClient';\n\n/**\n * Get the enabled status for a feature in a specific environment.\n * Falls back to default_enabled if no environment-specific state exists.\n */\nexport function getFeatureEnvStatus(\n  feature: FlagsmithFeature,\n  envId: number,\n): boolean {\n  if (!feature.environment_state) {\n    return feature.default_enabled ?? false;\n  }\n  const state = feature.environment_state.find(s => s.id === envId);\n  return state?.enabled ?? feature.default_enabled ?? false;\n}\n\n/**\n * Build a tooltip string showing feature status across all environments.\n */\nexport function buildEnvStatusTooltip(\n  feature: FlagsmithFeature,\n  environments: FlagsmithEnvironment[],\n): string {\n  return environments\n    .map(env => `${env.name}: ${getFeatureEnvStatus(feature, env.id) ? 'On' : 'Off'}`)\n    .join(' • ');\n}\n\n/**\n * Calculate enabled/disabled feature counts.\n */\nexport function calculateFeatureStats(features: FlagsmithFeature[]): {\n  enabledCount: number;\n  disabledCount: number;\n} {\n  const enabledCount = features.filter(f => f.default_enabled).length;\n  return {\n    enabledCount,\n    disabledCount: features.length - enabledCount,\n  };\n}\n\n/**\n * Paginate an array of items.\n */\nexport function paginate<T>(\n  items: T[],\n  page: number,\n  pageSize: number,\n): {\n  paginatedItems: T[];\n  totalPages: number;\n} {\n  const totalPages = Math.ceil(items.length / pageSize);\n  const paginatedItems = items.slice(page * pageSize, (page + 1) * pageSize);\n  return { paginatedItems, totalPages };\n}\n"],"names":[],"mappings":"AAMO,SAAS,mBAAA,CACd,SACA,KAAA,EACS;AACT,EAAA,IAAI,CAAC,QAAQ,iBAAA,EAAmB;AAC9B,IAAA,OAAO,QAAQ,eAAA,IAAmB,KAAA;AAAA,EACpC;AACA,EAAA,MAAM,QAAQ,OAAA,CAAQ,iBAAA,CAAkB,KAAK,CAAA,CAAA,KAAK,CAAA,CAAE,OAAO,KAAK,CAAA;AAChE,EAAA,OAAO,KAAA,EAAO,OAAA,IAAW,OAAA,CAAQ,eAAA,IAAmB,KAAA;AACtD;AAKO,SAAS,qBAAA,CACd,SACA,YAAA,EACQ;AACR,EAAA,OAAO,aACJ,GAAA,CAAI,CAAA,GAAA,KAAO,CAAA,EAAG,GAAA,CAAI,IAAI,CAAA,EAAA,EAAK,mBAAA,CAAoB,OAAA,EAAS,GAAA,CAAI,EAAE,CAAA,GAAI,IAAA,GAAO,KAAK,CAAA,CAAE,CAAA,CAChF,KAAK,UAAK,CAAA;AACf;AAKO,SAAS,sBAAsB,QAAA,EAGpC;AACA,EAAA,MAAM,eAAe,QAAA,CAAS,MAAA,CAAO,CAAA,CAAA,KAAK,CAAA,CAAE,eAAe,CAAA,CAAE,MAAA;AAC7D,EAAA,OAAO;AAAA,IACL,YAAA;AAAA,IACA,aAAA,EAAe,SAAS,MAAA,GAAS;AAAA,GACnC;AACF;AAKO,SAAS,QAAA,CACd,KAAA,EACA,IAAA,EACA,QAAA,EAIA;AACA,EAAA,MAAM,UAAA,GAAa,IAAA,CAAK,IAAA,CAAK,KAAA,CAAM,SAAS,QAAQ,CAAA;AACpD,EAAA,MAAM,iBAAiB,KAAA,CAAM,KAAA,CAAM,OAAO,QAAA,EAAA,CAAW,IAAA,GAAO,KAAK,QAAQ,CAAA;AACzE,EAAA,OAAO,EAAE,gBAAgB,UAAA,EAAW;AACtC;;;;"}

package/dist/utils/flagTypeHelpers.esm.js

@@ -0,0 +1,42 @@
+import { FEATURE_TYPES } from '../constants/index.esm.js';
+
+const isDefined = (value) => {
+  return value !== null && value !== void 0;
+};
+const isMultivariateFeature = (feature) => {
+  return Boolean(
+    feature.multivariate_options && feature.multivariate_options.length > 0
+  );
+};
+const getFlagType = (feature) => {
+  if (isMultivariateFeature(feature)) return "Multivariate";
+  if (feature.type === FEATURE_TYPES.CONFIG) return "Remote Config";
+  return "Standard";
+};
+const getValueType = (feature) => {
+  if (isMultivariateFeature(feature) && feature.multivariate_options) {
+    const firstOption = feature.multivariate_options[0];
+    if (isDefined(firstOption.string_value)) return "String";
+    if (isDefined(firstOption.integer_value)) return "Number";
+    if (isDefined(firstOption.boolean_value)) return "Boolean";
+  }
+  if (feature.type === FEATURE_TYPES.CONFIG && isDefined(feature.initial_value)) {
+    const value = feature.initial_value;
+    if (value === "true" || value === "false") return "Boolean";
+    if (!isNaN(Number(value))) return "Number";
+    return "String";
+  }
+  return "Boolean";
+};
+const truncateText = (text, maxLength) => {
+  if (text.length <= maxLength) return text;
+  return `${text.substring(0, maxLength)}...`;
+};
+const getErrorMessage = (error, fallback) => {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "string") return error;
+  return fallback;
+};
+
+export { getErrorMessage, getFlagType, getValueType, isDefined, isMultivariateFeature, truncateText };
+//# sourceMappingURL=flagTypeHelpers.esm.js.map

package/dist/utils/flagTypeHelpers.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flagTypeHelpers.esm.js","sources":["../../src/utils/flagTypeHelpers.ts"],"sourcesContent":["import { FlagsmithFeature } from '../api/FlagsmithClient';\nimport { FEATURE_TYPES } from '../constants';\n\nexport type FlagType = 'Multivariate' | 'Remote Config' | 'Standard';\nexport type ValueType = 'Boolean' | 'String' | 'Number';\n\nexport interface FlagTypeInfo {\n  flagType: FlagType;\n  valueType: ValueType;\n  isMultivariate: boolean;\n}\n\n/**\n * Check if a value is defined (not null or undefined)\n */\nexport const isDefined = <T>(value: T | null | undefined): value is T => {\n  return value !== null && value !== undefined;\n};\n\n/**\n * Check if a feature is multivariate\n */\nexport const isMultivariateFeature = (feature: FlagsmithFeature): boolean => {\n  return Boolean(\n    feature.multivariate_options && feature.multivariate_options.length > 0\n  );\n};\n\n/**\n * Determine the flag type for display\n */\nexport const getFlagType = (feature: FlagsmithFeature): FlagType => {\n  if (isMultivariateFeature(feature)) return 'Multivariate';\n  if (feature.type === FEATURE_TYPES.CONFIG) return 'Remote Config';\n  return 'Standard';\n};\n\n/**\n * Determine the value type based on feature configuration\n */\nexport const getValueType = (feature: FlagsmithFeature): ValueType => {\n  // Check multivariate options first\n  if (isMultivariateFeature(feature) && feature.multivariate_options) {\n    const firstOption = feature.multivariate_options[0];\n    if (isDefined(firstOption.string_value)) return 'String';\n    if (isDefined(firstOption.integer_value)) return 'Number';\n    if (isDefined(firstOption.boolean_value)) return 'Boolean';\n  }\n\n  // Check CONFIG type with initial_value\n  if (feature.type === FEATURE_TYPES.CONFIG && isDefined(feature.initial_value)) {\n    const value = feature.initial_value;\n    if (value === 'true' || value === 'false') return 'Boolean';\n    if (!isNaN(Number(value))) return 'Number';\n    return 'String';\n  }\n\n  // Default for FLAG type\n  return 'Boolean';\n};\n\n/**\n * Get complete flag type information\n */\nexport const getFlagTypeInfo = (feature: FlagsmithFeature): FlagTypeInfo => ({\n  flagType: getFlagType(feature),\n  valueType: getValueType(feature),\n  isMultivariate: isMultivariateFeature(feature),\n});\n\n/**\n * Truncate text to a maximum length with ellipsis\n */\nexport const truncateText = (text: string, maxLength: number): string => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\n/**\n * Get error message from unknown error\n */\nexport const getErrorMessage = (error: unknown, fallback: string): string => {\n  if (error instanceof Error) return error.message;\n  if (typeof error === 'string') return error;\n  return fallback;\n};\n"],"names":[],"mappings":";;AAeO,MAAM,SAAA,GAAY,CAAI,KAAA,KAA4C;AACvE,EAAA,OAAO,KAAA,KAAU,QAAQ,KAAA,KAAU,MAAA;AACrC;AAKO,MAAM,qBAAA,GAAwB,CAAC,OAAA,KAAuC;AAC3E,EAAA,OAAO,OAAA;AAAA,IACL,OAAA,CAAQ,oBAAA,IAAwB,OAAA,CAAQ,oBAAA,CAAqB,MAAA,GAAS;AAAA,GACxE;AACF;AAKO,MAAM,WAAA,GAAc,CAAC,OAAA,KAAwC;AAClE,EAAA,IAAI,qBAAA,CAAsB,OAAO,CAAA,EAAG,OAAO,cAAA;AAC3C,EAAA,IAAI,OAAA,CAAQ,IAAA,KAAS,aAAA,CAAc,MAAA,EAAQ,OAAO,eAAA;AAClD,EAAA,OAAO,UAAA;AACT;AAKO,MAAM,YAAA,GAAe,CAAC,OAAA,KAAyC;AAEpE,EAAA,IAAI,qBAAA,CAAsB,OAAO,CAAA,IAAK,OAAA,CAAQ,oBAAA,EAAsB;AAClE,IAAA,MAAM,WAAA,GAAc,OAAA,CAAQ,oBAAA,CAAqB,CAAC,CAAA;AAClD,IAAA,IAAI,SAAA,CAAU,WAAA,CAAY,YAAY,CAAA,EAAG,OAAO,QAAA;AAChD,IAAA,IAAI,SAAA,CAAU,WAAA,CAAY,aAAa,CAAA,EAAG,OAAO,QAAA;AACjD,IAAA,IAAI,SAAA,CAAU,WAAA,CAAY,aAAa,CAAA,EAAG,OAAO,SAAA;AAAA,EACnD;AAGA,EAAA,IAAI,QAAQ,IAAA,KAAS,aAAA,CAAc,UAAU,SAAA,CAAU,OAAA,CAAQ,aAAa,CAAA,EAAG;AAC7E,IAAA,MAAM,QAAQ,OAAA,CAAQ,aAAA;AACtB,IAAA,IAAI,KAAA,KAAU,MAAA,IAAU,KAAA,KAAU,OAAA,EAAS,OAAO,SAAA;AAClD,IAAA,IAAI,CAAC,KAAA,CAAM,MAAA,CAAO,KAAK,CAAC,GAAG,OAAO,QAAA;AAClC,IAAA,OAAO,QAAA;AAAA,EACT;AAGA,EAAA,OAAO,SAAA;AACT;AAcO,MAAM,YAAA,GAAe,CAAC,IAAA,EAAc,SAAA,KAA8B;AACvE,EAAA,IAAI,IAAA,CAAK,MAAA,IAAU,SAAA,EAAW,OAAO,IAAA;AACrC,EAAA,OAAO,CAAA,EAAG,IAAA,CAAK,SAAA,CAAU,CAAA,EAAG,SAAS,CAAC,CAAA,GAAA,CAAA;AACxC;AAKO,MAAM,eAAA,GAAkB,CAAC,KAAA,EAAgB,QAAA,KAA6B;AAC3E,EAAA,IAAI,KAAA,YAAiB,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA;AACzC,EAAA,IAAI,OAAO,KAAA,KAAU,QAAA,EAAU,OAAO,KAAA;AACtC,EAAA,OAAO,QAAA;AACT;;;;"}

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@flagsmith/backstage-plugin",
+  "version": "0.1.0-pr.7.3135fb9",
+  "description": "Backstage plugin for Flagsmith feature flag management",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Flagsmith/flagsmith-backstage-plugin.git"
+  },
+  "homepage": "https://flagsmith.github.io/flagsmith-backstage-plugin/",
+  "bugs": {
+    "url": "https://github.com/Flagsmith/flagsmith-backstage-plugin/issues"
+  },
+  "keywords": [
+    "backstage",
+    "backstage-plugin",
+    "flagsmith",
+    "feature-flags",
+    "feature-toggles"
+  ],
+  "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": "flagsmith",
+    "pluginPackages": [
+      "@flagsmith/backstage-plugin"
+    ],
+    "features": {
+      ".": "@backstage/FrontendPlugin"
+    }
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "lint:fix": "backstage-cli package lint --fix",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack",
+    "tsc": "tsc || test -f dist-types/src/index.d.ts",
+    "build:all": "yarn tsc && backstage-cli package build",
+    "prepare": "husky"
+  },
+  "lint-staged": {
+    "*.{ts,tsx}": [
+      "backstage-cli package lint --fix"
+    ]
+  },
+  "exports": {
+    ".": {
+      "backstage": "@backstage/FrontendPlugin",
+      "import": "./dist/index.esm.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.esm.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@backstage/core-components": "^0.18.2",
+    "@backstage/core-plugin-api": "^1.11.1",
+    "@backstage/frontend-plugin-api": "^0.13.2",
+    "@backstage/plugin-catalog-react": "^1.13.3",
+    "@material-ui/core": "^4.9.13",
+    "@material-ui/icons": "^4.9.1",
+    "recharts": "^2.5.0"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "devDependencies": {
+    "@backstage/catalog-model": "^1.7.6",
+    "@backstage/cli": "^0.34.4",
+    "@backstage/core-app-api": "^1.19.1",
+    "@backstage/dev-utils": "^1.1.15",
+    "@backstage/test-utils": "^1.7.12",
+    "@testing-library/jest-dom": "^6.0.0",
+    "@testing-library/react": "^14.0.0",
+    "@testing-library/user-event": "^14.0.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.2.7",
+    "msw": "^1.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
+    "react-router-dom": "^6.0.0"
+  },
+  "files": [
+    "dist"
+  ],
+  "msw": {
+    "workerDirectory": "public"
+  },
+  "typesVersions": {
+    "*": {
+      "package.json": [
+        "package.json"
+      ]
+    }
+  },
+  "module": "./dist/index.esm.js"
+}