@red-hat-developer-hub/backstage-plugin-dynamic-home-page 0.0.1

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# @red-hat-developer-hub/backstage-plugin-dynamic-home-page
+
+## 0.0.1
+
+### Patch Changes
+
+- 0de827a: Migrate dynamic-home-page plugin from showcase

package/README.md

@@ -0,0 +1,5 @@
+# Dynamic Home Page plugin
+
+This is a dynamic version of the upstream [home page plugin](https://github.com/backstage/backstage/tree/master/plugins/home).
+
+Instead of manually adding supported "home page cards" to a custom route, it allows dynamic plugins to expose such cards.

package/app-config.dynamic.yaml

@@ -0,0 +1,38 @@
+# please keep this in sync with packages/app/src/App.tsx
+dynamicPlugins:
+  frontend:
+    janus-idp.backstage-plugin-dynamic-home-page:
+      dynamicRoutes:
+        - path: /
+          importName: DynamicHomePage
+      mountPoints:
+        - mountPoint: home.page/cards
+          importName: SearchBar
+          config:
+            layouts:
+              xl: { w: 10, h: 1, x: 1 }
+              lg: { w: 10, h: 1, x: 1 }
+              md: { w: 10, h: 1, x: 1 }
+              sm: { w: 10, h: 1, x: 1 }
+              xs: { w: 12, h: 1 }
+              xxs: { w: 12, h: 1 }
+        - mountPoint: home.page/cards
+          importName: QuickAccessCard
+          config:
+            layouts:
+              xl: { w: 7, h: 8 }
+              lg: { w: 7, h: 8 }
+              md: { w: 7, h: 8 }
+              sm: { w: 12, h: 8 }
+              xs: { w: 12, h: 8 }
+              xxs: { w: 12, h: 8 }
+        - mountPoint: home.page/cards
+          importName: CatalogStarredEntitiesCard
+          config:
+            layouts:
+              xl: { w: 5, h: 4, x: 7 }
+              lg: { w: 5, h: 4, x: 7 }
+              md: { w: 5, h: 4, x: 7 }
+              sm: { w: 12, h: 4 }
+              xs: { w: 12, h: 4 }
+              xxs: { w: 12, h: 4 }

package/dist/api/QuickAccessApiClient.esm.js

@@ -0,0 +1,43 @@
+import { createApiRef } from '@backstage/core-plugin-api';
+
+const DEFAULT_PROXY_PATH = "/developer-hub";
+const quickAccessApiRef = createApiRef({
+  id: "app.developer-hub.quick-access.service"
+});
+class QuickAccessApiClient {
+  discoveryApi;
+  configApi;
+  identityApi;
+  constructor(options) {
+    this.discoveryApi = options.discoveryApi;
+    this.configApi = options.configApi;
+    this.identityApi = options.identityApi;
+  }
+  async getBaseUrl() {
+    const proxyPath = this.configApi.getOptionalString("developerHub.proxyPath") ?? DEFAULT_PROXY_PATH;
+    return `${await this.discoveryApi.getBaseUrl("proxy")}${proxyPath}`;
+  }
+  async fetcher(url) {
+    const { token: idToken } = await this.identityApi.getCredentials();
+    const response = await fetch(url, {
+      headers: {
+        "Content-Type": "application/json",
+        ...idToken && { Authorization: `Bearer ${idToken}` }
+      }
+    });
+    if (!response.ok) {
+      throw new Error(
+        `failed to fetch data, status ${response.status}: ${response.statusText}`
+      );
+    }
+    return await response.json();
+  }
+  async getQuickAccessLinks(path) {
+    const proxyUrl = await this.getBaseUrl();
+    const data = await this.fetcher(path ? `${proxyUrl}${path}` : proxyUrl);
+    return data;
+  }
+}
+
+export { QuickAccessApiClient, quickAccessApiRef };
+//# sourceMappingURL=QuickAccessApiClient.esm.js.map

package/dist/api/QuickAccessApiClient.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickAccessApiClient.esm.js","sources":["../../src/api/QuickAccessApiClient.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  ConfigApi,\n  createApiRef,\n  DiscoveryApi,\n  IdentityApi,\n} from '@backstage/core-plugin-api';\n\nimport { QuickAccessLink } from '../types';\n\nconst DEFAULT_PROXY_PATH = '/developer-hub';\n\nexport interface QuickAccessApi {\n  getQuickAccessLinks(path?: string): Promise<QuickAccessLink[]>;\n}\n\nexport const quickAccessApiRef = createApiRef<QuickAccessApi>({\n  id: 'app.developer-hub.quick-access.service',\n});\n\nexport type Options = {\n  discoveryApi: DiscoveryApi;\n  configApi: ConfigApi;\n  identityApi: IdentityApi;\n};\n\nexport class QuickAccessApiClient implements QuickAccessApi {\n  private readonly discoveryApi: DiscoveryApi;\n  private readonly configApi: ConfigApi;\n  private readonly identityApi: IdentityApi;\n\n  constructor(options: Options) {\n    this.discoveryApi = options.discoveryApi;\n    this.configApi = options.configApi;\n    this.identityApi = options.identityApi;\n  }\n\n  private async getBaseUrl() {\n    const proxyPath =\n      this.configApi.getOptionalString('developerHub.proxyPath') ??\n      DEFAULT_PROXY_PATH;\n    return `${await this.discoveryApi.getBaseUrl('proxy')}${proxyPath}`;\n  }\n\n  private async fetcher(url: string) {\n    const { token: idToken } = await this.identityApi.getCredentials();\n    const response = await fetch(url, {\n      headers: {\n        'Content-Type': 'application/json',\n        ...(idToken && { Authorization: `Bearer ${idToken}` }),\n      },\n    });\n    if (!response.ok) {\n      throw new Error(\n        `failed to fetch data, status ${response.status}: ${response.statusText}`,\n      );\n    }\n    return await response.json();\n  }\n\n  async getQuickAccessLinks(path?: string) {\n    const proxyUrl = await this.getBaseUrl();\n    const data = await this.fetcher(path ? `${proxyUrl}${path}` : proxyUrl);\n    return data;\n  }\n}\n"],"names":[],"mappings":";;AAwBA,MAAM,kBAAqB,GAAA,gBAAA;AAMpB,MAAM,oBAAoB,YAA6B,CAAA;AAAA,EAC5D,EAAI,EAAA;AACN,CAAC;AAQM,MAAM,oBAA+C,CAAA;AAAA,EACzC,YAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EAEjB,YAAY,OAAkB,EAAA;AAC5B,IAAA,IAAA,CAAK,eAAe,OAAQ,CAAA,YAAA;AAC5B,IAAA,IAAA,CAAK,YAAY,OAAQ,CAAA,SAAA;AACzB,IAAA,IAAA,CAAK,cAAc,OAAQ,CAAA,WAAA;AAAA;AAC7B,EAEA,MAAc,UAAa,GAAA;AACzB,IAAA,MAAM,SACJ,GAAA,IAAA,CAAK,SAAU,CAAA,iBAAA,CAAkB,wBAAwB,CACzD,IAAA,kBAAA;AACF,IAAO,OAAA,CAAA,EAAG,MAAM,IAAK,CAAA,YAAA,CAAa,WAAW,OAAO,CAAC,GAAG,SAAS,CAAA,CAAA;AAAA;AACnE,EAEA,MAAc,QAAQ,GAAa,EAAA;AACjC,IAAA,MAAM,EAAE,KAAO,EAAA,OAAA,KAAY,MAAM,IAAA,CAAK,YAAY,cAAe,EAAA;AACjE,IAAM,MAAA,QAAA,GAAW,MAAM,KAAA,CAAM,GAAK,EAAA;AAAA,MAChC,OAAS,EAAA;AAAA,QACP,cAAgB,EAAA,kBAAA;AAAA,QAChB,GAAI,OAAW,IAAA,EAAE,aAAe,EAAA,CAAA,OAAA,EAAU,OAAO,CAAG,CAAA;AAAA;AACtD,KACD,CAAA;AACD,IAAI,IAAA,CAAC,SAAS,EAAI,EAAA;AAChB,MAAA,MAAM,IAAI,KAAA;AAAA,QACR,CAAgC,6BAAA,EAAA,QAAA,CAAS,MAAM,CAAA,EAAA,EAAK,SAAS,UAAU,CAAA;AAAA,OACzE;AAAA;AAEF,IAAO,OAAA,MAAM,SAAS,IAAK,EAAA;AAAA;AAC7B,EAEA,MAAM,oBAAoB,IAAe,EAAA;AACvC,IAAM,MAAA,QAAA,GAAW,MAAM,IAAA,CAAK,UAAW,EAAA;AACvC,IAAM,MAAA,IAAA,GAAO,MAAM,IAAA,CAAK,OAAQ,CAAA,IAAA,GAAO,GAAG,QAAQ,CAAA,EAAG,IAAI,CAAA,CAAA,GAAK,QAAQ,CAAA;AACtE,IAAO,OAAA,IAAA;AAAA;AAEX;;;;"}

