@red-hat-developer-hub/backstage-plugin-dynamic-home-page 1.9.2 → 1.9.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @red-hat-developer-hub/backstage-plugin-dynamic-home-page
 
+## 1.9.3
+
+### Patch Changes
+
+- b62354f: Fixes an issue with the customizable home page that cards of the same mount point could not be displayed multiple times.
+
+  To enable this feature it is still required to change the home page mount point to `DynamicCustomizableHomePage`.
+
+  For these customizations the mount points requires also a `config.id` (unique identifier) and `config.title` to be displayed in the "Add widget" dialog. An additional `config.description` can be configured as well.
+
+  When customization is disabled mount points with an `config.layout` and these without a `config.id` for backward compatibility will be shown.
+
+- 40b80fe: Change "lifecycle" to active in catalog.yaml
+
 ## 1.9.2
 
 ### Patch Changes

package/app-config.dynamic.yaml

@@ -6,6 +6,7 @@ dynamicPlugins:
         - path: /
           importName: DynamicHomePage
       mountPoints:
+        # Default homepage cards - appear by default
         - mountPoint: home.page/cards
           importName: OnboardingSection
           config:
@@ -36,3 +37,31 @@ dynamicPlugins:
               sm: { w: 12, h: 5 }
               xs: { w: 12, h: 7.5 }
               xxs: { w: 12, h: 13.5 }
+
+        # Additional plugin widgets - available in "Add widget" dialog
+        - mountPoint: home.page/widgets
+          importName: RecentlyVisitedCard
+          config:
+            title: 'Recently Visited'
+            description: 'Quick access to recently viewed entities and pages'
+            priority: 2
+            layouts:
+              xl: { w: 4, h: 3 }
+              lg: { w: 4, h: 3 }
+              md: { w: 6, h: 3 }
+              sm: { w: 12, h: 3 }
+              xs: { w: 12, h: 3 }
+              xxs: { w: 12, h: 3 }
+        - mountPoint: home.page/widgets
+          importName: TopVisitedCard
+          config:
+            title: 'Most Visited'
+            description: 'Your most frequently accessed entities and services'
+            priority: 1
+            layouts:
+              xl: { w: 4, h: 3 }
+              lg: { w: 4, h: 3 }
+              md: { w: 6, h: 3 }
+              sm: { w: 12, h: 3 }
+              xs: { w: 12, h: 3 }
+              xxs: { w: 12, h: 3 }

package/dist/components/CustomizableGrid.esm.js

@@ -1,98 +1,70 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo } from 'react';
+import { CustomHomepageGrid } from '@backstage/plugin-home';
+import { createCardExtension } from '@backstage/plugin-home-react';
 import GlobalStyles from '@mui/material/GlobalStyles';
 import { useTheme } from '@mui/material/styles';
-import { ErrorBoundary } from '@backstage/core-components';
-import { CustomHomepageGrid } from '@backstage/plugin-home';
-import { makeStyles } from 'tss-react/mui';
 import 'react-grid-layout/css/styles.css';
+import { dynamicHomePagePlugin } from '../plugin.esm.js';
+import { useTranslation } from '../hooks/useTranslation.esm.js';
+import { getCardTitle, getCardDescription, isCardADefaultConfiguration } from '../utils/customizable-cards.esm.js';
 