package/dist/components/DynamicHomePage.esm.js

@@ -0,0 +1,30 @@
+import React, { useMemo } from 'react';
+import { Page, Header, Content, EmptyState } from '@backstage/core-components';
+import { useHomePageMountPoints } from '../hooks/useHomePageMountPoints.esm.js';
+import { ReadOnlyGrid } from './ReadOnlyGrid.esm.js';
+
+const DynamicHomePage = (props) => {
+  const allHomePageMountPoints = useHomePageMountPoints();
+  const filteredAndSortedHomePageCards = useMemo(() => {
+    if (!allHomePageMountPoints) {
+      return [];
+    }
+    const filteredAndSorted = allHomePageMountPoints.filter(
+      (card) => card.enabled !== false && (!card.config?.priority || card.config.priority >= 0)
+    );
+    filteredAndSorted.sort(
+      (a, b) => (a.config?.priority ?? 0) - (b.config?.priority ?? 0)
+    );
+    return filteredAndSorted;
+  }, [allHomePageMountPoints]);
+  return /* @__PURE__ */ React.createElement(Page, { themeId: "home" }, /* @__PURE__ */ React.createElement(Header, { title: props.title ?? "Welcome back!" }), /* @__PURE__ */ React.createElement(Content, null, filteredAndSortedHomePageCards.length === 0 ? /* @__PURE__ */ React.createElement(
+    EmptyState,
+    {
+      title: "No home page cards (mount points) configured or found.",
+      missing: "content"
+    }
+  ) : /* @__PURE__ */ React.createElement(ReadOnlyGrid, { mountPoints: filteredAndSortedHomePageCards })));
+};
+
+export { DynamicHomePage };
+//# sourceMappingURL=DynamicHomePage.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicHomePage.esm.js","sources":["../../src/components/DynamicHomePage.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { useMemo } from 'react';\n\nimport { Content, EmptyState, Header, Page } from '@backstage/core-components';\n\nimport { useHomePageMountPoints } from '../hooks/useHomePageMountPoints';\nimport { ReadOnlyGrid } from './ReadOnlyGrid';\n\n/**\n * @public\n */\nexport interface DynamicHomePageProps {\n  title?: string;\n}\n\n/**\n * @public\n */\nexport const DynamicHomePage = (props: DynamicHomePageProps) => {\n  const allHomePageMountPoints = useHomePageMountPoints();\n\n  const filteredAndSortedHomePageCards = useMemo(() => {\n    if (!allHomePageMountPoints) {\n      return [];\n    }\n\n    const filteredAndSorted = allHomePageMountPoints.filter(\n      card =>\n        card.enabled !== false &&\n        (!card.config?.priority || card.config.priority >= 0),\n    );\n\n    // TODO: check if we want have priories with small or big numbers first...\n    filteredAndSorted.sort(\n      (a, b) => (a.config?.priority ?? 0) - (b.config?.priority ?? 0),\n    );\n\n    return filteredAndSorted;\n  }, [allHomePageMountPoints]);\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={props.title ?? 'Welcome back!'} />\n      <Content>\n        {filteredAndSortedHomePageCards.length === 0 ? (\n          <EmptyState\n            title=\"No home page cards (mount points) configured or found.\"\n            missing=\"content\"\n          />\n        ) : (\n          <ReadOnlyGrid mountPoints={filteredAndSortedHomePageCards} />\n        )}\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;AAgCa,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAA,MAAM,yBAAyB,sBAAuB,EAAA;AAEtD,EAAM,MAAA,8BAAA,GAAiC,QAAQ,MAAM;AACnD,IAAA,IAAI,CAAC,sBAAwB,EAAA;AAC3B,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,MAAM,oBAAoB,sBAAuB,CAAA,MAAA;AAAA,MAC/C,CAAA,IAAA,KACE,IAAK,CAAA,OAAA,KAAY,KAChB,KAAA,CAAC,KAAK,MAAQ,EAAA,QAAA,IAAY,IAAK,CAAA,MAAA,CAAO,QAAY,IAAA,CAAA;AAAA,KACvD;AAGA,IAAkB,iBAAA,CAAA,IAAA;AAAA,MAChB,CAAC,GAAG,CAAO,KAAA,CAAA,CAAA,CAAE,QAAQ,QAAY,IAAA,CAAA,KAAM,CAAE,CAAA,MAAA,EAAQ,QAAY,IAAA,CAAA;AAAA,KAC/D;AAEA,IAAO,OAAA,iBAAA;AAAA,GACT,EAAG,CAAC,sBAAsB,CAAC,CAAA;AAE3B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAQ,EAAA,MAAA,EAAA,sCACX,MAAO,EAAA,EAAA,KAAA,EAAO,KAAM,CAAA,KAAA,IAAS,iBAAiB,CAC/C,kBAAA,KAAA,CAAA,aAAA,CAAC,OACE,EAAA,IAAA,EAAA,8BAAA,CAA+B,WAAW,CACzC,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,KAAM,EAAA,wDAAA;AAAA,MACN,OAAQ,EAAA;AAAA;AAAA,sBAGT,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,WAAa,EAAA,8BAAA,EAAgC,CAE/D,CACF,CAAA;AAEJ;;;;"}

package/dist/components/Headline.esm.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const Headline = (props) => {
+  return /* @__PURE__ */ React.createElement("h1", { style: { textAlign: props.align } }, props.title);
+};
+
+export { Headline };
+//# sourceMappingURL=Headline.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Headline.esm.js","sources":["../../src/components/Headline.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\n/**\n * @public\n */\nexport interface HeadlineProps {\n  title?: string;\n  align?: 'left' | 'center' | 'right';\n}\n\n/**\n * @public\n */\nexport const Headline = (props: HeadlineProps) => {\n  return <h1 style={{ textAlign: props.align }}>{props.title}</h1>;\n};\n"],"names":[],"mappings":";;AA4Ba,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAG,KAAO,EAAA,EAAE,WAAW,KAAM,CAAA,KAAA,EAAU,EAAA,EAAA,KAAA,CAAM,KAAM,CAAA;AAC7D;;;;"}

package/dist/components/Markdown.esm.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { MarkdownContent } from '@backstage/core-components';
+import { makeStyles } from 'tss-react/mui';
+
+const useStyles = makeStyles()({
+  // Make card content scrollable (so that cards don't overlap)
+  card: {
+    display: "flex",
+    flexDirection: "column",
+    width: "100%",
+    height: "100%"
+  },
+  content: {
+    overflow: "auto"
+  }
+});
+const Markdown = (props) => {
+  const { classes } = useStyles();
+  return /* @__PURE__ */ React.createElement("div", { className: classes.card }, props.title ? /* @__PURE__ */ React.createElement("h1", null, props.title) : null, /* @__PURE__ */ React.createElement(
+    MarkdownContent,
+    {
+      dialect: "gfm",
+      content: props.content ?? "",
+      className: classes.content
+    }
+  ));
+};
+
+export { Markdown };
+//# sourceMappingURL=Markdown.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.esm.js","sources":["../../src/components/Markdown.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { MarkdownContent } from '@backstage/core-components';\n\nimport { makeStyles } from 'tss-react/mui';\n\n/**\n * @public\n */\nexport interface MarkdownProps {\n  title?: string;\n  content?: string;\n}\n\nconst useStyles = makeStyles()({\n  // Make card content scrollable (so that cards don't overlap)\n  card: {\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    height: '100%',\n  },\n  content: {\n    overflow: 'auto',\n  },\n});\n\n/**\n * @public\n */\nexport const Markdown = (props: MarkdownProps) => {\n  const { classes } = useStyles();\n  return (\n    <div className={classes.card}>\n      {props.title ? <h1>{props.title}</h1> : null}\n      <MarkdownContent\n        dialect=\"gfm\"\n        content={props.content ?? ''}\n        className={classes.content}\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;AA6BA,MAAM,SAAA,GAAY,YAAa,CAAA;AAAA;AAAA,EAE7B,IAAM,EAAA;AAAA,IACJ,OAAS,EAAA,MAAA;AAAA,IACT,aAAe,EAAA,QAAA;AAAA,IACf,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA,GACV;AAAA,EACA,OAAS,EAAA;AAAA,IACP,QAAU,EAAA;AAAA;AAEd,CAAC,CAAA;AAKY,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,OAAA,CAAQ,IACrB,EAAA,EAAA,KAAA,CAAM,KAAQ,mBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAA,KAAA,CAAM,KAAM,CAAA,GAAQ,IACxC,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,eAAA;AAAA,IAAA;AAAA,MACC,OAAQ,EAAA,KAAA;AAAA,MACR,OAAA,EAAS,MAAM,OAAW,IAAA,EAAA;AAAA,MAC1B,WAAW,OAAQ,CAAA;AAAA;AAAA,GAEvB,CAAA;AAEJ;;;;"}

package/dist/components/MarkdownCard.esm.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { InfoCard, MarkdownContent } from '@backstage/core-components';
+
+const MarkdownCard = (props) => {
+  return /* @__PURE__ */ React.createElement(InfoCard, { title: props.title }, /* @__PURE__ */ React.createElement(MarkdownContent, { dialect: "gfm", content: props.content ?? "" }));
+};
+
+export { MarkdownCard };
+//# sourceMappingURL=MarkdownCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownCard.esm.js","sources":["../../src/components/MarkdownCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { InfoCard, MarkdownContent } from '@backstage/core-components';\n\n/**\n * @public\n */\nexport interface MarkdownCardProps {\n  title?: string;\n  content?: string;\n}\n\n/**\n * @public\n */\nexport const MarkdownCard = (props: MarkdownCardProps) => {\n  return (\n    <InfoCard title={props.title}>\n      <MarkdownContent dialect=\"gfm\" content={props.content ?? ''} />\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;AA8Ba,MAAA,YAAA,GAAe,CAAC,KAA6B,KAAA;AACxD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAO,EAAA,KAAA,CAAM,KACrB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,eAAgB,EAAA,EAAA,OAAA,EAAQ,KAAM,EAAA,OAAA,EAAS,KAAM,CAAA,OAAA,IAAW,IAAI,CAC/D,CAAA;AAEJ;;;;"}