-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 CustomizableGrid = (props) => {
-  const { classes } = useStyles();
+const CustomizableGrid = ({ mountPoints }) => {
   const theme = useTheme();
-  const cards = useMemo(() => {
-    return props.mountPoints.map((mountPoint, index) => {
-      const id = (index + 1).toString();
-      const layouts = {};
-      if (mountPoint.config?.layouts) {
-        for (const [breakpoint, layout] of Object.entries(
-          mountPoint.config.layouts
-        )) {
-          layouts[breakpoint] = {
-            i: id,
-            x: layout.x ?? 0,
-            y: layout.y ?? 0,
-            w: layout.w ?? 12,
-            h: layout.h ?? 4,
-            isDraggable: true,
-            isResizable: true
-          };
-        }
-      } else {
-        ["xl", "lg", "md", "sm", "xs", "xxs"].forEach((breakpoint) => {
-          layouts[breakpoint] = {
-            i: id,
-            x: 0,
-            y: 0,
-            w: 12,
-            h: 4,
-            isDraggable: true,
-            isResizable: true
-          };
-        });
+  const { t } = useTranslation();
+  const { children, config } = useMemo(() => {
+    const childDictionary = {};
+    const defaultConfig = [];
+    mountPoints.forEach((mountPoint) => {
+      if (!mountPoint.config?.id) {
+        return;
       }
-      return {
-        id,
-        Component: mountPoint.Component,
-        props: mountPoint.config?.props,
-        layouts
+      const id = mountPoint.config.id;
+      const title = getCardTitle(t, mountPoint);
+      const description = getCardDescription(t, mountPoint);
+      const componentParts = {
+        Content: (props) => /* @__PURE__ */ jsx(mountPoint.Component, { ...mountPoint.config.props, ...props }),
+        // Untested and unsupported for now!
+        Actions: mountPoint.Actions,
+        // Untested and unsupported for now!
+        Settings: mountPoint.Settings,
+        // This is a workaround to NOT automatically wrap in an InfoCard
+        ContextProvider: (props) => /* @__PURE__ */ jsx(mountPoint.Component, { ...mountPoint.config.props, ...props })
       };
-    });
-  }, [props.mountPoints]);
-  const children = useMemo(() => {
-    return cards.map((card) => /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-cardid": card.id,
-        "data-testid": `home-page card ${card.id}`,
-        "data-layout": JSON.stringify(card.layouts),
-        className: classes.cardWrapper,
-        children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(card.Component, { ...card.props }) })
-      },
-      card.id
-    ));
-  }, [cards, classes.cardWrapper]);
-  const defaultConfig = useMemo(() => {
-    if (!props.mountPoints || props.mountPoints.length === 0) {
-      return [];
-    }
-    return props.mountPoints.map((mountPoint, index) => {
-      const layout = mountPoint.config?.layouts?.xl || {};
-      return {
-        component: /* @__PURE__ */ jsx(mountPoint.Component, { ...mountPoint.config?.props || {} }),
-        x: layout.x ?? 0,
-        y: layout.y ?? index * 5,
-        width: layout.w ?? 12,
-        height: layout.h ?? 4,
-        movable: true,
-        resizable: true,
-        draggable: true,
-        deletable: true
+      const cardExtension = createCardExtension({
+        name: id,
+        title,
+        description,
+        layout: mountPoint.config.cardLayout,
+        settings: mountPoint.config.settings,
+        components: () => Promise.resolve(componentParts)
+      });
+      const Card = dynamicHomePagePlugin.provide(cardExtension);
+      childDictionary[id] = {
+        child: /* @__PURE__ */ jsx(Card, {}),
+        title
       };
+      if (isCardADefaultConfiguration(mountPoint)) {
+        const layout = mountPoint.config?.layouts?.xl || {};
+        defaultConfig.push({
+          component: id,
+          x: layout.x ?? 0,
+          y: layout.y ?? 0,
+          width: layout.w ?? 12,
+          height: layout.h ?? 4,
+          movable: true,
+          deletable: true,
+          resizable: true
+        });
+      }
     });
-  }, [props.mountPoints]);
+    return {
+      children: Object.values(childDictionary).sort(
+        (a, b) => a.title && b.title ? a.title.localeCompare(b.title) : 0
+      ).map((e) => e.child),
+      config: defaultConfig
+    };
+  }, [mountPoints, t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       GlobalStyles,
@@ -107,9 +79,10 @@ const CustomizableGrid = (props) => {
     /* @__PURE__ */ jsx(
       CustomHomepageGrid,
       {
-        config: defaultConfig,
+        config,
         preventCollision: false,
         compactType: "vertical",
+        style: { margin: "-10px" },
         children
       }
     )

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

@@ -1 +1 @@
-{"version":3,"file":"CustomizableGrid.esm.js","sources":["../../src/components/CustomizableGrid.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { ComponentType } from 'react';\n\nimport { useMemo } from 'react';\nimport { Layout } from 'react-grid-layout';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { useTheme } from '@mui/material/styles';\n\nimport { ErrorBoundary } from '@backstage/core-components';\nimport { CustomHomepageGrid } from '@backstage/plugin-home';\n\nimport { makeStyles } from 'tss-react/mui';\n\n// Removes the doubled scrollbar\nimport 'react-grid-layout/css/styles.css';\n\nimport { HomePageCardMountPoint } from '../types';\n\ninterface Card {\n  id: string;\n  Component: ComponentType<any>;\n  props?: Record<string, any>;\n  layouts: Record<string, Layout>;\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 CustomizableGridProps {\n  mountPoints: HomePageCardMountPoint[];\n  breakpoints?: Record<string, number>;\n  cols?: Record<string, number>;\n}\n\n/**\n * @public\n */\nexport const CustomizableGrid = (props: CustomizableGridProps) => {\n  const { classes } = useStyles();\n  const theme = useTheme();\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: true,\n            isResizable: true,\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: true,\n            isResizable: true,\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 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  // Create default layout configuration for initial display AND restore defaults functionality\n  const defaultConfig = useMemo(() => {\n    if (!props.mountPoints || props.mountPoints.length === 0) {\n      return [];\n    }\n\n    return props.mountPoints.map((mountPoint, index) => {\n      const layout = mountPoint.config?.layouts?.xl || {};\n\n      return {\n        component: (\n          <mountPoint.Component {...(mountPoint.config?.props || {})} />\n        ),\n        x: layout.x ?? 0,\n        y: layout.y ?? index * 5,\n        width: layout.w ?? 12,\n        height: layout.h ?? 4,\n        movable: true,\n        resizable: true,\n        draggable: true,\n        deletable: true,\n      };\n    });\n  }, [props.mountPoints]);\n\n  return (\n    <>\n      <GlobalStyles\n        styles={{\n          '[class*=\"makeStyles-settingsOverlay\"]': {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? 'rgba(20, 20, 20, 0.95) !important'\n                : 'rgba(40, 40, 40, 0.93) !important',\n          },\n        }}\n      />\n      <CustomHomepageGrid\n        config={defaultConfig}\n        preventCollision={false}\n        compactType=\"vertical\"\n      >\n        {children}\n      </CustomHomepageGrid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CustomizableGrid.esm.js","sources":["../../src/components/CustomizableGrid.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { ReactElement } from 'react';\nimport { useMemo } from 'react';\n\nimport {\n  CustomHomepageGrid,\n  LayoutConfiguration,\n} from '@backstage/plugin-home';\nimport {\n  ComponentParts,\n  createCardExtension,\n} from '@backstage/plugin-home-react';\n\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { useTheme } from '@mui/material/styles';\n\n// Removes the doubled scrollbar\nimport 'react-grid-layout/css/styles.css';\n\nimport { HomePageCardMountPoint } from '../types';\nimport { dynamicHomePagePlugin } from '../plugin';\nimport { useTranslation } from '../hooks/useTranslation';\nimport {\n  isCardADefaultConfiguration,\n  getCardTitle,\n  getCardDescription,\n} from '../utils/customizable-cards';\n\n/**\n * @public\n */\nexport interface CustomizableGridProps {\n  mountPoints: HomePageCardMountPoint[];\n}\n\n/**\n * @public\n */\nexport const CustomizableGrid = ({ mountPoints }: CustomizableGridProps) => {\n  const theme = useTheme();\n  const { t } = useTranslation();\n\n  const { children, config } = useMemo(() => {\n    // Children contains the additional / available cards a user can add.\n    // Maps the card name to the actual card component.\n    // Contains also the title to allow sorting before rendering.\n    const childDictionary: Record<\n      string,\n      { child: ReactElement; title: string | undefined }\n    > = {};\n\n    // Config contains the default layout of the homepage\n    const defaultConfig: LayoutConfiguration[] = [];\n\n    mountPoints.forEach(mountPoint => {\n      if (!mountPoint.config?.id) {\n        return;\n      }\n      const id = mountPoint.config.id;\n      const title = getCardTitle(t, mountPoint);\n      const description = getCardDescription(t, mountPoint);\n\n      const automaticallyWrapInInfoCard = false;\n\n      const componentParts: ComponentParts = {\n        Content: props => (\n          <mountPoint.Component {...mountPoint.config!.props} {...props} />\n        ),\n        // Untested and unsupported for now!\n        Actions: mountPoint.Actions as () => JSX.Element,\n        // Untested and unsupported for now!\n        Settings: mountPoint.Settings as () => JSX.Element,\n        // This is a workaround to NOT automatically wrap in an InfoCard\n        ContextProvider: automaticallyWrapInInfoCard\n          ? undefined\n          : props => (\n              <mountPoint.Component {...mountPoint.config!.props} {...props} />\n            ),\n      };\n\n      const cardExtension = createCardExtension({\n        name: id,\n        title,\n        description,\n        layout: mountPoint.config.cardLayout,\n        settings: mountPoint.config.settings,\n        components: () => Promise.resolve(componentParts),\n      });\n\n      const Card = dynamicHomePagePlugin.provide(cardExtension);\n\n      childDictionary[id] = {\n        child: <Card />,\n        title,\n      };\n\n      if (isCardADefaultConfiguration(mountPoint)) {\n        const layout = mountPoint.config?.layouts?.xl || {};\n\n        defaultConfig.push({\n          component: id,\n          x: layout.x ?? 0,\n          y: layout.y ?? 0,\n          width: layout.w ?? 12,\n          height: layout.h ?? 4,\n          movable: true,\n          deletable: true,\n          resizable: true,\n        });\n      }\n    });\n\n    return {\n      children: Object.values(childDictionary)\n        .sort((a, b) =>\n          a.title && b.title ? a.title.localeCompare(b.title) : 0,\n        )\n        .map(e => e.child),\n      config: defaultConfig,\n    };\n  }, [mountPoints, t]);\n\n  return (\n    <>\n      <GlobalStyles\n        styles={{\n          '[class*=\"makeStyles-settingsOverlay\"]': {\n            backgroundColor:\n              theme.palette.mode === 'dark'\n                ? 'rgba(20, 20, 20, 0.95) !important'\n                : 'rgba(40, 40, 40, 0.93) !important',\n          },\n        }}\n      />\n      <CustomHomepageGrid\n        config={config}\n        preventCollision={false}\n        compactType=\"vertical\"\n        style={{ margin: '-10px' }}\n      >\n        {children}\n      </CustomHomepageGrid>\n    </>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/DynamicCustomizableHomePage.esm.js

@@ -1,10 +1,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards.esm.js';
-import { CustomizableHomePage } from './CustomizableHomePage.esm.js';
+import { HomePage } from './HomePage.esm.js';
 
 const DynamicCustomizableHomePage = (props) => {
-  const cards = useDynamicHomePageCards();
-  return /* @__PURE__ */ jsx(CustomizableHomePage, { ...props, cards });
+  const mountPoints = useDynamicHomePageCards();
+  return /* @__PURE__ */ jsx(HomePage, { ...props, mountPoints, customizable: true });
 };
 
 export { DynamicCustomizableHomePage };

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicCustomizableHomePage.esm.js","sources":["../../src/components/DynamicCustomizableHomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport type { ClockConfig } from '@backstage/plugin-home';\n\nimport { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards';\nimport { CustomizableHomePage } from './CustomizableHomePage';\nimport type { LocalClockProps } from './LocalClock';\n\n/**\n * This type is similar to Omit&lt;HomePageProps, 'cards'&gt;.\n * We redefine it here to avoid the need to export HomePageProps to the API export!\n * @public\n */\nexport interface DynamicCustomizableHomePageProps {\n  title?: string;\n  personalizedTitle?: string;\n  pageTitle?: string;\n  subtitle?: string;\n  localClock?: LocalClockProps;\n  worldClocks?: ClockConfig[];\n}\n\n/**\n * @public\n */\nexport const DynamicCustomizableHomePage = (\n  props: DynamicCustomizableHomePageProps,\n) => {\n  const cards = useDynamicHomePageCards();\n\n  return <CustomizableHomePage {...props} cards={cards} />;\n};\n"],"names":[],"mappings":";;;;AAuCa,MAAA,2BAAA,GAA8B,CACzC,KACG,KAAA;AACH,EAAA,MAAM,QAAQ,uBAAwB,EAAA;AAEtC,EAAA,uBAAQ,GAAA,CAAA,oBAAA,EAAA,EAAsB,GAAG,KAAA,EAAO,KAAc,EAAA,CAAA;AACxD;;;;"}
+{"version":3,"file":"DynamicCustomizableHomePage.esm.js","sources":["../../src/components/DynamicCustomizableHomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport type { ClockConfig } from '@backstage/plugin-home';\n\nimport { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards';\nimport { HomePage } from './HomePage';\nimport type { LocalClockProps } from './LocalClock';\n\n/**\n * This type is similar to Omit&lt;HomePageProps, 'cards'&gt;.\n * We redefine it here to avoid the need to export HomePageProps to the API export!\n * @public\n */\nexport interface DynamicCustomizableHomePageProps {\n  title?: string;\n  personalizedTitle?: string;\n  pageTitle?: string;\n  subtitle?: string;\n  localClock?: LocalClockProps;\n  worldClocks?: ClockConfig[];\n}\n\n/**\n * @public\n */\nexport const DynamicCustomizableHomePage = (\n  props: DynamicCustomizableHomePageProps,\n) => {\n  const mountPoints = useDynamicHomePageCards();\n\n  return <HomePage {...props} mountPoints={mountPoints} customizable />;\n};\n"],"names":[],"mappings":";;;;AAuCa,MAAA,2BAAA,GAA8B,CACzC,KACG,KAAA;AACH,EAAA,MAAM,cAAc,uBAAwB,EAAA;AAE5C,EAAA,2BAAQ,QAAU,EAAA,EAAA,GAAG,KAAO,EAAA,WAAA,EAA0B,cAAY,IAAC,EAAA,CAAA;AACrE;;;;"}

package/dist/components/DynamicHomePage.esm.js

@@ -3,8 +3,8 @@ import { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards.esm.js
 import { HomePage } from './HomePage.esm.js';
 
 const DynamicHomePage = (props) => {
-  const cards = useDynamicHomePageCards();
-  return /* @__PURE__ */ jsx(HomePage, { ...props, cards });
+  const mountPoints = useDynamicHomePageCards();
+  return /* @__PURE__ */ jsx(HomePage, { ...props, mountPoints, customizable: false });
 };
 
 export { DynamicHomePage };

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

@@ -1 +1 @@
-{"version":3,"file":"DynamicHomePage.esm.js","sources":["../../src/components/DynamicHomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport type { ClockConfig } from '@backstage/plugin-home';\n\nimport { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards';\nimport { HomePage } from './HomePage';\nimport type { LocalClockProps } from './LocalClock';\n\n/**\n * This type is similar to Omit&lt;HomePageProps, 'cards'&gt;.\n * We redefine it here to avoid the need to export HomePageProps to the API export!\n * @public\n */\nexport interface DynamicHomePageProps {\n  title?: string;\n  personalizedTitle?: string;\n  pageTitle?: string;\n  subtitle?: string;\n  localClock?: LocalClockProps;\n  worldClocks?: ClockConfig[];\n}\n\n/**\n * @public\n */\nexport const DynamicHomePage = (props: DynamicHomePageProps) => {\n  const cards = useDynamicHomePageCards();\n\n  return <HomePage {...props} cards={cards} />;\n};\n"],"names":[],"mappings":";;;;AAuCa,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAA,MAAM,QAAQ,uBAAwB,EAAA;AAEtC,EAAA,uBAAQ,GAAA,CAAA,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,KAAc,EAAA,CAAA;AAC5C;;;;"}
+{"version":3,"file":"DynamicHomePage.esm.js","sources":["../../src/components/DynamicHomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport type { ClockConfig } from '@backstage/plugin-home';\n\nimport { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards';\nimport { HomePage } from './HomePage';\nimport type { LocalClockProps } from './LocalClock';\n\n/**\n * This type is similar to Omit&lt;HomePageProps, 'cards'&gt;.\n * We redefine it here to avoid the need to export HomePageProps to the API export!\n * @public\n */\nexport interface DynamicHomePageProps {\n  title?: string;\n  personalizedTitle?: string;\n  pageTitle?: string;\n  subtitle?: string;\n  localClock?: LocalClockProps;\n  worldClocks?: ClockConfig[];\n}\n\n/**\n * @public\n */\nexport const DynamicHomePage = (props: DynamicHomePageProps) => {\n  const mountPoints = useDynamicHomePageCards();\n\n  return <HomePage {...props} mountPoints={mountPoints} customizable={false} />;\n};\n"],"names":[],"mappings":";;;;AAuCa,MAAA,eAAA,GAAkB,CAAC,KAAgC,KAAA;AAC9D,EAAA,MAAM,cAAc,uBAAwB,EAAA;AAE5C,EAAA,2BAAQ,QAAU,EAAA,EAAA,GAAG,KAAO,EAAA,WAAA,EAA0B,cAAc,KAAO,EAAA,CAAA;AAC7E;;;;"}

package/dist/components/HomePage.esm.js

@@ -1,27 +1,27 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { Page, Content, EmptyState } from '@backstage/core-components';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { EmptyState, Page, Content } from '@backstage/core-components';
 import { useTranslation } from '../hooks/useTranslation.esm.js';
 import { Header } from './Header.esm.js';
 import { ReadOnlyGrid } from './ReadOnlyGrid.esm.js';
+import { CustomizableGrid } from './CustomizableGrid.esm.js';
 
-const HomePage = (props) => {
+const HomePage = ({
+  mountPoints,
+  customizable,
+  ...otherProps
+}) => {
   const { t } = useTranslation();
-  const filteredAndSortedHomePageCards = useMemo(() => {
-    if (!props.cards) {
-      return [];
-    }
-    const filteredAndSorted = props.cards.filter(
-      (card) => card.enabled !== false && (!card.config?.priority || card.config.priority >= 0)
-    );
-    filteredAndSorted.sort(
-      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0)
-    );
-    return filteredAndSorted;
-  }, [props.cards]);
+  let content;
+  if (mountPoints.length === 0) {
+    content = /* @__PURE__ */ jsx(EmptyState, { title: t("homePage.empty"), missing: "content" });
+  } else if (customizable) {
+    content = /* @__PURE__ */ jsx(CustomizableGrid, { mountPoints });
+  } else {
+    content = /* @__PURE__ */ jsx(ReadOnlyGrid, { mountPoints });
+  }
   return /* @__PURE__ */ jsxs(Page, { themeId: "home", children: [
-    /* @__PURE__ */ jsx(Header, { title: t("header.welcome"), ...props }),
-    /* @__PURE__ */ jsx(Content, { children: filteredAndSortedHomePageCards.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { title: t("homePage.empty"), missing: "content" }) : /* @__PURE__ */ jsx(ReadOnlyGrid, { mountPoints: filteredAndSortedHomePageCards }) })
+    /* @__PURE__ */ jsx(Header, { title: t("header.welcome"), ...otherProps }),
+    /* @__PURE__ */ jsx(Content, { children: content })
   ] });
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"HomePage.esm.js","sources":["../../src/components/HomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport { useMemo } from 'react';\n\nimport { Content, EmptyState, Page } from '@backstage/core-components';\n\nimport { HomePageCardMountPoint } from '../types';\nimport { useTranslation } from '../hooks/useTranslation';\n\nimport { Header, HeaderProps } from './Header';\nimport { ReadOnlyGrid } from './ReadOnlyGrid';\n\nexport interface HomePageProps extends HeaderProps {\n  cards?: HomePageCardMountPoint[];\n}\n\nexport const HomePage = (props: HomePageProps) => {\n  const { t } = useTranslation();\n  const filteredAndSortedHomePageCards = useMemo(() => {\n    if (!props.cards) {\n      return [];\n    }\n\n    const filteredAndSorted = props.cards.filter(\n      card =>\n        card.enabled !== false &&\n        (!card.config?.priority || card.config.priority >= 0),\n    );\n\n    filteredAndSorted.sort(\n      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0),\n    );\n\n    return filteredAndSorted;\n  }, [props.cards]);\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={t('header.welcome')} {...props} />\n      <Content>\n        {filteredAndSortedHomePageCards.length === 0 ? (\n          <EmptyState title={t('homePage.empty')} missing=\"content\" />\n        ) : (\n          <ReadOnlyGrid mountPoints={filteredAndSortedHomePageCards} />\n        )}\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA8Ba,MAAA,QAAA,GAAW,CAAC,KAAyB,KAAA;AAChD,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,8BAAA,GAAiC,QAAQ,MAAM;AACnD,IAAI,IAAA,CAAC,MAAM,KAAO,EAAA;AAChB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAM,CAAA,MAAA;AAAA,MACpC,CAAA,IAAA,KACE,IAAK,CAAA,OAAA,KAAY,KAChB,KAAA,CAAC,KAAK,MAAQ,EAAA,QAAA,IAAY,IAAK,CAAA,MAAA,CAAO,QAAY,IAAA,CAAA;AAAA,KACvD;AAEA,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,GACN,EAAA,CAAC,KAAM,CAAA,KAAK,CAAC,CAAA;AAEhB,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAO,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAI,GAAG,KAAO,EAAA,CAAA;AAAA,wBAC9C,OACE,EAAA,EAAA,QAAA,EAAA,8BAAA,CAA+B,WAAW,CACzC,mBAAA,GAAA,CAAC,cAAW,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAG,SAAQ,SAAU,EAAA,CAAA,uBAEzD,YAAa,EAAA,EAAA,WAAA,EAAa,gCAAgC,CAE/D,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"HomePage.esm.js","sources":["../../src/components/HomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport { Content, EmptyState, Page } from '@backstage/core-components';\n\nimport { useTranslation } from '../hooks/useTranslation';\nimport { HomePageCardMountPoint } from '../types';\nimport { Header, HeaderProps } from './Header';\nimport { ReadOnlyGrid } from './ReadOnlyGrid';\nimport { CustomizableGrid } from './CustomizableGrid';\n\nexport interface HomePageProps extends HeaderProps {\n  mountPoints: HomePageCardMountPoint[];\n  customizable: boolean;\n}\n\nexport const HomePage = ({\n  mountPoints,\n  customizable,\n  ...otherProps\n}: HomePageProps) => {\n  const { t } = useTranslation();\n\n  let content: React.ReactNode;\n  if (mountPoints.length === 0) {\n    content = <EmptyState title={t('homePage.empty')} missing=\"content\" />;\n  } else if (customizable) {\n    content = <CustomizableGrid mountPoints={mountPoints} />;\n  } else {\n    content = <ReadOnlyGrid mountPoints={mountPoints} />;\n  }\n\n  return (\n    <Page themeId=\"home\">\n      <Header title={t('header.welcome')} {...otherProps} />\n      <Content>{content}</Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA6BO,MAAM,WAAW,CAAC;AAAA,EACvB,WAAA;AAAA,EACA,YAAA;AAAA,EACA,GAAG;AACL,CAAqB,KAAA;AACnB,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAE7B,EAAI,IAAA,OAAA;AACJ,EAAI,IAAA,WAAA,CAAY,WAAW,CAAG,EAAA;AAC5B,IAAA,OAAA,uBAAW,UAAW,EAAA,EAAA,KAAA,EAAO,EAAE,gBAAgB,CAAA,EAAG,SAAQ,SAAU,EAAA,CAAA;AAAA,aAC3D,YAAc,EAAA;AACvB,IAAU,OAAA,mBAAA,GAAA,CAAC,oBAAiB,WAA0B,EAAA,CAAA;AAAA,GACjD,MAAA;AACL,IAAU,OAAA,mBAAA,GAAA,CAAC,gBAAa,WAA0B,EAAA,CAAA;AAAA;AAGpD,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAO,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAI,GAAG,UAAY,EAAA,CAAA;AAAA,oBACpD,GAAA,CAAC,WAAS,QAAQ,EAAA,OAAA,EAAA;AAAA,GACpB,EAAA,CAAA;AAEJ;;;;"}

package/dist/components/ReadOnlyGrid.esm.js

@@ -5,6 +5,7 @@ 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';
+import { isCardADefaultConfiguration } from '../utils/customizable-cards.esm.js';
 
 const gridGap = 16;
 const defaultProps = {
@@ -46,16 +47,16 @@ const useStyles = makeStyles()({
     }
   }
 });
-const ReadOnlyGrid = (props) => {
+const ReadOnlyGrid = ({ mountPoints }) => {
   const { classes } = useStyles();
   const [measureRef, measureRect] = useMeasure();
   const cards = useMemo(() => {
-    return props.mountPoints.map((mountPoint, index) => {
+    return mountPoints.filter(isCardADefaultConfiguration).map((cardMountPoint, index) => {
       const id = (index + 1).toString();
       const layouts2 = {};
-      if (mountPoint.config?.layouts) {
+      if (cardMountPoint.config?.layouts) {
         for (const [breakpoint, layout] of Object.entries(
-          mountPoint.config.layouts
+          cardMountPoint.config.layouts
         )) {
           layouts2[breakpoint] = {
             i: id,
@@ -82,12 +83,12 @@ const ReadOnlyGrid = (props) => {
       }
       return {
         id,
-        Component: mountPoint.Component,
-        props: mountPoint.config?.props,
+        Component: cardMountPoint.Component,
+        props: cardMountPoint.config?.props,
         layouts: layouts2
       };
     });
-  }, [props.mountPoints]);
+  }, [mountPoints]);
   const layouts = useMemo(() => {
     const result = {};
     for (const card of cards) {

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

@@ -1 +1 @@
-{"version":3,"file":"ReadOnlyGrid.esm.js","sources":["../../src/components/ReadOnlyGrid.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { ComponentType } from 'react';\n\nimport { 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: 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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"}
+{"version":3,"file":"ReadOnlyGrid.esm.js","sources":["../../src/components/ReadOnlyGrid.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 type { ComponentType } from 'react';\n\nimport { 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';\nimport { isCardADefaultConfiguration } from '../utils/customizable-cards';\n\ninterface Card {\n  id: string;\n  Component: 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}\n\n/**\n * @public\n */\nexport const ReadOnlyGrid = ({ mountPoints }: ReadOnlyGridProps) => {\n  const { classes } = useStyles();\n  const [measureRef, measureRect] = useMeasure<HTMLDivElement>();\n\n  const cards = useMemo<Card[]>(() => {\n    return mountPoints\n      .filter(isCardADefaultConfiguration)\n      .map<Card>((cardMountPoint, index) => {\n        const id = (index + 1).toString();\n        const layouts: Record<string, Layout> = {};\n\n        if (cardMountPoint.config?.layouts) {\n          for (const [breakpoint, layout] of Object.entries(\n            cardMountPoint.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: cardMountPoint.Component,\n          props: cardMountPoint.config?.props,\n          layouts,\n        };\n      });\n  }, [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/VisitListener.esm.js

@@ -6,7 +6,7 @@ import { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards.esm.js
 const VisitListener = () => {
   const cards = useDynamicHomePageCards();
   const shouldLoadVisitListener = useMemo(() => {
-    if (!cards) {
+    if (cards.length === 0) {
       return false;
     }
     const requiresVisitListener = [
@@ -14,7 +14,7 @@ const VisitListener = () => {
       "Extension(TopVisitedCard)"
     ];
     return cards.some(
-      (card) => requiresVisitListener.includes(card.Component.displayName)
+      (card) => card.Component?.displayName && requiresVisitListener.includes(card.Component.displayName)
     );
   }, [cards]);
   return shouldLoadVisitListener ? /* @__PURE__ */ jsx(VisitListener$1, {}) : null;

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

@@ -1 +1 @@
-{"version":3,"file":"VisitListener.esm.js","sources":["../../src/components/VisitListener.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport { useMemo } from 'react';\n\nimport { VisitListener as VisitListenerComponent } from '@backstage/plugin-home';\nimport { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards';\n\nexport const VisitListener = () => {\n  const cards = useDynamicHomePageCards();\n\n  const shouldLoadVisitListener = useMemo<boolean>(() => {\n    if (!cards) {\n      return false;\n    }\n\n    const requiresVisitListener = [\n      'Extension(RecentlyVisitedCard)',\n      'Extension(TopVisitedCard)',\n    ];\n\n    return cards.some(card =>\n      requiresVisitListener.includes(card.Component.displayName!),\n    );\n  }, [cards]);\n\n  return shouldLoadVisitListener ? <VisitListenerComponent /> : null;\n};\n"],"names":["VisitListenerComponent"],"mappings":";;;;;AAqBO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,QAAQ,uBAAwB,EAAA;AAEtC,EAAM,MAAA,uBAAA,GAA0B,QAAiB,MAAM;AACrD,IAAA,IAAI,CAAC,KAAO,EAAA;AACV,MAAO,OAAA,KAAA;AAAA;AAGT,IAAA,MAAM,qBAAwB,GAAA;AAAA,MAC5B,gCAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,OAAO,KAAM,CAAA,IAAA;AAAA,MAAK,CAChB,IAAA,KAAA,qBAAA,CAAsB,QAAS,CAAA,IAAA,CAAK,UAAU,WAAY;AAAA,KAC5D;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAO,OAAA,uBAAA,mBAA2B,GAAA,CAAAA,eAAA,EAAA,EAAuB,CAAK,GAAA,IAAA;AAChE;;;;"}
+{"version":3,"file":"VisitListener.esm.js","sources":["../../src/components/VisitListener.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport { useMemo } from 'react';\n\nimport { VisitListener as VisitListenerComponent } from '@backstage/plugin-home';\nimport { useDynamicHomePageCards } from '../hooks/useDynamicHomePageCards';\n\nexport const VisitListener = () => {\n  const cards = useDynamicHomePageCards();\n\n  const shouldLoadVisitListener = useMemo<boolean>(() => {\n    if (cards.length === 0) {\n      return false;\n    }\n\n    const requiresVisitListener = [\n      'Extension(RecentlyVisitedCard)',\n      'Extension(TopVisitedCard)',\n    ];\n\n    return cards.some(\n      card =>\n        card.Component?.displayName &&\n        requiresVisitListener.includes(card.Component.displayName),\n    );\n  }, [cards]);\n\n  return shouldLoadVisitListener ? <VisitListenerComponent /> : null;\n};\n"],"names":["VisitListenerComponent"],"mappings":";;;;;AAqBO,MAAM,gBAAgB,MAAM;AACjC,EAAA,MAAM,QAAQ,uBAAwB,EAAA;AAEtC,EAAM,MAAA,uBAAA,GAA0B,QAAiB,MAAM;AACrD,IAAI,IAAA,KAAA,CAAM,WAAW,CAAG,EAAA;AACtB,MAAO,OAAA,KAAA;AAAA;AAGT,IAAA,MAAM,qBAAwB,GAAA;AAAA,MAC5B,gCAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,OAAO,KAAM,CAAA,IAAA;AAAA,MACX,CAAA,IAAA,KACE,KAAK,SAAW,EAAA,WAAA,IAChB,sBAAsB,QAAS,CAAA,IAAA,CAAK,UAAU,WAAW;AAAA,KAC7D;AAAA,GACF,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAO,OAAA,uBAAA,mBAA2B,GAAA,CAAAA,eAAA,EAAA,EAAuB,CAAK,GAAA,IAAA;AAChE;;;;"}

package/dist/hooks/useDynamicHomePageCards.esm.js

@@ -1,9 +1,21 @@
+import { useMemo } from 'react';
 import { useScalprum } from '@scalprum/react-core';
 
 const useDynamicHomePageCards = () => {
   const scalprum = useScalprum();
   const cards = scalprum?.api?.dynamicRootConfig?.mountPoints?.["home.page/cards"];
-  return cards;
+  return useMemo(() => {
+    if (!cards || !Array.isArray(cards)) {
+      return [];
+    }
+    const filteredAndSorted = cards.filter(
+      (card) => card.Component && card.enabled !== false && (!card.config?.priority || card.config.priority >= 0)
+    );
+    filteredAndSorted.sort(
+      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0)
+    );
+    return filteredAndSorted;
+  }, [cards]);
 };
 
 export { useDynamicHomePageCards };

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

@@ -1 +1 @@
-{"version":3,"file":"useDynamicHomePageCards.esm.js","sources":["../../src/hooks/useDynamicHomePageCards.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\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 useDynamicHomePageCards = ():\n  | HomePageCardMountPoint[]\n  | undefined => {\n  const scalprum = useScalprum<ScalprumState>();\n\n  const cards =\n    scalprum?.api?.dynamicRootConfig?.mountPoints?.['home.page/cards'];\n\n  return cards;\n};\n"],"names":[],"mappings":";;AA8BO,MAAM,0BAA0B,MAEtB;AACf,EAAA,MAAM,WAAW,WAA2B,EAAA;AAE5C,EAAA,MAAM,KACJ,GAAA,QAAA,EAAU,GAAK,EAAA,iBAAA,EAAmB,cAAc,iBAAiB,CAAA;AAEnE,EAAO,OAAA,KAAA;AACT;;;;"}
+{"version":3,"file":"useDynamicHomePageCards.esm.js","sources":["../../src/hooks/useDynamicHomePageCards.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport { useMemo } from 'react';\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 useDynamicHomePageCards = (): HomePageCardMountPoint[] => {\n  const scalprum = useScalprum<ScalprumState>();\n\n  const cards =\n    scalprum?.api?.dynamicRootConfig?.mountPoints?.['home.page/cards'];\n\n  return useMemo(() => {\n    if (!cards || !Array.isArray(cards)) {\n      return [];\n    }\n\n    const filteredAndSorted = cards.filter(\n      card =>\n        card.Component &&\n        card.enabled !== false &&\n        (!card.config?.priority || card.config.priority >= 0),\n    );\n\n    filteredAndSorted.sort(\n      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0),\n    );\n\n    return filteredAndSorted;\n  }, [cards]);\n};\n"],"names":[],"mappings":";;;AA+BO,MAAM,0BAA0B,MAAgC;AACrE,EAAA,MAAM,WAAW,WAA2B,EAAA;AAE5C,EAAA,MAAM,KACJ,GAAA,QAAA,EAAU,GAAK,EAAA,iBAAA,EAAmB,cAAc,iBAAiB,CAAA;AAEnE,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,IAAI,CAAC,KAAS,IAAA,CAAC,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAG,EAAA;AACnC,MAAA,OAAO,EAAC;AAAA;AAGV,IAAA,MAAM,oBAAoB,KAAM,CAAA,MAAA;AAAA,MAC9B,CACE,IAAA,KAAA,IAAA,CAAK,SACL,IAAA,IAAA,CAAK,OAAY,KAAA,KAAA,KAChB,CAAC,IAAA,CAAK,MAAQ,EAAA,QAAA,IAAY,IAAK,CAAA,MAAA,CAAO,QAAY,IAAA,CAAA;AAAA,KACvD;AAEA,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,KAAK,CAAC,CAAA;AACZ;;;;"}

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { ComponentType } from 'react';
 import * as _backstage_core_plugin_api_alpha from '@backstage/core-plugin-api/alpha';
+import { CardLayout, CardSettings } from '@backstage/plugin-home-react';
 
 /**
  * @public
@@ -122,7 +123,26 @@ interface Layout {
  * @public
  */
 interface HomePageCardMountPointConfig {
+    /**
+     * This is the internal id that solves duplication issues when using
+     * cthe same omponent with different configurations.
+     * This is used as reference identifier when calling
+     * `createCardExtension` (as name) to convert dynamic mount points
+     * to home page cards for the `CustomHomepageGrid`.
+     *
+     * **NOTE:** This field is required when enabling user customization!
+     */
+    id?: string;
+    title?: string;
+    titleKey?: string;
+    description?: string;
+    descriptionKey?: string;
+    cardLayout?: CardLayout;
+    settings?: CardSettings;
     priority?: number;
+    /**
+     * Setting a layout configuration enables this card by default.
+     */
     layouts?: Record<Breakpoint, Layout>;
 }
 /**
@@ -130,6 +150,8 @@ interface HomePageCardMountPointConfig {
  */
 interface HomePageCardMountPoint {
     Component: ComponentType;
+    Actions?: ComponentType;
+    Settings?: ComponentType;
     config?: HomePageCardMountPointConfig & {
         props?: Record<string, any>;
     };
@@ -275,121 +297,4 @@ declare const homepageTranslationRef: _backstage_core_plugin_api_alpha.Translati
  */
 declare const homepageTranslations: _backstage_core_plugin_api_alpha.TranslationResource<"plugin.homepage">;
 
-/**
- * Default layout configurations for homepage cards
- * @public
- */
-declare const defaultLayouts: {
-    onboarding: {
-        xl: {
-            w: number;
-            h: number;
-        };
-        lg: {
-            w: number;
-            h: number;
-        };
-        md: {
-            w: number;
-            h: number;
-        };
-        sm: {
-            w: number;
-            h: number;
-        };
-        xs: {
-            w: number;
-            h: number;
-        };
-        xxs: {
-            w: number;
-            h: number;
-        };
-    };
-    entity: {
-        xl: {
-            w: number;
-            h: number;
-        };
-        lg: {
-            w: number;
-            h: number;
-        };
-        md: {
-            w: number;
-            h: number;
-        };
-        sm: {
-            w: number;
-            h: number;
-        };
-        xs: {
-            w: number;
-            h: number;
-        };
-        xxs: {
-            w: number;
-            h: number;
-        };
-    };
-    template: {
-        xl: {
-            w: number;
-            h: number;
-        };
-        lg: {
-            w: number;
-            h: number;
-        };
-        md: {
-            w: number;
-            h: number;
-        };
-        sm: {
-            w: number;
-            h: number;
-        };
-        xs: {
-            w: number;
-            h: number;
-        };
-        xxs: {
-            w: number;
-            h: number;
-        };
-    };
-    quickAccessCard: {
-        xl: {
-            w: number;
-            h: number;
-            x: number;
-        };
-        lg: {
-            w: number;
-            h: number;
-            x: number;
-        };
-        md: {
-            w: number;
-            h: number;
-            x: number;
-        };
-        sm: {
-            w: number;
-            h: number;
-            x: number;
-        };
-        xs: {
-            w: number;
-            h: number;
-            x: number;
-        };
-        xxs: {
-            w: number;
-            h: number;
-            x: number;
-        };
-    };
-};
-
-export { Breakpoint, CatalogStarredEntitiesCard, DynamicCustomizableHomePage, type DynamicCustomizableHomePageProps, DynamicHomePage, type DynamicHomePageProps, EntitySection, FeaturedDocsCard, Headline, type HeadlineProps, type HomePageCardMountPoint, type HomePageCardMountPointConfig, JokeCard, type Layout, type LocalClockProps, Markdown, MarkdownCard, type MarkdownCardProps, type MarkdownProps, OnboardingSection, Placeholder, type PlaceholderProps, QuickAccessCard, type QuickAccessCardProps, RecentlyVisitedCard, SearchBar, type SearchBarProps, TemplateSection, TopVisitedCard, VisitListener, WorldClock, type WorldClockProps, defaultLayouts, dynamicHomePagePlugin, homepageTranslationRef, homepageTranslations };
+export { Breakpoint, CatalogStarredEntitiesCard, DynamicCustomizableHomePage, type DynamicCustomizableHomePageProps, DynamicHomePage, type DynamicHomePageProps, EntitySection, FeaturedDocsCard, Headline, type HeadlineProps, type HomePageCardMountPoint, type HomePageCardMountPointConfig, JokeCard, type Layout, type LocalClockProps, Markdown, MarkdownCard, type MarkdownCardProps, type MarkdownProps, OnboardingSection, Placeholder, type PlaceholderProps, QuickAccessCard, type QuickAccessCardProps, RecentlyVisitedCard, SearchBar, type SearchBarProps, TemplateSection, TopVisitedCard, VisitListener, WorldClock, type WorldClockProps, dynamicHomePagePlugin, homepageTranslationRef, homepageTranslations };

package/dist/index.esm.js

@@ -1,5 +1,4 @@
 export { CatalogStarredEntitiesCard, DynamicCustomizableHomePage, DynamicHomePage, EntitySection, FeaturedDocsCard, Headline, JokeCard, Markdown, MarkdownCard, OnboardingSection, Placeholder, QuickAccessCard, RecentlyVisitedCard, SearchBar, TemplateSection, TopVisitedCard, VisitListener, WorldClock, dynamicHomePagePlugin } from './plugin.esm.js';
 export { homepageTranslations } from './translations/index.esm.js';
-export { defaultLayouts } from './defaults.esm.js';
 export { homepageTranslationRef } from './translations/ref.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

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

package/dist/plugin.esm.js

@@ -86,7 +86,7 @@ const MarkdownCard = dynamicHomePagePlugin.provide(
 );
 const Placeholder = dynamicHomePagePlugin.provide(
   createComponentExtension({
-    name: "MarkdownCard",
+    name: "Placeholder",
     component: {
       lazy: () => import('./components/Placeholder.esm.js').then((m) => m.Placeholder)
     }

package/dist/plugin.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport type { ComponentType } from 'react';\n\nimport {\n  configApiRef,\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  identityApiRef,\n  storageApiRef,\n} from '@backstage/core-plugin-api';\n\nimport {\n  type StarredEntitiesProps,\n  type VisitedByTypeProps,\n  type FeaturedDocsCardProps,\n  visitsApiRef,\n  VisitsStorageApi,\n} from '@backstage/plugin-home';\n\nimport { rootRouteRef } from './routes';\nimport { QuickAccessApiClient, quickAccessApiRef } from './api';\n\nimport type { DynamicHomePageProps } from './components/DynamicHomePage';\nimport type { DynamicCustomizableHomePageProps } from './components/DynamicCustomizableHomePage';\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 { DynamicCustomizableHomePageProps } from './components/DynamicCustomizableHomePage';\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';\nexport type { LocalClockProps } from './components/LocalClock';\nexport type { WorldClockProps } from './components/WorldClock';\nexport type {\n  HomePageCardMountPoint,\n  HomePageCardMountPointConfig,\n  Breakpoint,\n  Layout,\n} from './types';\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    createApiFactory({\n      api: visitsApiRef,\n      deps: {\n        storageApi: storageApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ storageApi, identityApi }) =>\n        VisitsStorageApi.create({ storageApi, identityApi }),\n    }),\n  ],\n});\n\n/**\n * Dynamic Home Page\n * @public\n */\nexport const DynamicHomePage: 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 * Customizable Dynamic Home Page\n * @public\n */\nexport const DynamicCustomizableHomePage: ComponentType<DynamicCustomizableHomePageProps> =\n  dynamicHomePagePlugin.provide(\n    createRoutableExtension({\n      name: 'DynamicCustomizableHomePage',\n      component: () =>\n        import('./components/DynamicCustomizableHomePage').then(\n          m => m.DynamicCustomizableHomePage,\n        ),\n      mountPoint: rootRouteRef,\n    }),\n  );\n\n/**\n * @public\n */\nexport const SearchBar: 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: 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: 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: 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: 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: 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: 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: 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: 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: ComponentType<FeaturedDocsCardProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'FeaturedDocsCard',\n      component: {\n        lazy: () =>\n          import('./components/FeaturedDocsCard').then(m => m.FeaturedDocsCard),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const JokeCard: 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\n/**\n * @public\n */\nexport const VisitListener = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'VisitListener',\n    component: {\n      lazy: () =>\n        import('./components/VisitListener').then(m => m.VisitListener),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const WorldClock = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'WorldClock',\n    component: {\n      lazy: () => import('./components/WorldClock').then(m => m.WorldClock),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const OnboardingSection = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'OnboardingSection',\n    component: {\n      lazy: () =>\n        import('./components/OnboardingSection').then(m => m.OnboardingSection),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntitySection = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'EntitySection',\n    component: {\n      lazy: () =>\n        import('./components/EntitySection').then(m => m.EntitySection),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const TemplateSection = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'TemplateSection',\n    component: {\n      lazy: () =>\n        import('./components/TemplateSection').then(m => m.TemplateSection),\n    },\n  }),\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport type { ComponentType } from 'react';\n\nimport {\n  configApiRef,\n  createApiFactory,\n  createComponentExtension,\n  createPlugin,\n  createRoutableExtension,\n  discoveryApiRef,\n  identityApiRef,\n  storageApiRef,\n} from '@backstage/core-plugin-api';\n\nimport {\n  type StarredEntitiesProps,\n  type VisitedByTypeProps,\n  type FeaturedDocsCardProps,\n  visitsApiRef,\n  VisitsStorageApi,\n} from '@backstage/plugin-home';\n\nimport { rootRouteRef } from './routes';\nimport { QuickAccessApiClient, quickAccessApiRef } from './api';\n\nimport type { DynamicHomePageProps } from './components/DynamicHomePage';\nimport type { DynamicCustomizableHomePageProps } from './components/DynamicCustomizableHomePage';\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 { DynamicCustomizableHomePageProps } from './components/DynamicCustomizableHomePage';\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';\nexport type { LocalClockProps } from './components/LocalClock';\nexport type { WorldClockProps } from './components/WorldClock';\nexport type {\n  HomePageCardMountPoint,\n  HomePageCardMountPointConfig,\n  Breakpoint,\n  Layout,\n} from './types';\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    createApiFactory({\n      api: visitsApiRef,\n      deps: {\n        storageApi: storageApiRef,\n        identityApi: identityApiRef,\n      },\n      factory: ({ storageApi, identityApi }) =>\n        VisitsStorageApi.create({ storageApi, identityApi }),\n    }),\n  ],\n});\n\n/**\n * Dynamic Home Page\n * @public\n */\nexport const DynamicHomePage: 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 * Customizable Dynamic Home Page\n * @public\n */\nexport const DynamicCustomizableHomePage: ComponentType<DynamicCustomizableHomePageProps> =\n  dynamicHomePagePlugin.provide(\n    createRoutableExtension({\n      name: 'DynamicCustomizableHomePage',\n      component: () =>\n        import('./components/DynamicCustomizableHomePage').then(\n          m => m.DynamicCustomizableHomePage,\n        ),\n      mountPoint: rootRouteRef,\n    }),\n  );\n\n/**\n * @public\n */\nexport const SearchBar: 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: 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: 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: 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: 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: ComponentType<PlaceholderProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'Placeholder',\n      component: {\n        lazy: () => import('./components/Placeholder').then(m => m.Placeholder),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const CatalogStarredEntitiesCard: 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: 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: 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: ComponentType<FeaturedDocsCardProps> =\n  dynamicHomePagePlugin.provide(\n    createComponentExtension({\n      name: 'FeaturedDocsCard',\n      component: {\n        lazy: () =>\n          import('./components/FeaturedDocsCard').then(m => m.FeaturedDocsCard),\n      },\n    }),\n  );\n\n/**\n * @public\n */\nexport const JokeCard: 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\n/**\n * @public\n */\nexport const VisitListener = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'VisitListener',\n    component: {\n      lazy: () =>\n        import('./components/VisitListener').then(m => m.VisitListener),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const WorldClock = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'WorldClock',\n    component: {\n      lazy: () => import('./components/WorldClock').then(m => m.WorldClock),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const OnboardingSection = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'OnboardingSection',\n    component: {\n      lazy: () =>\n        import('./components/OnboardingSection').then(m => m.OnboardingSection),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const EntitySection = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'EntitySection',\n    component: {\n      lazy: () =>\n        import('./components/EntitySection').then(m => m.EntitySection),\n    },\n  }),\n);\n\n/**\n * @public\n */\nexport const TemplateSection = dynamicHomePagePlugin.provide(\n  createComponentExtension({\n    name: 'TemplateSection',\n    component: {\n      lazy: () =>\n        import('./components/TemplateSection').then(m => m.TemplateSection),\n    },\n  }),\n);\n"],"names":[],"mappings":"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"}

package/dist/translations/utils.esm.js

@@ -0,0 +1,10 @@
+const getTranslatedTextWithFallback = (t, translationKey, fallbackText) => {
+  if (!translationKey) {
+    return fallbackText;
+  }
+  const translation = t(translationKey, {});
+  return translation !== translationKey ? translation : fallbackText;
+};
+
+export { getTranslatedTextWithFallback };
+//# sourceMappingURL=utils.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.esm.js","sources":["../../src/translations/utils.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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 { TranslationFunction } from '@backstage/core-plugin-api/alpha';\n\nimport { homepageTranslationRef } from './ref';\n\n/**\n * Utility function to get translated text with fallback to original text\n *\n * @param t - Translation function\n * @param translationKey - Optional translation key to look up\n * @param fallbackText - Text to display if translation key is not provided or translation is not found\n * @returns Translated text or fallback text\n */\nexport const getTranslatedTextWithFallback = (\n  t: TranslationFunction<typeof homepageTranslationRef.T>,\n  translationKey: string | undefined,\n  fallbackText: string | undefined,\n): string | undefined => {\n  if (!translationKey) {\n    return fallbackText;\n  }\n\n  const translation = t(translationKey as keyof typeof t, {});\n  return translation !== translationKey ? translation : fallbackText;\n};\n"],"names":[],"mappings":"AA2BO,MAAM,6BAAgC,GAAA,CAC3C,CACA,EAAA,cAAA,EACA,YACuB,KAAA;AACvB,EAAA,IAAI,CAAC,cAAgB,EAAA;AACnB,IAAO,OAAA,YAAA;AAAA;AAGT,EAAA,MAAM,WAAc,GAAA,CAAA,CAAE,cAAkC,EAAA,EAAE,CAAA;AAC1D,EAAO,OAAA,WAAA,KAAgB,iBAAiB,WAAc,GAAA,YAAA;AACxD;;;;"}

package/dist/utils/customizable-cards.esm.js

@@ -0,0 +1,31 @@
+import { getTranslatedTextWithFallback } from '../translations/utils.esm.js';
+
+function isCardADefaultConfiguration(cardMountPoint) {
+  return !!cardMountPoint.config?.layouts || !cardMountPoint.config?.id;
+}
+function getComponentDisplayName(cardMountPoint) {
+  const displayName = cardMountPoint.Component.displayName;
+  if (displayName?.includes("Extension(")) {
+    return displayName.replace("Extension(", "").replace(")", "");
+  }
+  return displayName;
+}
+function getCardTitle(t, cardMountPoint) {
+  return getTranslatedTextWithFallback(
+    t,
+    cardMountPoint.config?.titleKey,
+    cardMountPoint.config?.title
+  ) ?? getComponentDisplayName(cardMountPoint);
+}
+function getCardDescription(t, cardMountPoint) {
+  const title = getCardTitle(t, cardMountPoint);
+  const description = getTranslatedTextWithFallback(
+    t,
+    cardMountPoint.config?.descriptionKey,
+    cardMountPoint.config?.description
+  ) ?? cardMountPoint.config?.props?.title ?? cardMountPoint.config?.props?.debugContent;
+  return title === description ? undefined : description;
+}
+
+export { getCardDescription, getCardTitle, isCardADefaultConfiguration };
+//# sourceMappingURL=customizable-cards.esm.js.map

package/dist/utils/customizable-cards.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customizable-cards.esm.js","sources":["../../src/utils/customizable-cards.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport { TranslationFunction } from '@backstage/core-plugin-api/alpha';\n\nimport { HomePageCardMountPoint } from '../types';\nimport { homepageTranslationRef } from '../translations';\nimport { getTranslatedTextWithFallback } from '../translations/utils';\n\n/**\n * Util function that decides if a `home.page/card` mount point will be rendered\n * as 'default card' or just as 'available card'.\n *\n * This is needed when customization is enabled and if customers might adopt\n * the customization in yaml feature previously.\n *\n * 1. Card mount points with a `config.layout` should be shown by default.\n * 2. Card mount points without a `config.id` should be shown by default\n *    as well for backward compatibilty!\n */\nexport function isCardADefaultConfiguration(\n  cardMountPoint: HomePageCardMountPoint,\n): boolean {\n  return !!cardMountPoint.config?.layouts || !cardMountPoint.config?.id;\n}\n\nfunction getComponentDisplayName(\n  cardMountPoint: HomePageCardMountPoint,\n): string | undefined {\n  const displayName = cardMountPoint.Component.displayName;\n  if (displayName?.includes('Extension(')) {\n    return displayName.replace('Extension(', '').replace(')', '');\n  }\n  return displayName;\n}\n\nexport function getCardTitle(\n  t: TranslationFunction<typeof homepageTranslationRef.T>,\n  cardMountPoint: HomePageCardMountPoint,\n): string | undefined {\n  return (\n    getTranslatedTextWithFallback(\n      t,\n      cardMountPoint.config?.titleKey,\n      cardMountPoint.config?.title,\n    ) ?? getComponentDisplayName(cardMountPoint)\n  );\n}\n\nexport function getCardDescription(\n  t: TranslationFunction<typeof homepageTranslationRef.T>,\n  cardMountPoint: HomePageCardMountPoint,\n): string | undefined {\n  const title = getCardTitle(t, cardMountPoint);\n  const description =\n    getTranslatedTextWithFallback(\n      t,\n      cardMountPoint.config?.descriptionKey,\n      cardMountPoint.config?.description,\n    ) ??\n    cardMountPoint.config?.props?.title ??\n    cardMountPoint.config?.props?.debugContent;\n  return title === description ? undefined : description;\n}\n"],"names":[],"mappings":";;AAiCO,SAAS,4BACd,cACS,EAAA;AACT,EAAA,OAAO,CAAC,CAAC,cAAA,CAAe,QAAQ,OAAW,IAAA,CAAC,eAAe,MAAQ,EAAA,EAAA;AACrE;AAEA,SAAS,wBACP,cACoB,EAAA;AACpB,EAAM,MAAA,WAAA,GAAc,eAAe,SAAU,CAAA,WAAA;AAC7C,EAAI,IAAA,WAAA,EAAa,QAAS,CAAA,YAAY,CAAG,EAAA;AACvC,IAAA,OAAO,YAAY,OAAQ,CAAA,YAAA,EAAc,EAAE,CAAE,CAAA,OAAA,CAAQ,KAAK,EAAE,CAAA;AAAA;AAE9D,EAAO,OAAA,WAAA;AACT;AAEgB,SAAA,YAAA,CACd,GACA,cACoB,EAAA;AACpB,EACE,OAAA,6BAAA;AAAA,IACE,CAAA;AAAA,IACA,eAAe,MAAQ,EAAA,QAAA;AAAA,IACvB,eAAe,MAAQ,EAAA;AAAA,GACzB,IAAK,wBAAwB,cAAc,CAAA;AAE/C;AAEgB,SAAA,kBAAA,CACd,GACA,cACoB,EAAA;AACpB,EAAM,MAAA,KAAA,GAAQ,YAAa,CAAA,CAAA,EAAG,cAAc,CAAA;AAC5C,EAAA,MAAM,WACJ,GAAA,6BAAA;AAAA,IACE,CAAA;AAAA,IACA,eAAe,MAAQ,EAAA,cAAA;AAAA,IACvB,eAAe,MAAQ,EAAA;AAAA,OAEzB,cAAe,CAAA,MAAA,EAAQ,OAAO,KAC9B,IAAA,cAAA,CAAe,QAAQ,KAAO,EAAA,YAAA;AAChC,EAAO,OAAA,KAAA,KAAU,cAAc,SAAY,GAAA,WAAA;AAC7C;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@red-hat-developer-hub/backstage-plugin-dynamic-home-page",
-  "version": "1.9.2",
+  "version": "1.9.3",
   "main": "dist/index.esm.js",
   "types": "dist/index.d.ts",
   "license": "Apache-2.0",

package/dist/components/CustomizableHomePage.esm.js

@@ -1,29 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { Page, Content, EmptyState } from '@backstage/core-components';
-import { useTranslation } from '../hooks/useTranslation.esm.js';
-import { Header } from './Header.esm.js';
-import { CustomizableGrid } from './CustomizableGrid.esm.js';
-
-const CustomizableHomePage = (props) => {
-  const { t } = useTranslation();
-  const filteredAndSortedHomePageCards = useMemo(() => {
-    if (!props.cards) {
-      return [];
-    }
-    const filteredAndSorted = props.cards.filter(
-      (card) => card.enabled !== false && (!card.config?.priority || card.config.priority >= 0)
-    );
-    filteredAndSorted.sort(
-      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0)
-    );
-    return filteredAndSorted;
-  }, [props.cards]);
-  return /* @__PURE__ */ jsxs(Page, { themeId: "home", children: [
-    /* @__PURE__ */ jsx(Header, { ...props }),
-    /* @__PURE__ */ jsx(Content, { children: filteredAndSortedHomePageCards.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { title: t("homePage.empty"), missing: "content" }) : /* @__PURE__ */ jsx(CustomizableGrid, { mountPoints: filteredAndSortedHomePageCards }) })
-  ] });
-};
-
-export { CustomizableHomePage };
-//# sourceMappingURL=CustomizableHomePage.esm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomizableHomePage.esm.js","sources":["../../src/components/CustomizableHomePage.tsx"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nimport { useMemo } from 'react';\n\nimport { Content, EmptyState, Page } from '@backstage/core-components';\n\nimport { HomePageCardMountPoint } from '../types';\nimport { useTranslation } from '../hooks/useTranslation';\n\nimport { Header, HeaderProps } from './Header';\nimport { CustomizableGrid } from './CustomizableGrid';\n\nexport interface HomePageProps extends HeaderProps {\n  cards?: HomePageCardMountPoint[];\n}\n\nexport const CustomizableHomePage = (props: HomePageProps) => {\n  const { t } = useTranslation();\n  const filteredAndSortedHomePageCards = useMemo(() => {\n    if (!props.cards) {\n      return [];\n    }\n\n    const filteredAndSorted = props.cards.filter(\n      card =>\n        card.enabled !== false &&\n        (!card.config?.priority || card.config.priority >= 0),\n    );\n\n    filteredAndSorted.sort(\n      (a, b) => (b.config?.priority ?? 0) - (a.config?.priority ?? 0),\n    );\n\n    return filteredAndSorted;\n  }, [props.cards]);\n\n  return (\n    <Page themeId=\"home\">\n      <Header {...props} />\n      <Content>\n        {filteredAndSortedHomePageCards.length === 0 ? (\n          <EmptyState title={t('homePage.empty')} missing=\"content\" />\n        ) : (\n          <CustomizableGrid mountPoints={filteredAndSortedHomePageCards} />\n        )}\n      </Content>\n    </Page>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA8Ba,MAAA,oBAAA,GAAuB,CAAC,KAAyB,KAAA;AAC5D,EAAM,MAAA,EAAE,CAAE,EAAA,GAAI,cAAe,EAAA;AAC7B,EAAM,MAAA,8BAAA,GAAiC,QAAQ,MAAM;AACnD,IAAI,IAAA,CAAC,MAAM,KAAO,EAAA;AAChB,MAAA,OAAO,EAAC;AAAA;AAGV,IAAM,MAAA,iBAAA,GAAoB,MAAM,KAAM,CAAA,MAAA;AAAA,MACpC,CAAA,IAAA,KACE,IAAK,CAAA,OAAA,KAAY,KAChB,KAAA,CAAC,KAAK,MAAQ,EAAA,QAAA,IAAY,IAAK,CAAA,MAAA,CAAO,QAAY,IAAA,CAAA;AAAA,KACvD;AAEA,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,GACN,EAAA,CAAC,KAAM,CAAA,KAAK,CAAC,CAAA;AAEhB,EACE,uBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,OAAA,EAAQ,MACZ,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,MAAA,EAAA,EAAQ,GAAG,KAAO,EAAA,CAAA;AAAA,wBAClB,OACE,EAAA,EAAA,QAAA,EAAA,8BAAA,CAA+B,WAAW,CACzC,mBAAA,GAAA,CAAC,cAAW,KAAO,EAAA,CAAA,CAAE,gBAAgB,CAAA,EAAG,SAAQ,SAAU,EAAA,CAAA,uBAEzD,gBAAiB,EAAA,EAAA,WAAA,EAAa,gCAAgC,CAEnE,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/defaults.esm.js

@@ -1,37 +0,0 @@
-const defaultLayouts = {
-  onboarding: {
-    xl: { w: 12, h: 6 },
-    lg: { w: 12, h: 6 },
-    md: { w: 12, h: 7 },
-    sm: { w: 12, h: 8 },
-    xs: { w: 12, h: 9 },
-    xxs: { w: 12, h: 14 }
-  },
-  entity: {
-    xl: { w: 12, h: 7 },
-    lg: { w: 12, h: 7 },
-    md: { w: 12, h: 8 },
-    sm: { w: 12, h: 9 },
-    xs: { w: 12, h: 11 },
-    xxs: { w: 12, h: 15 }
-  },
-  template: {
-    xl: { w: 12, h: 5 },
-    lg: { w: 12, h: 5 },
-    md: { w: 12, h: 5 },
-    sm: { w: 12, h: 5 },
-    xs: { w: 12, h: 7.5 },
-    xxs: { w: 12, h: 13.5 }
-  },
-  quickAccessCard: {
-    xl: { w: 6, h: 8, x: 6 },
-    lg: { w: 6, h: 8, x: 6 },
-    md: { w: 6, h: 8, x: 6 },
-    sm: { w: 12, h: 8, x: 6 },
-    xs: { w: 12, h: 8, x: 6 },
-    xxs: { w: 12, h: 8, x: 6 }
-  }
-};
-
-export { defaultLayouts };
-//# sourceMappingURL=defaults.esm.js.map

package/dist/defaults.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaults.esm.js","sources":["../src/defaults.ts"],"sourcesContent":["/*\n * Copyright Red Hat, Inc.\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\nexport type Breakpoints = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | 'xxs';\n\n// prettier-ignore\nexport const commonWidths: Record<string, Record<Breakpoints, number>> = {\n  small: { xl: 2, lg: 2, md: 2, sm: 3, xs: 4, xxs: 2 },\n  half:  { xl: 2, lg: 2, md: 2, sm: 3, xs: 4, xxs: 2 },\n  '1/2': { xl: 2, lg: 2, md: 2, sm: 3, xs: 4, xxs: 2 },\n  '1/3': { xl: 2, lg: 2, md: 2, sm: 3, xs: 4, xxs: 2 },\n  '2/2': { xl: 2, lg: 2, md: 2, sm: 3, xs: 4, xxs: 2 },\n  full:  { xl: 2, lg: 2, md: 2, sm: 3, xs: 4, xxs: 2 },\n};\n\n// prettier-ignore\nexport const commonHeights: Record<string, Record<Breakpoints, number>> = {\n  tiny:     { xl: 1, lg: 1, md: 1, sm: 1, xs: 1, xxs: 1 },\n  small:    { xl: 2, lg: 2, md: 2, sm: 2, xs: 2, xxs: 2 },\n  medium:   { xl: 4, lg: 4, md: 4, sm: 4, xs: 4, xxs: 4 },\n  large:    { xl: 6, lg: 6, md: 6, sm: 6, xs: 6, xxs: 6 },\n  xlarge:   { xl: 10, lg: 6, md: 6, sm: 6, xs: 6, xxs: 6 },\n  xxlarge:  { xl: 14, lg: 6, md: 6, sm: 6, xs: 6, xxs: 6 },\n};\n\n/**\n * Default layout configurations for homepage cards\n * @public\n */\nexport const defaultLayouts = {\n  onboarding: {\n    xl: { w: 12, h: 6 },\n    lg: { w: 12, h: 6 },\n    md: { w: 12, h: 7 },\n    sm: { w: 12, h: 8 },\n    xs: { w: 12, h: 9 },\n    xxs: { w: 12, h: 14 },\n  },\n  entity: {\n    xl: { w: 12, h: 7 },\n    lg: { w: 12, h: 7 },\n    md: { w: 12, h: 8 },\n    sm: { w: 12, h: 9 },\n    xs: { w: 12, h: 11 },\n    xxs: { w: 12, h: 15 },\n  },\n  template: {\n    xl: { w: 12, h: 5 },\n    lg: { w: 12, h: 5 },\n    md: { w: 12, h: 5 },\n    sm: { w: 12, h: 5 },\n    xs: { w: 12, h: 7.5 },\n    xxs: { w: 12, h: 13.5 },\n  },\n  quickAccessCard: {\n    xl: { w: 6, h: 8, x: 6 },\n    lg: { w: 6, h: 8, x: 6 },\n    md: { w: 6, h: 8, x: 6 },\n    sm: { w: 12, h: 8, x: 6 },\n    xs: { w: 12, h: 8, x: 6 },\n    xxs: { w: 12, h: 8, x: 6 },\n  },\n};\n"],"names":[],"mappings":"AA0CO,MAAM,cAAiB,GAAA;AAAA,EAC5B,UAAY,EAAA;AAAA,IACV,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,GAAK,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,EAAG;AAAA,GACtB;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,EAAG,EAAA;AAAA,IACnB,GAAK,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,EAAG;AAAA,GACtB;AAAA,EACA,QAAU,EAAA;AAAA,IACR,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,CAAE,EAAA;AAAA,IAClB,EAAI,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,GAAI,EAAA;AAAA,IACpB,GAAK,EAAA,EAAE,CAAG,EAAA,EAAA,EAAI,GAAG,IAAK;AAAA,GACxB;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,IAAI,EAAE,CAAA,EAAG,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,IACvB,IAAI,EAAE,CAAA,EAAG,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,IACvB,IAAI,EAAE,CAAA,EAAG,GAAG,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,IACvB,IAAI,EAAE,CAAA,EAAG,IAAI,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,IACxB,IAAI,EAAE,CAAA,EAAG,IAAI,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,IACxB,KAAK,EAAE,CAAA,EAAG,IAAI,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE;AAAA;AAE7B;;;;"}