package/dist/components/Placeholder.esm.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { makeStyles } from 'tss-react/mui';
+
+const useStyles = makeStyles()({
+  centerDebugContent: {
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  // Make card content scrollable (so that cards don't overlap)
+  showBorder: {
+    border: "1px solid gray",
+    width: "100%",
+    height: "100%"
+  }
+});
+const Placeholder = (props) => {
+  const { classes } = useStyles();
+  const className = [
+    props.debugContent ? classes.centerDebugContent : void 0,
+    props.showBorder ? classes.showBorder : void 0
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ React.createElement("div", { "data-testid": "placeholder", className }, props.debugContent);
+};
+
+export { Placeholder };
+//# sourceMappingURL=Placeholder.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.esm.js","sources":["../../src/components/Placeholder.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport { makeStyles } from 'tss-react/mui';\n\n/**\n * @public\n */\nexport interface PlaceholderProps {\n  showBorder?: boolean;\n  debugContent?: string;\n}\n\nconst useStyles = makeStyles()({\n  centerDebugContent: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  // Make card content scrollable (so that cards don't overlap)\n  showBorder: {\n    border: '1px solid gray',\n    width: '100%',\n    height: '100%',\n  },\n});\n\n/**\n * @public\n */\nexport const Placeholder = (props: PlaceholderProps) => {\n  const { classes } = useStyles();\n  const className = [\n    props.debugContent ? classes.centerDebugContent : undefined,\n    props.showBorder ? classes.showBorder : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ');\n  return (\n    <div data-testid=\"placeholder\" className={className}>\n      {props.debugContent}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;AA2BA,MAAM,SAAA,GAAY,YAAa,CAAA;AAAA,EAC7B,kBAAoB,EAAA;AAAA,IAClB,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA;AAAA,EAEA,UAAY,EAAA;AAAA,IACV,MAAQ,EAAA,gBAAA;AAAA,IACR,KAAO,EAAA,MAAA;AAAA,IACP,MAAQ,EAAA;AAAA;AAEZ,CAAC,CAAA;AAKY,MAAA,WAAA,GAAc,CAAC,KAA4B,KAAA;AACtD,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,MAAM,SAAY,GAAA;AAAA,IAChB,KAAA,CAAM,YAAe,GAAA,OAAA,CAAQ,kBAAqB,GAAA,KAAA,CAAA;AAAA,IAClD,KAAA,CAAM,UAAa,GAAA,OAAA,CAAQ,UAAa,GAAA,KAAA;AAAA,GAEvC,CAAA,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,2CACG,KAAI,EAAA,EAAA,aAAA,EAAY,aAAc,EAAA,SAAA,EAAA,EAC5B,MAAM,YACT,CAAA;AAEJ;;;;"}

package/dist/components/QuickAccessCard.esm.js

@@ -0,0 +1,72 @@
+import React from 'react';
+import { WarningPanel, CodeSnippet, InfoCard } from '@backstage/core-components';
+import { HomePageToolkit, ComponentAccordion } from '@backstage/plugin-home';
+import CircularProgress from '@mui/material/CircularProgress';
+import { makeStyles } from 'tss-react/mui';
+import { useQuickAccessLinks } from '../hooks/useQuickAccessLinks.esm.js';
+
+const useStyles = makeStyles()({
+  center: {
+    height: "100%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  img: {
+    height: "40px",
+    width: "auto"
+  },
+  title: {
+    "& div > div > div > div > p": {
+      textTransform: "uppercase"
+    }
+  }
+});
+const QuickAccessCard = (props) => {
+  const { classes } = useStyles();
+  const { data, error, isLoading } = useQuickAccessLinks(props.path);
+  let content;
+  if (isLoading) {
+    content = /* @__PURE__ */ React.createElement("div", { className: classes.center }, /* @__PURE__ */ React.createElement(CircularProgress, null));
+  } else if (!data) {
+    content = /* @__PURE__ */ React.createElement(WarningPanel, { severity: "error", title: "Could not fetch data." }, /* @__PURE__ */ React.createElement(
+      CodeSnippet,
+      {
+        language: "text",
+        text: error?.toString() ?? "Unknown error"
+      }
+    ));
+  } else {
+    content = /* @__PURE__ */ React.createElement(React.Fragment, null, data.map((item) => /* @__PURE__ */ React.createElement(
+      HomePageToolkit,
+      {
+        key: item.title,
+        title: item.title,
+        tools: item.links.map((link) => ({
+          ...link,
+          icon: /* @__PURE__ */ React.createElement(
+            "img",
+            {
+              className: classes.img,
+              src: link.iconUrl,
+              alt: link.label
+            }
+          )
+        })),
+        Renderer: (renderProps) => /* @__PURE__ */ React.createElement(ComponentAccordion, { expanded: item.isExpanded, ...renderProps })
+      }
+    )));
+  }
+  return /* @__PURE__ */ React.createElement(
+    InfoCard,
+    {
+      title: props.title ?? "Quick Access",
+      noPadding: true,
+      className: classes.title
+    },
+    content
+  );
+};
+
+export { QuickAccessCard };
+//# sourceMappingURL=QuickAccessCard.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickAccessCard.esm.js","sources":["../../src/components/QuickAccessCard.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport {\n  CodeSnippet,\n  InfoCard,\n  WarningPanel,\n} from '@backstage/core-components';\nimport { ComponentAccordion, HomePageToolkit } from '@backstage/plugin-home';\n\nimport CircularProgress from '@mui/material/CircularProgress';\nimport { makeStyles } from 'tss-react/mui';\n\nimport { useQuickAccessLinks } from '../hooks/useQuickAccessLinks';\n\nconst useStyles = makeStyles()({\n  center: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  img: {\n    height: '40px',\n    width: 'auto',\n  },\n  title: {\n    '& div > div > div > div > p': {\n      textTransform: 'uppercase',\n    },\n  },\n});\n\n/**\n * @public\n */\nexport interface QuickAccessCardProps {\n  title?: string;\n  path?: string;\n}\n\n/**\n * @public\n */\nexport const QuickAccessCard = (props: QuickAccessCardProps) => {\n  const { classes } = useStyles();\n  const { data, error, isLoading } = useQuickAccessLinks(props.path);\n\n  let content: React.ReactElement;\n\n  if (isLoading) {\n    content = (\n      <div className={classes.center}>\n        <CircularProgress />\n      </div>\n    );\n  } else if (!data) {\n    content = (\n      <WarningPanel severity=\"error\" title=\"Could not fetch data.\">\n        <CodeSnippet\n          language=\"text\"\n          text={error?.toString() ?? 'Unknown error'}\n        />\n      </WarningPanel>\n    );\n  } else {\n    content = (\n      <>\n        {data.map(item => (\n          <HomePageToolkit\n            key={item.title}\n            title={item.title}\n            tools={item.links.map(link => ({\n              ...link,\n              icon: (\n                <img\n                  className={classes.img}\n                  src={link.iconUrl}\n                  alt={link.label}\n                />\n              ),\n            }))}\n            Renderer={renderProps => (\n              <ComponentAccordion expanded={item.isExpanded} {...renderProps} />\n            )}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <InfoCard\n      title={props.title ?? 'Quick Access'}\n      noPadding\n      className={classes.title}\n    >\n      {content}\n    </InfoCard>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA6BA,MAAM,SAAA,GAAY,YAAa,CAAA;AAAA,EAC7B,MAAQ,EAAA;AAAA,IACN,MAAQ,EAAA,MAAA;AAAA,IACR,OAAS,EAAA,MAAA;AAAA,IACT,UAAY,EAAA,QAAA;AAAA,IACZ,cAAgB,EAAA;AAAA,GAClB;AAAA,EACA,GAAK,EAAA;AAAA,IACH,MAAQ,EAAA,MAAA;AAAA,IACR,KAAO,EAAA;AAAA,GACT;AAAA,EACA,KAAO,EAAA;AAAA,IACL,6BAA+B,EAAA;AAAA,MAC7B,aAAe,EAAA;AAAA;AACjB;AAEJ,CAAC,CAAA;AAaY,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,MAAM,EAAE,IAAM,EAAA,KAAA,EAAO,WAAc,GAAA,mBAAA,CAAoB,MAAM,IAAI,CAAA;AAEjE,EAAI,IAAA,OAAA;AAEJ,EAAA,IAAI,SAAW,EAAA;AACb,IAAA,OAAA,uCACG,KAAI,EAAA,EAAA,SAAA,EAAW,QAAQ,MACtB,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,sBAAiB,CACpB,CAAA;AAAA,GAEJ,MAAA,IAAW,CAAC,IAAM,EAAA;AAChB,IAAA,OAAA,mBACG,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAa,QAAS,EAAA,OAAA,EAAQ,OAAM,uBACnC,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,QAAS,EAAA,MAAA;AAAA,QACT,IAAA,EAAM,KAAO,EAAA,QAAA,EAAc,IAAA;AAAA;AAAA,KAE/B,CAAA;AAAA,GAEG,MAAA;AACL,IACE,OAAA,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,IAAK,CAAA,GAAA,CAAI,CACR,IAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,KAAK,IAAK,CAAA,KAAA;AAAA,QACV,OAAO,IAAK,CAAA,KAAA;AAAA,QACZ,KAAO,EAAA,IAAA,CAAK,KAAM,CAAA,GAAA,CAAI,CAAS,IAAA,MAAA;AAAA,UAC7B,GAAG,IAAA;AAAA,UACH,IACE,kBAAA,KAAA,CAAA,aAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,WAAW,OAAQ,CAAA,GAAA;AAAA,cACnB,KAAK,IAAK,CAAA,OAAA;AAAA,cACV,KAAK,IAAK,CAAA;AAAA;AAAA;AACZ,SAEF,CAAA,CAAA;AAAA,QACF,QAAA,EAAU,iCACP,KAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,EAAmB,UAAU,IAAK,CAAA,UAAA,EAAa,GAAG,WAAa,EAAA;AAAA;AAAA,KAGrE,CACH,CAAA;AAAA;AAIJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,MAAM,KAAS,IAAA,cAAA;AAAA,MACtB,SAAS,EAAA,IAAA;AAAA,MACT,WAAW,OAAQ,CAAA;AAAA,KAAA;AAAA,IAElB;AAAA,GACH;AAEJ;;;;"}

package/dist/components/ReadOnlyGrid.esm.js

@@ -0,0 +1,129 @@
+import React, { useMemo } from 'react';
+import { Responsive } from 'react-grid-layout';
+import { ErrorBoundary } from '@backstage/core-components';
+import { makeStyles } from 'tss-react/mui';
+import 'react-grid-layout/css/styles.css';
+import useMeasure from 'react-use/lib/useMeasure';
+
+const gridGap = 16;
+const defaultProps = {
+  // Aligned with the 1.0-1.2 home page gap.
+  margin: [gridGap, gridGap],
+  // Same as in home-plugin CustomHomepageGrid
+  rowHeight: 60,
+  // We use always a 12-column grid, but each cards can define
+  // their number of columns (width) and start column (x) per breakpoint.
+  breakpoints: {
+    xl: 1600,
+    lg: 1200,
+    md: 996,
+    sm: 768,
+    xs: 480,
+    xxs: 0
+  },
+  cols: {
+    xl: 12,
+    lg: 12,
+    md: 12,
+    sm: 12,
+    xs: 12,
+    xxs: 12
+  },
+  isDraggable: false,
+  isResizable: false,
+  compactType: null
+};
+const useStyles = makeStyles()({
+  // Make card content scrollable (so that cards don't overlap)
+  cardWrapper: {
+    '& > div[class*="MuiCard-root"]': {
+      width: "100%",
+      height: "100%"
+    },
+    '& div[class*="MuiCardContent-root"]': {
+      overflow: "auto"
+    }
+  }
+});
+const ReadOnlyGrid = (props) => {
+  const { classes } = useStyles();
+  const [measureRef, measureRect] = useMeasure();
+  const cards = useMemo(() => {
+    return props.mountPoints.map((mountPoint, index) => {
+      const id = (index + 1).toString();
+      const layouts2 = {};
+      if (mountPoint.config?.layouts) {
+        for (const [breakpoint, layout] of Object.entries(
+          mountPoint.config.layouts
+        )) {
+          layouts2[breakpoint] = {
+            i: id,
+            x: layout.x ?? 0,
+            y: layout.y ?? 0,
+            w: layout.w ?? 12,
+            h: layout.h ?? 4,
+            isDraggable: false,
+            isResizable: false
+          };
+        }
+      } else {
+        ["xl", "lg", "md", "sm", "xs", "xxs"].forEach((breakpoint) => {
+          layouts2[breakpoint] = {
+            i: id,
+            x: 0,
+            y: 0,
+            w: 12,
+            h: 4,
+            isDraggable: false,
+            isResizable: false
+          };
+        });
+      }
+      return {
+        id,
+        Component: mountPoint.Component,
+        props: mountPoint.config?.props,
+        layouts: layouts2
+      };
+    });
+  }, [props.mountPoints]);
+  const layouts = useMemo(() => {
+    const result = {};
+    for (const card of cards) {
+      for (const [breakpoint, layoutPerBreakpoint] of Object.entries(
+        card.layouts
+      )) {
+        if (!result[breakpoint]) {
+          result[breakpoint] = [];
+        }
+        result[breakpoint].push(layoutPerBreakpoint);
+      }
+    }
+    return result;
+  }, [cards]);
+  const children = useMemo(() => {
+    return cards.map((card) => /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: card.id,
+        "data-cardid": card.id,
+        "data-testid": `home-page card ${card.id}`,
+        "data-layout": JSON.stringify(card.layouts),
+        className: classes.cardWrapper
+      },
+      /* @__PURE__ */ React.createElement(ErrorBoundary, null, /* @__PURE__ */ React.createElement(card.Component, { ...card.props }))
+    ));
+  }, [cards, classes.cardWrapper]);
+  return /* @__PURE__ */ React.createElement("div", { style: { margin: -gridGap } }, /* @__PURE__ */ React.createElement("div", { ref: measureRef }), measureRect.width ? /* @__PURE__ */ React.createElement(
+    Responsive,
+    {
+      ...defaultProps,
+      width: measureRect.width,
+      layouts
+    },
+    children
+  ) : null);
+};
+
+export { ReadOnlyGrid };
+//# sourceMappingURL=ReadOnlyGrid.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyGrid.esm.js","sources":["../../src/components/ReadOnlyGrid.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n// This complete read-only home page grid picks up the idea and styles from\n// https://github.com/backstage/backstage/blob/master/plugins/home\n// Esp. from the CustomHomepageGrid component:\n// https://github.com/backstage/backstage/blob/master/plugins/home/src/components/CustomHomepage/CustomHomepageGrid.tsx\n// but without the drag and drop functionality.\n\nimport React, { useMemo } from 'react';\nimport {\n  Layout,\n  Layouts,\n  Responsive,\n  ResponsiveProps,\n} from 'react-grid-layout';\n\nimport { ErrorBoundary } from '@backstage/core-components';\n\nimport { makeStyles } from 'tss-react/mui';\n\n// Removes the doubled scrollbar\nimport 'react-grid-layout/css/styles.css';\n\nimport useMeasure from 'react-use/lib/useMeasure';\n\nimport { HomePageCardMountPoint } from '../types';\n\ninterface Card {\n  id: string;\n  Component: React.ComponentType<any>;\n  props?: Record<string, any>;\n  layouts: Record<string, Layout>;\n}\n\nconst gridGap = 16;\n\nconst defaultProps: ResponsiveProps = {\n  // Aligned with the 1.0-1.2 home page gap.\n  margin: [gridGap, gridGap],\n  // Same as in home-plugin CustomHomepageGrid\n  rowHeight: 60,\n\n  // We use always a 12-column grid, but each cards can define\n  // their number of columns (width) and start column (x) per breakpoint.\n  breakpoints: {\n    xl: 1600,\n    lg: 1200,\n    md: 996,\n    sm: 768,\n    xs: 480,\n    xxs: 0,\n  },\n  cols: {\n    xl: 12,\n    lg: 12,\n    md: 12,\n    sm: 12,\n    xs: 12,\n    xxs: 12,\n  },\n\n  isDraggable: false,\n  isResizable: false,\n  compactType: null,\n};\n\nconst useStyles = makeStyles()({\n  // Make card content scrollable (so that cards don't overlap)\n  cardWrapper: {\n    '& > div[class*=\"MuiCard-root\"]': {\n      width: '100%',\n      height: '100%',\n    },\n    '& div[class*=\"MuiCardContent-root\"]': {\n      overflow: 'auto',\n    },\n  },\n});\n\n/**\n * @public\n */\nexport interface ReadOnlyGridProps {\n  mountPoints: HomePageCardMountPoint[];\n  breakpoints?: Record<string, number>;\n  cols?: Record<string, number>;\n}\n\n/**\n * @public\n */\nexport const ReadOnlyGrid = (props: ReadOnlyGridProps) => {\n  const { classes } = useStyles();\n  const [measureRef, measureRect] = useMeasure<HTMLDivElement>();\n\n  const cards = useMemo<Card[]>(() => {\n    return props.mountPoints.map<Card>((mountPoint, index) => {\n      const id = (index + 1).toString();\n      const layouts: Record<string, Layout> = {};\n\n      if (mountPoint.config?.layouts) {\n        for (const [breakpoint, layout] of Object.entries(\n          mountPoint.config.layouts,\n        )) {\n          layouts[breakpoint] = {\n            i: id,\n            x: layout.x ?? 0,\n            y: layout.y ?? 0,\n            w: layout.w ?? 12,\n            h: layout.h ?? 4,\n            isDraggable: false,\n            isResizable: false,\n          };\n        }\n      } else {\n        // Default layout for cards without a layout configuration\n        ['xl', 'lg', 'md', 'sm', 'xs', 'xxs'].forEach(breakpoint => {\n          layouts[breakpoint] = {\n            i: id,\n            x: 0,\n            y: 0,\n            w: 12,\n            h: 4,\n            isDraggable: false,\n            isResizable: false,\n          };\n        });\n      }\n\n      return {\n        id,\n        Component: mountPoint.Component,\n        props: mountPoint.config?.props,\n        layouts,\n      };\n    });\n  }, [props.mountPoints]);\n\n  const layouts = useMemo<Layouts>(() => {\n    const result: Layouts = {};\n    for (const card of cards) {\n      for (const [breakpoint, layoutPerBreakpoint] of Object.entries(\n        card.layouts,\n      )) {\n        if (!result[breakpoint]) {\n          result[breakpoint] = [];\n        }\n        result[breakpoint].push(layoutPerBreakpoint);\n      }\n    }\n    return result;\n  }, [cards]);\n\n  const children = useMemo(() => {\n    return cards.map(card => (\n      <div\n        key={card.id}\n        data-cardid={card.id}\n        data-testid={`home-page card ${card.id}`}\n        data-layout={JSON.stringify(card.layouts)}\n        className={classes.cardWrapper}\n      >\n        <ErrorBoundary>\n          <card.Component {...card.props} />\n        </ErrorBoundary>\n      </div>\n    ));\n  }, [cards, classes.cardWrapper]);\n\n  return (\n    <div style={{ margin: -gridGap }}>\n      <div ref={measureRef} />\n      {measureRect.width ? (\n        <Responsive\n          {...defaultProps}\n          width={measureRect.width}\n          layouts={layouts}\n        >\n          {children}\n        </Responsive>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["layouts"],"mappings":"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"}

package/dist/components/SearchBar.esm.js

@@ -0,0 +1,56 @@
+import React, { useState, useRef, useCallback } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { SearchBarBase } from '@backstage/plugin-search-react';
+import { makeStyles } from 'tss-react/mui';
+
+const useStyles = makeStyles()((theme) => ({
+  searchBar: {
+    "&&": {
+      backgroundColor: theme.palette.mode === "dark" ? "#36373A" : "#FFFFFF",
+      boxShadow: "none",
+      border: `1px solid ${theme.palette.mode === "dark" ? "#57585a" : "#E4E4E4"}`,
+      borderRadius: "50px",
+      margin: 0
+    }
+  },
+  notchedOutline: {
+    "&&": {
+      borderStyle: "none"
+    }
+  }
+}));
+const SearchBar = ({ path, queryParam }) => {
+  const { classes } = useStyles();
+  const [value, setValue] = useState("");
+  const ref = useRef(null);
+  const navigate = useNavigate();
+  const handleSubmit = useCallback(() => {
+    const query = ref.current?.value ?? "";
+    const url = new URL(window.location.toString());
+    url.pathname = path ?? "/search";
+    url.searchParams.set(queryParam ?? "query", query);
+    const search = url.searchParams.toString();
+    navigate(`${url.pathname}${search ? "?" : ""}${search}`);
+  }, [navigate, path, queryParam]);
+  return /* @__PURE__ */ React.createElement(
+    SearchBarBase,
+    {
+      placeholder: "Search",
+      value,
+      onChange: setValue,
+      onSubmit: handleSubmit,
+      inputProps: { ref },
+      classes: {
+        root: classes.searchBar
+      },
+      InputProps: {
+        classes: {
+          notchedOutline: classes.notchedOutline
+        }
+      }
+    }
+  );
+};
+
+export { SearchBar };
+//# sourceMappingURL=SearchBar.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.esm.js","sources":["../../src/components/SearchBar.tsx"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React, { useCallback, useRef, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\n\nimport { SearchBarBase } from '@backstage/plugin-search-react';\n\nimport { makeStyles } from 'tss-react/mui';\n\nconst useStyles = makeStyles()(theme => ({\n  searchBar: {\n    '&&': {\n      backgroundColor: theme.palette.mode === 'dark' ? '#36373A' : '#FFFFFF',\n      boxShadow: 'none',\n      border: `1px solid ${\n        theme.palette.mode === 'dark' ? '#57585a' : '#E4E4E4'\n      }`,\n      borderRadius: '50px',\n      margin: 0,\n    },\n  },\n  notchedOutline: {\n    '&&': {\n      borderStyle: 'none',\n    },\n  },\n}));\n\n/**\n * @public\n */\nexport interface SearchBarProps {\n  path?: string;\n  queryParam?: string;\n}\n\n/**\n * @public\n */\nexport const SearchBar = ({ path, queryParam }: SearchBarProps) => {\n  const { classes } = useStyles();\n  const [value, setValue] = useState('');\n  const ref = useRef<HTMLInputElement | null>(null);\n  const navigate = useNavigate();\n\n  // This handler is called when \"enter\" is pressed\n  const handleSubmit = useCallback(() => {\n    const query = ref.current?.value ?? '';\n\n    const url = new URL(window.location.toString());\n    url.pathname = path ?? '/search';\n    url.searchParams.set(queryParam ?? 'query', query);\n    const search = url.searchParams.toString();\n\n    navigate(`${url.pathname}${search ? '?' : ''}${search}`);\n  }, [navigate, path, queryParam]);\n\n  return (\n    <SearchBarBase\n      placeholder=\"Search\"\n      value={value}\n      onChange={setValue}\n      onSubmit={handleSubmit}\n      inputProps={{ ref }}\n      classes={{\n        root: classes.searchBar,\n      }}\n      InputProps={{\n        classes: {\n          notchedOutline: classes.notchedOutline,\n        },\n      }}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;AAsBA,MAAM,SAAA,GAAY,UAAW,EAAA,CAAE,CAAU,KAAA,MAAA;AAAA,EACvC,SAAW,EAAA;AAAA,IACT,IAAM,EAAA;AAAA,MACJ,eAAiB,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,KAAS,SAAS,SAAY,GAAA,SAAA;AAAA,MAC7D,SAAW,EAAA,MAAA;AAAA,MACX,QAAQ,CACN,UAAA,EAAA,KAAA,CAAM,QAAQ,IAAS,KAAA,MAAA,GAAS,YAAY,SAC9C,CAAA,CAAA;AAAA,MACA,YAAc,EAAA,MAAA;AAAA,MACd,MAAQ,EAAA;AAAA;AACV,GACF;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA;AAAA,MACJ,WAAa,EAAA;AAAA;AACf;AAEJ,CAAE,CAAA,CAAA;AAaK,MAAM,SAAY,GAAA,CAAC,EAAE,IAAA,EAAM,YAAiC,KAAA;AACjE,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,SAAU,EAAA;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,CAAA;AACrC,EAAM,MAAA,GAAA,GAAM,OAAgC,IAAI,CAAA;AAChD,EAAA,MAAM,WAAW,WAAY,EAAA;AAG7B,EAAM,MAAA,YAAA,GAAe,YAAY,MAAM;AACrC,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,OAAA,EAAS,KAAS,IAAA,EAAA;AAEpC,IAAA,MAAM,MAAM,IAAI,GAAA,CAAI,MAAO,CAAA,QAAA,CAAS,UAAU,CAAA;AAC9C,IAAA,GAAA,CAAI,WAAW,IAAQ,IAAA,SAAA;AACvB,IAAA,GAAA,CAAI,YAAa,CAAA,GAAA,CAAI,UAAc,IAAA,OAAA,EAAS,KAAK,CAAA;AACjD,IAAM,MAAA,MAAA,GAAS,GAAI,CAAA,YAAA,CAAa,QAAS,EAAA;AAEzC,IAAS,QAAA,CAAA,CAAA,EAAG,IAAI,QAAQ,CAAA,EAAG,SAAS,GAAM,GAAA,EAAE,CAAG,EAAA,MAAM,CAAE,CAAA,CAAA;AAAA,GACtD,EAAA,CAAC,QAAU,EAAA,IAAA,EAAM,UAAU,CAAC,CAAA;AAE/B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,WAAY,EAAA,QAAA;AAAA,MACZ,KAAA;AAAA,MACA,QAAU,EAAA,QAAA;AAAA,MACV,QAAU,EAAA,YAAA;AAAA,MACV,UAAA,EAAY,EAAE,GAAI,EAAA;AAAA,MAClB,OAAS,EAAA;AAAA,QACP,MAAM,OAAQ,CAAA;AAAA,OAChB;AAAA,MACA,UAAY,EAAA;AAAA,QACV,OAAS,EAAA;AAAA,UACP,gBAAgB,OAAQ,CAAA;AAAA;AAC1B;AACF;AAAA,GACF;AAEJ;;;;"}

package/dist/hooks/useHomePageMountPoints.esm.js

@@ -0,0 +1,10 @@
+import { useScalprum } from '@scalprum/react-core';
+
+const useHomePageMountPoints = () => {
+  const scalprum = useScalprum();
+  const homePageMountPoints = scalprum?.api?.dynamicRootConfig?.mountPoints?.["home.page/cards"];
+  return homePageMountPoints;
+};
+
+export { useHomePageMountPoints };
+//# sourceMappingURL=useHomePageMountPoints.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHomePageMountPoints.esm.js","sources":["../../src/hooks/useHomePageMountPoints.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useScalprum } from '@scalprum/react-core';\n\nimport { HomePageCardMountPoint } from '../types';\n\ninterface ScalprumState {\n  api?: {\n    dynamicRootConfig?: {\n      mountPoints?: {\n        'home.page/cards': HomePageCardMountPoint[];\n      };\n    };\n  };\n}\n\nexport const useHomePageMountPoints = ():\n  | HomePageCardMountPoint[]\n  | undefined => {\n  const scalprum = useScalprum<ScalprumState>();\n\n  const homePageMountPoints =\n    scalprum?.api?.dynamicRootConfig?.mountPoints?.['home.page/cards'];\n\n  return homePageMountPoints;\n};\n"],"names":[],"mappings":";;AA6BO,MAAM,yBAAyB,MAErB;AACf,EAAA,MAAM,WAAW,WAA2B,EAAA;AAE5C,EAAA,MAAM,mBACJ,GAAA,QAAA,EAAU,GAAK,EAAA,iBAAA,EAAmB,cAAc,iBAAiB,CAAA;AAEnE,EAAO,OAAA,mBAAA;AACT;;;;"}

package/dist/hooks/useQuickAccessLinks.esm.js

@@ -0,0 +1,40 @@
+import { useState, useCallback, useEffect } from 'react';
+import useAsync from 'react-use/lib/useAsync';
+import { useApi } from '@backstage/core-plugin-api';
+import { quickAccessApiRef } from '../api/QuickAccessApiClient.esm.js';
+
+const useQuickAccessLinks = (path) => {
+  const [isLoading, setIsLoading] = useState(true);
+  const [data, setData] = useState();
+  const [error, setError] = useState();
+  const client = useApi(quickAccessApiRef);
+  const {
+    value,
+    error: apiError,
+    loading
+  } = useAsync(() => {
+    return client.getQuickAccessLinks(path);
+  });
+  const fetchData = useCallback(async () => {
+    const res = await fetch("/homepage/data.json");
+    const qsData = await res.json();
+    setData(qsData);
+    setIsLoading(false);
+  }, []);
+  useEffect(() => {
+    if (apiError) {
+      setError(apiError);
+      fetchData().catch((err) => {
+        setError(err);
+        setIsLoading(false);
+      });
+    } else if (!loading && value) {
+      setData(value);
+      setIsLoading(false);
+    }
+  }, [apiError, fetchData, loading, setData, value]);
+  return { data, error, isLoading };
+};
+
+export { useQuickAccessLinks };
+//# sourceMappingURL=useQuickAccessLinks.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useQuickAccessLinks.esm.js","sources":["../../src/hooks/useQuickAccessLinks.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { useCallback, useEffect, useState } from 'react';\nimport useAsync from 'react-use/lib/useAsync';\n\nimport { useApi } from '@backstage/core-plugin-api';\n\nimport { quickAccessApiRef } from '../api/QuickAccessApiClient';\nimport { QuickAccessLink } from '../types';\n\nexport const useQuickAccessLinks = (\n  path?: string,\n): {\n  data: QuickAccessLink[] | undefined;\n  error: Error | undefined;\n  isLoading: boolean;\n} => {\n  const [isLoading, setIsLoading] = useState<boolean>(true);\n  const [data, setData] = useState<QuickAccessLink[]>();\n  const [error, setError] = useState<Error>();\n  const client = useApi(quickAccessApiRef);\n  const {\n    value,\n    error: apiError,\n    loading,\n  } = useAsync(() => {\n    return client.getQuickAccessLinks(path);\n  });\n\n  const fetchData = useCallback(async () => {\n    const res = await fetch('/homepage/data.json');\n    const qsData = await res.json();\n    setData(qsData);\n    setIsLoading(false);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (apiError) {\n      setError(apiError);\n      fetchData().catch(err => {\n        setError(err);\n        setIsLoading(false);\n      });\n    } else if (!loading && value) {\n      setData(value);\n      setIsLoading(false);\n    }\n  }, [apiError, fetchData, loading, setData, value]);\n\n  return { data, error, isLoading };\n};\n"],"names":[],"mappings":";;;;;AAuBa,MAAA,mBAAA,GAAsB,CACjC,IAKG,KAAA;AACH,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAkB,IAAI,CAAA;AACxD,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,QAA4B,EAAA;AACpD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,QAAgB,EAAA;AAC1C,EAAM,MAAA,MAAA,GAAS,OAAO,iBAAiB,CAAA;AACvC,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,KAAO,EAAA,QAAA;AAAA,IACP;AAAA,GACF,GAAI,SAAS,MAAM;AACjB,IAAO,OAAA,MAAA,CAAO,oBAAoB,IAAI,CAAA;AAAA,GACvC,CAAA;AAED,EAAM,MAAA,SAAA,GAAY,YAAY,YAAY;AACxC,IAAM,MAAA,GAAA,GAAM,MAAM,KAAA,CAAM,qBAAqB,CAAA;AAC7C,IAAM,MAAA,MAAA,GAAS,MAAM,GAAA,CAAI,IAAK,EAAA;AAC9B,IAAA,OAAA,CAAQ,MAAM,CAAA;AACd,IAAA,YAAA,CAAa,KAAK,CAAA;AAAA,GAEpB,EAAG,EAAE,CAAA;AAEL,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,MAAU,SAAA,EAAA,CAAE,MAAM,CAAO,GAAA,KAAA;AACvB,QAAA,QAAA,CAAS,GAAG,CAAA;AACZ,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,OACnB,CAAA;AAAA,KACH,MAAA,IAAW,CAAC,OAAA,IAAW,KAAO,EAAA;AAC5B,MAAA,OAAA,CAAQ,KAAK,CAAA;AACb,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA;AACpB,KACC,CAAC,QAAA,EAAU,WAAW,OAAS,EAAA,OAAA,EAAS,KAAK,CAAC,CAAA;AAEjD,EAAO,OAAA,EAAE,IAAM,EAAA,KAAA,EAAO,SAAU,EAAA;AAClC;;;;"}

package/dist/index.d.ts

@@ -0,0 +1,119 @@
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import React from 'react';
+import { StarredEntitiesProps, VisitedByTypeProps, FeaturedDocsCardProps } from '@backstage/plugin-home';
+
+/**
+ * @public
+ */
+interface DynamicHomePageProps {
+    title?: string;
+}
+
+/**
+ * @public
+ */
+interface SearchBarProps {
+    path?: string;
+    queryParam?: string;
+}
+
+/**
+ * @public
+ */
+interface QuickAccessCardProps {
+    title?: string;
+    path?: string;
+}
+
+/**
+ * @public
+ */
+interface HeadlineProps {
+    title?: string;
+    align?: 'left' | 'center' | 'right';
+}
+
+/**
+ * @public
+ */
+interface MarkdownProps {
+    title?: string;
+    content?: string;
+}
+
+/**
+ * @public
+ */
+interface MarkdownCardProps {
+    title?: string;
+    content?: string;
+}
+
+/**
+ * @public
+ */
+interface PlaceholderProps {
+    showBorder?: boolean;
+    debugContent?: string;
+}
+
+/**
+ * Dynamic Home Page Plugin
+ * @public
+ */
+declare const dynamicHomePagePlugin: _backstage_core_plugin_api.BackstagePlugin<{
+    root: _backstage_core_plugin_api.RouteRef<undefined>;
+}, {}, {}>;
+/**
+ * Dynamic Home Page
+ * @public
+ */
+declare const DynamicHomePage: React.ComponentType<DynamicHomePageProps>;
+/**
+ * @public
+ */
+declare const SearchBar: React.ComponentType<SearchBarProps>;
+/**
+ * @public
+ */
+declare const QuickAccessCard: React.ComponentType<QuickAccessCardProps>;
+/**
+ * @public
+ */
+declare const Headline: React.ComponentType<HeadlineProps>;
+/**
+ * @public
+ */
+declare const Markdown: React.ComponentType<MarkdownProps>;
+/**
+ * @public
+ */
+declare const MarkdownCard: React.ComponentType<MarkdownCardProps>;
+/**
+ * @public
+ */
+declare const Placeholder: React.ComponentType<PlaceholderProps>;
+/**
+ * @public
+ */
+declare const CatalogStarredEntitiesCard: React.ComponentType<StarredEntitiesProps>;
+/**
+ * @public
+ */
+declare const RecentlyVisitedCard: React.ComponentType<VisitedByTypeProps>;
+/**
+ * @public
+ */
+declare const TopVisitedCard: React.ComponentType<VisitedByTypeProps>;
+/**
+ * @public
+ */
+declare const FeaturedDocsCard: React.ComponentType<FeaturedDocsCardProps>;
+/**
+ * @public
+ */
+declare const JokeCard: React.ComponentType<{
+    defaultCategory?: 'any' | 'programming';
+}>;
+
+export { CatalogStarredEntitiesCard, DynamicHomePage, type DynamicHomePageProps, FeaturedDocsCard, Headline, type HeadlineProps, JokeCard, Markdown, MarkdownCard, type MarkdownCardProps, type MarkdownProps, Placeholder, type PlaceholderProps, QuickAccessCard, type QuickAccessCardProps, RecentlyVisitedCard, SearchBar, type SearchBarProps, TopVisitedCard, dynamicHomePagePlugin };

package/dist/index.esm.js

@@ -0,0 +1,2 @@
+export { CatalogStarredEntitiesCard, DynamicHomePage, FeaturedDocsCard, Headline, JokeCard, Markdown, MarkdownCard, Placeholder, QuickAccessCard, RecentlyVisitedCard, SearchBar, TopVisitedCard, dynamicHomePagePlugin } 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,119 @@
+import { createPlugin, createApiFactory, discoveryApiRef, configApiRef, identityApiRef, createRoutableExtension, createComponentExtension } from '@backstage/core-plugin-api';
+import { quickAccessApiRef, QuickAccessApiClient } from './api/QuickAccessApiClient.esm.js';
+import { rootRouteRef } from './routes.esm.js';
+
+const dynamicHomePagePlugin = createPlugin({
+  id: "dynamic-home-page",
+  routes: {
+    root: rootRouteRef
+  },
+  apis: [
+    createApiFactory({
+      api: quickAccessApiRef,
+      deps: {
+        discoveryApi: discoveryApiRef,
+        configApi: configApiRef,
+        identityApi: identityApiRef
+      },
+      factory: ({ discoveryApi, configApi, identityApi }) => new QuickAccessApiClient({ discoveryApi, configApi, identityApi })
+    })
+  ]
+});
+const DynamicHomePage = dynamicHomePagePlugin.provide(
+  createRoutableExtension({
+    name: "DynamicHomePage",
+    component: () => import('./components/DynamicHomePage.esm.js').then((m) => m.DynamicHomePage),
+    mountPoint: rootRouteRef
+  })
+);
+const SearchBar = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "SearchBar",
+    component: {
+      lazy: () => import('./components/SearchBar.esm.js').then((m) => m.SearchBar)
+    }
+  })
+);
+const QuickAccessCard = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "QuickAccessCard",
+    component: {
+      lazy: () => import('./components/QuickAccessCard.esm.js').then((m) => m.QuickAccessCard)
+    }
+  })
+);
+const Headline = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "Headline",
+    component: {
+      lazy: () => import('./components/Headline.esm.js').then((m) => m.Headline)
+    }
+  })
+);
+const Markdown = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "Markdown",
+    component: {
+      lazy: () => import('./components/Markdown.esm.js').then((m) => m.Markdown)
+    }
+  })
+);
+const MarkdownCard = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "MarkdownCard",
+    component: {
+      lazy: () => import('./components/MarkdownCard.esm.js').then((m) => m.MarkdownCard)
+    }
+  })
+);
+const Placeholder = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "MarkdownCard",
+    component: {
+      lazy: () => import('./components/Placeholder.esm.js').then((m) => m.Placeholder)
+    }
+  })
+);
+const CatalogStarredEntitiesCard = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "CatalogStarredEntitiesCard",
+    component: {
+      lazy: () => import('@backstage/plugin-home').then((m) => m.HomePageStarredEntities)
+    }
+  })
+);
+const RecentlyVisitedCard = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "RecentlyVisitedCard",
+    component: {
+      lazy: () => import('@backstage/plugin-home').then((m) => m.HomePageRecentlyVisited)
+    }
+  })
+);
+const TopVisitedCard = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "TopVisitedCard",
+    component: {
+      lazy: () => import('@backstage/plugin-home').then((m) => m.HomePageTopVisited)
+    }
+  })
+);
+const FeaturedDocsCard = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "FeaturedDocsCard",
+    component: {
+      lazy: () => import('@backstage/plugin-home').then((m) => m.FeaturedDocsCard)
+    }
+  })
+);
+const JokeCard = dynamicHomePagePlugin.provide(
+  createComponentExtension({
+    name: "JokeCard",
+    component: {
+      lazy: () => import('@backstage/plugin-home').then((m) => m.HomePageRandomJoke)
+    }
+  })
+);
+
+export { CatalogStarredEntitiesCard, DynamicHomePage, FeaturedDocsCard, Headline, JokeCard, Markdown, MarkdownCard, Placeholder, QuickAccessCard, RecentlyVisitedCard, SearchBar, TopVisitedCard, dynamicHomePagePlugin };
+//# sourceMappingURL=plugin.esm.js.map

package/dist/plugin.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport React from 'react';\n\nimport {\n  configApiRef,\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  identityApiRef,\n} from '@backstage/core-plugin-api';\nimport type {\n  FeaturedDocsCardProps,\n  StarredEntitiesProps,\n  VisitedByTypeProps,\n} from '@backstage/plugin-home';\n\nimport { QuickAccessApiClient, quickAccessApiRef } from './api';\nimport { rootRouteRef } from './routes';\n\nimport type { DynamicHomePageProps } from './components/DynamicHomePage';\nimport type { SearchBarProps } from './components/SearchBar';\nimport type { QuickAccessCardProps } from './components/QuickAccessCard';\nimport type { HeadlineProps } from './components/Headline';\nimport type { MarkdownProps } from './components/Markdown';\nimport type { MarkdownCardProps } from './components/MarkdownCard';\nimport type { PlaceholderProps } from './components/Placeholder';\n\nexport type { DynamicHomePageProps } from './components/DynamicHomePage';\nexport type { SearchBarProps } from './components/SearchBar';\nexport type { QuickAccessCardProps } from './components/QuickAccessCard';\nexport type { HeadlineProps } from './components/Headline';\nexport type { MarkdownProps } from './components/Markdown';\nexport type { MarkdownCardProps } from './components/MarkdownCard';\nexport type { PlaceholderProps } from './components/Placeholder';\n\n/**\n * Dynamic Home Page Plugin\n * @public\n */\nexport const dynamicHomePagePlugin = createPlugin({\n  id: 'dynamic-home-page',\n  routes: {\n    root: rootRouteRef,\n  },\n  apis: [\n    createApiFactory({\n      api: quickAccessApiRef,\n      deps: {\n        discoveryApi: discoveryApiRef,\n        configApi: configApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ discoveryApi, configApi, identityApi }) =>\n        new QuickAccessApiClient({ discoveryApi, configApi, identityApi }),\n    }),\n  ],\n});\n\n/**\n * Dynamic Home Page\n * @public\n */\nexport const DynamicHomePage: React.ComponentType<DynamicHomePageProps> =\n  dynamicHomePagePlugin.provide(\n    createRoutableExtension({\n      name: 'DynamicHomePage',\n      component: () =>\n        import('./components/DynamicHomePage').then(m => m.DynamicHomePage),\n      mountPoint: rootRouteRef,\n    }),\n  );\n\n/**\n * @public\n */\nexport const SearchBar: React.ComponentType<SearchBarProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'SearchBar',\n      component: {\n        lazy: () => import('./components/SearchBar').then(m => m.SearchBar),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const QuickAccessCard: React.ComponentType<QuickAccessCardProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'QuickAccessCard',\n      component: {\n        lazy: () =>\n          import('./components/QuickAccessCard').then(m => m.QuickAccessCard),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const Headline: React.ComponentType<HeadlineProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'Headline',\n      component: {\n        lazy: () => import('./components/Headline').then(m => m.Headline),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const Markdown: React.ComponentType<MarkdownProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'Markdown',\n      component: {\n        lazy: () => import('./components/Markdown').then(m => m.Markdown),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const MarkdownCard: React.ComponentType<MarkdownCardProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'MarkdownCard',\n      component: {\n        lazy: () =>\n          import('./components/MarkdownCard').then(m => m.MarkdownCard),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const Placeholder: React.ComponentType<PlaceholderProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'MarkdownCard',\n      component: {\n        lazy: () => import('./components/Placeholder').then(m => m.Placeholder),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const CatalogStarredEntitiesCard: React.ComponentType<StarredEntitiesProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'CatalogStarredEntitiesCard',\n      component: {\n        lazy: () =>\n          import('@backstage/plugin-home').then(m => m.HomePageStarredEntities),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const RecentlyVisitedCard: React.ComponentType<VisitedByTypeProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'RecentlyVisitedCard',\n      component: {\n        lazy: () =>\n          import('@backstage/plugin-home').then(m => m.HomePageRecentlyVisited),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const TopVisitedCard: React.ComponentType<VisitedByTypeProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'TopVisitedCard',\n      component: {\n        lazy: () =>\n          import('@backstage/plugin-home').then(m => m.HomePageTopVisited),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const FeaturedDocsCard: React.ComponentType<FeaturedDocsCardProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'FeaturedDocsCard',\n      component: {\n        lazy: () =>\n          import('@backstage/plugin-home').then(m => m.FeaturedDocsCard),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const JokeCard: React.ComponentType<{\n  defaultCategory?: 'any' | 'programming';\n}> = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'JokeCard',\n    component: {\n      lazy: () =>\n        import('@backstage/plugin-home').then(m => m.HomePageRandomJoke),\n    },\n  }),\n);\n"],"names":[],"mappings":"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"}

package/dist/routes.esm.js

@@ -0,0 +1,8 @@
+import { createRouteRef } from '@backstage/core-plugin-api';
+
+const rootRouteRef = createRouteRef({
+  id: "dynamic-home-page"
+});
+
+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":["/*\n * Copyright 2024 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createRouteRef } from '@backstage/core-plugin-api';\n\nexport const rootRouteRef = createRouteRef({\n  id: 'dynamic-home-page',\n});\n"],"names":[],"mappings":";;AAiBO,MAAM,eAAe,cAAe,CAAA;AAAA,EACzC,EAAI,EAAA;AACN,CAAC;;;;"}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@red-hat-developer-hub/backstage-plugin-dynamic-home-page",
+  "version": "0.0.1",
+  "main": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "access": "public",
+    "main": "dist/index.esm.js",
+    "types": "dist/index.d.ts"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/redhat-developer/rhdh-plugins",
+    "directory": "workspaces/homepage/plugins/dynamic-home-page"
+  },
+  "backstage": {
+    "role": "frontend-plugin",
+    "pluginId": "@red-hat-developer-hub/backstage-plugin-dynamic-home-page",
+    "pluginPackages": [
+      "@red-hat-developer-hub/backstage-plugin-dynamic-home-page"
+    ]
+  },
+  "sideEffects": false,
+  "scripts": {
+    "start": "backstage-cli package start",
+    "build": "backstage-cli package build",
+    "lint": "backstage-cli package lint",
+    "test": "backstage-cli package test",
+    "clean": "backstage-cli package clean",
+    "prepack": "backstage-cli package prepack",
+    "postpack": "backstage-cli package postpack"
+  },
+  "dependencies": {
+    "@backstage/core-components": "0.15.1",
+    "@backstage/core-plugin-api": "1.10.0",
+    "@backstage/plugin-catalog-react": "1.14.0",
+    "@backstage/plugin-home": "0.8.0",
+    "@backstage/plugin-home-react": "0.1.18",
+    "@backstage/plugin-search": "1.4.18",
+    "@backstage/plugin-search-react": "1.8.1",
+    "@backstage/theme": "0.6.0",
+    "@mui/material": "5.16.7",
+    "@mui/styles": "5.16.7",
+    "@scalprum/react-core": "0.8.0",
+    "react-grid-layout": "1.4.4",
+    "react-use": "17.5.1",
+    "tss-react": "4.9.12"
+  },
+  "peerDependencies": {
+    "react": "16.13.1 || ^17.0.0 || ^18.2.0",
+    "react-router-dom": "6.26.2"
+  },
+  "devDependencies": {
+    "@backstage/cli": "0.28.2",
+    "@backstage/core-app-api": "1.15.1",
+    "@backstage/dev-utils": "1.1.2",
+    "@backstage/test-utils": "1.7.0",
+    "@openshift/dynamic-plugin-sdk": "5.0.1",
+    "@redhat-developer/red-hat-developer-hub-theme": "0.4.0",
+    "@testing-library/jest-dom": "6.6.3",
+    "@testing-library/react": "14.3.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/react-grid-layout": "1.3.5",
+    "msw": "1.3.4",
+    "react": "^16.13.1 || ^17.0.0 || ^18.0.0"
+  },
+  "files": [
+    "app-config.dynamic.yaml",
+    "dist"
+  ],
+  "module": "./dist/index.esm.js"
+}