@backstage/plugin-home-react 0.1.34 → 0.1.35-next.1

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @backstage/plugin-home-react
 
+## 0.1.35-next.1
+
+### Patch Changes
+
+- 90956a6: Support new frontend system in the homepage plugin
+- a7e0d50: Prepare for React Router v7 migration by updating to v6.30.2 across all NFS packages and enabling v7 future flags. Convert routes from splat paths to parent/child structure with Outlet components.
+- Updated dependencies
+  - @backstage/frontend-plugin-api@0.14.0-next.2
+  - @backstage/core-compat-api@0.5.8-next.2
+  - @backstage/core-components@0.18.7-next.2
+  - @backstage/core-plugin-api@1.12.3-next.1
+
+## 0.1.35-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/core-components@0.18.6-next.0
+  - @backstage/frontend-plugin-api@0.14.0-next.0
+  - @backstage/core-plugin-api@1.12.2-next.0
+
 ## 0.1.34
 
 ### Patch Changes

package/dist/alpha/blueprints/HomePageLayoutBlueprint.esm.js

@@ -0,0 +1,19 @@
+import { createExtensionBlueprint, ExtensionBoundary } from '@backstage/frontend-plugin-api';
+import { homePageLayoutComponentDataRef } from '../dataRefs.esm.js';
+
+const HomePageLayoutBlueprint = createExtensionBlueprint({
+  kind: "home-page-layout",
+  attachTo: { id: "page:home", input: "layout" },
+  output: [homePageLayoutComponentDataRef],
+  dataRefs: {
+    component: homePageLayoutComponentDataRef
+  },
+  *factory({ loader }, { node }) {
+    yield homePageLayoutComponentDataRef(
+      ExtensionBoundary.lazyComponent(node, loader)
+    );
+  }
+});
+
+export { HomePageLayoutBlueprint };
+//# sourceMappingURL=HomePageLayoutBlueprint.esm.js.map

package/dist/alpha/blueprints/HomePageLayoutBlueprint.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePageLayoutBlueprint.esm.js","sources":["../../../src/alpha/blueprints/HomePageLayoutBlueprint.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { JSX } from 'react';\nimport {\n  createExtensionBlueprint,\n  ExtensionBoundary,\n} from '@backstage/frontend-plugin-api';\nimport {\n  homePageLayoutComponentDataRef,\n  HomePageLayoutProps,\n} from '../dataRefs';\n\n/**\n * Parameters for creating a home page layout extension.\n *\n * @alpha\n */\nexport interface HomePageLayoutBlueprintParams {\n  /**\n   * Async loader that returns the layout component.\n   * The component receives the collected widgets and renders them.\n   */\n  loader: () => Promise<(props: HomePageLayoutProps) => JSX.Element>;\n}\n\n/**\n * Blueprint for creating custom home page layouts.\n *\n * A layout receives the list of installed widgets and is responsible for\n * arranging them on the home page. This follows the same pattern as\n * `EntityContentLayoutBlueprint` in the catalog plugin.\n *\n * If no layout extension is installed, the home page uses a built-in default.\n * Users can install their own layout to customize how widgets are arranged.\n *\n * @alpha\n */\nexport const HomePageLayoutBlueprint = createExtensionBlueprint({\n  kind: 'home-page-layout',\n  attachTo: { id: 'page:home', input: 'layout' },\n  output: [homePageLayoutComponentDataRef],\n  dataRefs: {\n    component: homePageLayoutComponentDataRef,\n  },\n  *factory({ loader }: HomePageLayoutBlueprintParams, { node }) {\n    yield homePageLayoutComponentDataRef(\n      ExtensionBoundary.lazyComponent(node, loader),\n    );\n  },\n});\n"],"names":[],"mappings":";;;AAmDO,MAAM,0BAA0B,wBAAA,CAAyB;AAAA,EAC9D,IAAA,EAAM,kBAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,WAAA,EAAa,OAAO,QAAA,EAAS;AAAA,EAC7C,MAAA,EAAQ,CAAC,8BAA8B,CAAA;AAAA,EACvC,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,GACb;AAAA,EACA,CAAC,OAAA,CAAQ,EAAE,QAAO,EAAkC,EAAE,MAAK,EAAG;AAC5D,IAAA,MAAM,8BAAA;AAAA,MACJ,iBAAA,CAAkB,aAAA,CAAc,IAAA,EAAM,MAAM;AAAA,KAC9C;AAAA,EACF;AACF,CAAC;;;;"}

package/dist/alpha/blueprints/HomePageWidgetBlueprint.esm.js

@@ -0,0 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
+import { lazy } from 'react';
+import { createExtensionBlueprint, ExtensionBoundary } from '@backstage/frontend-plugin-api';
+import { attachComponentData } from '@backstage/core-plugin-api';
+import { CardExtension } from '../../extensions.esm.js';
+import { homePageWidgetDataRef } from '../dataRefs.esm.js';
+
+const DEFAULT_WIDGET_ATTACH_POINT = {
+  id: "page:home",
+  input: "widgets"
+};
+const HomePageWidgetBlueprint = createExtensionBlueprint({
+  kind: "home-page-widget",
+  attachTo: DEFAULT_WIDGET_ATTACH_POINT,
+  dataRefs: {
+    widget: homePageWidgetDataRef
+  },
+  output: [homePageWidgetDataRef],
+  *factory(params, { node }) {
+    const isCustomizable = params.settings?.schema !== void 0;
+    const widgetName = params.name ?? node.spec.id;
+    const LazyCard = lazy(
+      () => params.components().then((parts) => ({
+        default: (props) => /* @__PURE__ */ jsx(
+          CardExtension,
+          {
+            ...props,
+            ...parts,
+            title: props.title || params.title,
+            isCustomizable
+          }
+        )
+      }))
+    );
+    const Widget = (props) => /* @__PURE__ */ jsx(ExtensionBoundary, { node, children: /* @__PURE__ */ jsx(LazyCard, { ...props }) });
+    attachComponentData(Widget, "core.extensionName", widgetName);
+    attachComponentData(Widget, "title", params.title);
+    attachComponentData(Widget, "description", params.description);
+    attachComponentData(Widget, "home.widget.config", {
+      layout: params.layout,
+      settings: params.settings
+    });
+    yield homePageWidgetDataRef({
+      node,
+      component: /* @__PURE__ */ jsx(Widget, { ...params.componentProps ?? {} }),
+      name: widgetName,
+      title: params.title,
+      description: params.description,
+      layout: params.layout,
+      settings: params.settings
+    });
+  }
+});
+
+export { HomePageWidgetBlueprint };
+//# sourceMappingURL=HomePageWidgetBlueprint.esm.js.map

package/dist/alpha/blueprints/HomePageWidgetBlueprint.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HomePageWidgetBlueprint.esm.js","sources":["../../../src/alpha/blueprints/HomePageWidgetBlueprint.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { lazy, ReactElement } from 'react';\nimport {\n  createExtensionBlueprint,\n  ExtensionBoundary,\n} from '@backstage/frontend-plugin-api';\nimport { attachComponentData } from '@backstage/core-plugin-api';\nimport {\n  CardExtension,\n  CardExtensionProps,\n  CardLayout,\n  CardSettings,\n  ComponentParts,\n} from '../../extensions';\nimport { homePageWidgetDataRef } from '../dataRefs';\n\n/**\n * Parameters for creating a home page widget extension.\n *\n * @alpha\n */\nexport interface HomePageWidgetBlueprintParams {\n  /**\n   * Optional name for the widget. If not provided, the extension will use only its kind\n   * in the extension ID.\n   */\n  name?: string;\n  /**\n   * Optional title displayed for the widget, used as the default card heading.\n   */\n  title?: string;\n  /**\n   * Optional description shown in the widget catalog when adding new cards.\n   */\n  description?: string;\n  /**\n   * Component parts rendered within the card.\n   */\n  components: () => Promise<ComponentParts>;\n  /**\n   * Layout hints used by the customizable grid.\n   */\n  layout?: CardLayout;\n  /**\n   * Schema used to configure widget settings.\n   */\n  settings?: CardSettings;\n  /**\n   * Default props forwarded to the rendered widget component.\n   */\n  componentProps?: Record<string, unknown>;\n}\n\nconst DEFAULT_WIDGET_ATTACH_POINT = {\n  id: 'page:home',\n  input: 'widgets',\n} as const;\n\n/**\n * Creates widgets that can be installed into the home page grid.\n *\n * @alpha\n */\nexport const HomePageWidgetBlueprint = createExtensionBlueprint({\n  kind: 'home-page-widget',\n  attachTo: DEFAULT_WIDGET_ATTACH_POINT,\n  dataRefs: {\n    widget: homePageWidgetDataRef,\n  },\n  output: [homePageWidgetDataRef],\n  *factory(params: HomePageWidgetBlueprintParams, { node }) {\n    const isCustomizable = params.settings?.schema !== undefined;\n    const widgetName = params.name ?? node.spec.id;\n    const LazyCard = lazy(() =>\n      params.components().then(parts => ({\n        default: (props: CardExtensionProps<Record<string, unknown>>) => (\n          <CardExtension\n            {...props}\n            {...parts}\n            title={props.title || params.title}\n            isCustomizable={isCustomizable}\n          />\n        ),\n      })),\n    );\n\n    const Widget = (\n      props: CardExtensionProps<Record<string, unknown>>,\n    ): ReactElement => (\n      <ExtensionBoundary node={node}>\n        <LazyCard {...props} />\n      </ExtensionBoundary>\n    );\n\n    attachComponentData(Widget, 'core.extensionName', widgetName);\n    attachComponentData(Widget, 'title', params.title);\n    attachComponentData(Widget, 'description', params.description);\n    attachComponentData(Widget, 'home.widget.config', {\n      layout: params.layout,\n      settings: params.settings,\n    });\n\n    yield homePageWidgetDataRef({\n      node,\n      component: <Widget {...(params.componentProps ?? {})} />,\n      name: widgetName,\n      title: params.title,\n      description: params.description,\n      layout: params.layout,\n      settings: params.settings,\n    });\n  },\n});\n"],"names":[],"mappings":";;;;;;;AAoEA,MAAM,2BAAA,GAA8B;AAAA,EAClC,EAAA,EAAI,WAAA;AAAA,EACJ,KAAA,EAAO;AACT,CAAA;AAOO,MAAM,0BAA0B,wBAAA,CAAyB;AAAA,EAC9D,IAAA,EAAM,kBAAA;AAAA,EACN,QAAA,EAAU,2BAAA;AAAA,EACV,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,MAAA,EAAQ,CAAC,qBAAqB,CAAA;AAAA,EAC9B,CAAC,OAAA,CAAQ,MAAA,EAAuC,EAAE,MAAK,EAAG;AACxD,IAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,QAAA,EAAU,MAAA,KAAW,MAAA;AACnD,IAAA,MAAM,UAAA,GAAa,MAAA,CAAO,IAAA,IAAQ,IAAA,CAAK,IAAA,CAAK,EAAA;AAC5C,IAAA,MAAM,QAAA,GAAW,IAAA;AAAA,MAAK,MACpB,MAAA,CAAO,UAAA,EAAW,CAAE,KAAK,CAAA,KAAA,MAAU;AAAA,QACjC,OAAA,EAAS,CAAC,KAAA,qBACR,GAAA;AAAA,UAAC,aAAA;AAAA,UAAA;AAAA,YACE,GAAG,KAAA;AAAA,YACH,GAAG,KAAA;AAAA,YACJ,KAAA,EAAO,KAAA,CAAM,KAAA,IAAS,MAAA,CAAO,KAAA;AAAA,YAC7B;AAAA;AAAA;AACF,OAEJ,CAAE;AAAA,KACJ;AAEA,IAAA,MAAM,MAAA,GAAS,CACb,KAAA,qBAEA,GAAA,CAAC,iBAAA,EAAA,EAAkB,MACjB,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,CAAA,EACvB,CAAA;AAGF,IAAA,mBAAA,CAAoB,MAAA,EAAQ,sBAAsB,UAAU,CAAA;AAC5D,IAAA,mBAAA,CAAoB,MAAA,EAAQ,OAAA,EAAS,MAAA,CAAO,KAAK,CAAA;AACjD,IAAA,mBAAA,CAAoB,MAAA,EAAQ,aAAA,EAAe,MAAA,CAAO,WAAW,CAAA;AAC7D,IAAA,mBAAA,CAAoB,QAAQ,oBAAA,EAAsB;AAAA,MAChD,QAAQ,MAAA,CAAO,MAAA;AAAA,MACf,UAAU,MAAA,CAAO;AAAA,KAClB,CAAA;AAED,IAAA,MAAM,qBAAA,CAAsB;AAAA,MAC1B,IAAA;AAAA,MACA,2BAAW,GAAA,CAAC,MAAA,EAAA,EAAQ,GAAI,MAAA,CAAO,cAAA,IAAkB,EAAC,EAAI,CAAA;AAAA,MACtD,IAAA,EAAM,UAAA;AAAA,MACN,OAAO,MAAA,CAAO,KAAA;AAAA,MACd,aAAa,MAAA,CAAO,WAAA;AAAA,MACpB,QAAQ,MAAA,CAAO,MAAA;AAAA,MACf,UAAU,MAAA,CAAO;AAAA,KAClB,CAAA;AAAA,EACH;AACF,CAAC;;;;"}

package/dist/alpha/dataRefs.esm.js

@@ -0,0 +1,11 @@
+import { createExtensionDataRef } from '@backstage/frontend-plugin-api';
+
+const homePageWidgetDataRef = createExtensionDataRef().with({
+  id: "home.widget.data"
+});
+const homePageLayoutComponentDataRef = createExtensionDataRef().with({
+  id: "home.layout.component"
+});
+
+export { homePageLayoutComponentDataRef, homePageWidgetDataRef };
+//# sourceMappingURL=dataRefs.esm.js.map

package/dist/alpha/dataRefs.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataRefs.esm.js","sources":["../../src/alpha/dataRefs.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  createExtensionDataRef,\n  type AppNode,\n} from '@backstage/frontend-plugin-api';\nimport { JSX, ReactElement } from 'react';\nimport type { CardLayout, CardSettings } from '../extensions';\n\n/**\n * Extension data for homepage widgets, bundling the rendered component\n * with its metadata.\n *\n * @alpha\n */\nexport interface HomePageWidgetData {\n  /**\n   * The originating app node for this widget.\n   */\n  node: AppNode;\n  /**\n   * The rendered widget component (typically a card with header, content, etc.)\n   */\n  component: ReactElement;\n  /**\n   * Optional name identifier for the widget\n   */\n  name?: string;\n  /**\n   * Optional title displayed in the widget header\n   */\n  title?: string;\n  /**\n   * Optional description shown in widget catalogs or configuration UIs\n   */\n  description?: string;\n  /**\n   * Optional layout hints for positioning and sizing\n   */\n  layout?: CardLayout;\n  /**\n   * Optional settings schema for widget configuration\n   */\n  settings?: CardSettings;\n}\n\n/**\n * Extension data ref for homepage widgets.\n *\n * This follows the pattern from FormFieldBlueprint, bundling the component\n * and metadata into a single comprehensive data ref rather than outputting\n * them separately.\n *\n * @alpha\n */\nexport const homePageWidgetDataRef =\n  createExtensionDataRef<HomePageWidgetData>().with({\n    id: 'home.widget.data',\n  });\n\n/**\n * Props provided to a home page layout component.\n *\n * @alpha\n */\nexport interface HomePageLayoutProps {\n  /**\n   * The list of widget elements and metadata to render on the home page.\n   */\n  widgets: Array<HomePageWidgetData>;\n}\n\n/**\n * Extension data ref for home page layout components.\n *\n * A layout receives the collected widgets and is responsible for arranging\n * them on the home page. This follows the same pattern as\n * EntityContentLayoutBlueprint in the catalog plugin.\n *\n * @alpha\n */\nexport const homePageLayoutComponentDataRef = createExtensionDataRef<\n  (props: HomePageLayoutProps) => JSX.Element\n>().with({\n  id: 'home.layout.component',\n});\n"],"names":[],"mappings":";;AAqEO,MAAM,qBAAA,GACX,sBAAA,EAA2C,CAAE,IAAA,CAAK;AAAA,EAChD,EAAA,EAAI;AACN,CAAC;AAuBI,MAAM,8BAAA,GAAiC,sBAAA,EAE5C,CAAE,IAAA,CAAK;AAAA,EACP,EAAA,EAAI;AACN,CAAC;;;;"}

package/dist/alpha.d.ts

@@ -1,6 +1,15 @@
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
+import { AppNode } from '@backstage/frontend-plugin-api';
+import { ReactElement, JSX } from 'react';
+import { d as CardLayout, e as CardSettings, a as ComponentParts } from './types/extensions.d-BO9FVXbP.js';
+import '@backstage/core-plugin-api';
+import 'react/jsx-runtime';
+import '@rjsf/utils';
 
 /**
+ * Translation reference for the home-react plugin.
+ * Contains localized text strings for home page components and settings modals.
+ *
  * @alpha
  */
 declare const homeReactTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"home-react", {
@@ -9,4 +18,162 @@ declare const homeReactTranslationRef: _backstage_frontend_plugin_api.Translatio
     readonly "cardExtension.settingsButtonTitle": "Settings";
 }>;
 
-export { homeReactTranslationRef };
+/**
+ * Extension data for homepage widgets, bundling the rendered component
+ * with its metadata.
+ *
+ * @alpha
+ */
+interface HomePageWidgetData {
+    /**
+     * The originating app node for this widget.
+     */
+    node: AppNode;
+    /**
+     * The rendered widget component (typically a card with header, content, etc.)
+     */
+    component: ReactElement;
+    /**
+     * Optional name identifier for the widget
+     */
+    name?: string;
+    /**
+     * Optional title displayed in the widget header
+     */
+    title?: string;
+    /**
+     * Optional description shown in widget catalogs or configuration UIs
+     */
+    description?: string;
+    /**
+     * Optional layout hints for positioning and sizing
+     */
+    layout?: CardLayout;
+    /**
+     * Optional settings schema for widget configuration
+     */
+    settings?: CardSettings;
+}
+/**
+ * Extension data ref for homepage widgets.
+ *
+ * This follows the pattern from FormFieldBlueprint, bundling the component
+ * and metadata into a single comprehensive data ref rather than outputting
+ * them separately.
+ *
+ * @alpha
+ */
+declare const homePageWidgetDataRef: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<HomePageWidgetData, "home.widget.data", {}>;
+/**
+ * Props provided to a home page layout component.
+ *
+ * @alpha
+ */
+interface HomePageLayoutProps {
+    /**
+     * The list of widget elements and metadata to render on the home page.
+     */
+    widgets: Array<HomePageWidgetData>;
+}
+/**
+ * Extension data ref for home page layout components.
+ *
+ * A layout receives the collected widgets and is responsible for arranging
+ * them on the home page. This follows the same pattern as
+ * EntityContentLayoutBlueprint in the catalog plugin.
+ *
+ * @alpha
+ */
+declare const homePageLayoutComponentDataRef: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(props: HomePageLayoutProps) => JSX.Element, "home.layout.component", {}>;
+
+/**
+ * Parameters for creating a home page widget extension.
+ *
+ * @alpha
+ */
+interface HomePageWidgetBlueprintParams {
+    /**
+     * Optional name for the widget. If not provided, the extension will use only its kind
+     * in the extension ID.
+     */
+    name?: string;
+    /**
+     * Optional title displayed for the widget, used as the default card heading.
+     */
+    title?: string;
+    /**
+     * Optional description shown in the widget catalog when adding new cards.
+     */
+    description?: string;
+    /**
+     * Component parts rendered within the card.
+     */
+    components: () => Promise<ComponentParts>;
+    /**
+     * Layout hints used by the customizable grid.
+     */
+    layout?: CardLayout;
+    /**
+     * Schema used to configure widget settings.
+     */
+    settings?: CardSettings;
+    /**
+     * Default props forwarded to the rendered widget component.
+     */
+    componentProps?: Record<string, unknown>;
+}
+/**
+ * Creates widgets that can be installed into the home page grid.
+ *
+ * @alpha
+ */
+declare const HomePageWidgetBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "home-page-widget";
+    params: HomePageWidgetBlueprintParams;
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<HomePageWidgetData, "home.widget.data", {}>;
+    inputs: {};
+    config: {};
+    configInput: {};
+    dataRefs: {
+        widget: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<HomePageWidgetData, "home.widget.data", {}>;
+    };
+}>;
+
+/**
+ * Parameters for creating a home page layout extension.
+ *
+ * @alpha
+ */
+interface HomePageLayoutBlueprintParams {
+    /**
+     * Async loader that returns the layout component.
+     * The component receives the collected widgets and renders them.
+     */
+    loader: () => Promise<(props: HomePageLayoutProps) => JSX.Element>;
+}
+/**
+ * Blueprint for creating custom home page layouts.
+ *
+ * A layout receives the list of installed widgets and is responsible for
+ * arranging them on the home page. This follows the same pattern as
+ * `EntityContentLayoutBlueprint` in the catalog plugin.
+ *
+ * If no layout extension is installed, the home page uses a built-in default.
+ * Users can install their own layout to customize how widgets are arranged.
+ *
+ * @alpha
+ */
+declare const HomePageLayoutBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
+    kind: "home-page-layout";
+    params: HomePageLayoutBlueprintParams;
+    output: _backstage_frontend_plugin_api.ExtensionDataRef<(props: HomePageLayoutProps) => JSX.Element, "home.layout.component", {}>;
+    inputs: {};
+    config: {};
+    configInput: {};
+    dataRefs: {
+        component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(props: HomePageLayoutProps) => JSX.Element, "home.layout.component", {}>;
+    };
+}>;
+
+export { CardLayout, CardSettings, ComponentParts, HomePageLayoutBlueprint, HomePageWidgetBlueprint, homePageLayoutComponentDataRef, homePageWidgetDataRef, homeReactTranslationRef };
+export type { HomePageLayoutBlueprintParams, HomePageLayoutProps, HomePageWidgetBlueprintParams, HomePageWidgetData };

package/dist/alpha.esm.js

@@ -1,2 +1,5 @@
 export { homeReactTranslationRef } from './translation.esm.js';
+export { HomePageWidgetBlueprint } from './alpha/blueprints/HomePageWidgetBlueprint.esm.js';
+export { HomePageLayoutBlueprint } from './alpha/blueprints/HomePageLayoutBlueprint.esm.js';
+export { homePageLayoutComponentDataRef, homePageWidgetDataRef } from './alpha/dataRefs.esm.js';
 //# sourceMappingURL=alpha.esm.js.map

package/dist/alpha.esm.js.map

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

package/dist/extensions.esm.js

@@ -5,7 +5,7 @@ import SettingsIcon from '@material-ui/icons/Settings';
 import { InfoCard } from '@backstage/core-components';
 import { SettingsModal } from './components/SettingsModal.esm.js';
 import './components/ContentModal.esm.js';
-import { createReactExtension, useApp } from '@backstage/core-plugin-api';
+import { useApp, createReactExtension } from '@backstage/core-plugin-api';
 import { useTranslationRef } from '@backstage/frontend-plugin-api';
 import { homeReactTranslationRef } from './translation.esm.js';
 
@@ -87,5 +87,5 @@ function CardExtension(props) {
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Progress, {}), children: ContextProvider ? /* @__PURE__ */ jsx(ContextProvider, { ...childProps, children: innerContent }) : innerContent });
 }
 
-export { createCardExtension };
+export { CardExtension, createCardExtension };
 //# sourceMappingURL=extensions.esm.js.map

package/dist/extensions.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"extensions.esm.js","sources":["../src/extensions.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, Suspense } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { InfoCard } from '@backstage/core-components';\nimport { SettingsModal } from './components';\nimport { createReactExtension, useApp } from '@backstage/core-plugin-api';\nimport { RJSFSchema, UiSchema } from '@rjsf/utils';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { homeReactTranslationRef } from './translation';\n\n/**\n * @public\n */\nexport type ComponentRenderer = {\n  Renderer?: (props: RendererProps) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type ComponentParts = {\n  Content: (props?: any) => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type RendererProps = { title?: string } & ComponentParts;\n\n/**\n * @public\n */\nexport type CardExtensionProps<T> = ComponentRenderer & {\n  title?: string;\n} & T;\n\n/**\n * @public\n */\nexport type CardLayout = {\n  width?: { minColumns?: number; maxColumns?: number; defaultColumns?: number };\n  height?: { minRows?: number; maxRows?: number; defaultRows?: number };\n};\n\n/**\n * @public\n */\nexport type CardSettings = {\n  schema?: RJSFSchema;\n  uiSchema?: UiSchema;\n};\n\n/**\n * @public\n */\nexport type CardConfig = {\n  layout?: CardLayout;\n  settings?: CardSettings;\n};\n\n/**\n * An extension creator to create card based components for the homepage\n *\n * @public\n */\nexport function createCardExtension<T>(options: {\n  title?: string;\n  components: () => Promise<ComponentParts>;\n  name?: string;\n  description?: string;\n  layout?: CardLayout;\n  settings?: CardSettings;\n}) {\n  const { title, components, name, description, layout, settings } = options;\n  // If widget settings schema is defined, we don't want to show the Settings icon or dialog\n  const isCustomizable = settings?.schema !== undefined;\n\n  return createReactExtension({\n    name,\n    data: { title, description, 'home.widget.config': { layout, settings } },\n    component: {\n      lazy: () =>\n        components().then(componentParts => {\n          return (props: CardExtensionProps<T>) => {\n            return (\n              <CardExtension\n                {...props}\n                {...componentParts}\n                title={props.title || title}\n                isCustomizable={isCustomizable}\n              />\n            );\n          };\n        }),\n    },\n  });\n}\n\ntype CardExtensionComponentProps<T> = CardExtensionProps<T> &\n  ComponentParts & {\n    isCustomizable?: boolean;\n    overrideTitle?: string;\n  };\n\nfunction CardExtension<T>(props: CardExtensionComponentProps<T>) {\n  const {\n    Renderer,\n    Content,\n    Settings,\n    Actions,\n    ContextProvider,\n    isCustomizable,\n    title,\n    ...childProps\n  } = props;\n  const app = useApp();\n  const { Progress } = app.getComponents();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n  const { t } = useTranslationRef(homeReactTranslationRef);\n\n  if (Renderer) {\n    return (\n      <Suspense fallback={<Progress />}>\n        <Renderer\n          {...(title && { title })}\n          {...{\n            Content,\n            ...(Actions ? { Actions } : {}),\n            ...(Settings && !isCustomizable ? { Settings } : {}),\n            ...(ContextProvider ? { ContextProvider } : {}),\n            ...childProps,\n          }}\n        />\n      </Suspense>\n    );\n  }\n\n  const cardProps = {\n    divider: !!title,\n    ...(title && { title }),\n    ...(Settings && !isCustomizable\n      ? {\n          action: (\n            <IconButton onClick={() => setSettingsOpen(true)}>\n              <SettingsIcon>\n                {t('cardExtension.settingsButtonTitle')}\n              </SettingsIcon>\n            </IconButton>\n          ),\n        }\n      : {}),\n    ...(Actions\n      ? {\n          actions: <Actions />,\n        }\n      : {}),\n  };\n\n  const innerContent = (\n    <InfoCard {...cardProps}>\n      {Settings && !isCustomizable && (\n        <SettingsModal\n          open={settingsOpen}\n          componentName={title}\n          close={() => setSettingsOpen(false)}\n        >\n          <Settings />\n        </SettingsModal>\n      )}\n      <Content {...childProps} />\n    </InfoCard>\n  );\n\n  return (\n    <Suspense fallback={<Progress />}>\n      {ContextProvider ? (\n        <ContextProvider {...childProps}>{innerContent}</ContextProvider>\n      ) : (\n        innerContent\n      )}\n    </Suspense>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"extensions.esm.js","sources":["../src/extensions.tsx"],"sourcesContent":["/*\n * Copyright 2021 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useState, Suspense } from 'react';\nimport IconButton from '@material-ui/core/IconButton';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { InfoCard } from '@backstage/core-components';\nimport { SettingsModal } from './components';\nimport { createReactExtension, useApp } from '@backstage/core-plugin-api';\nimport { RJSFSchema, UiSchema } from '@rjsf/utils';\nimport { useTranslationRef } from '@backstage/frontend-plugin-api';\nimport { homeReactTranslationRef } from './translation';\n\n/**\n * @public\n */\nexport type ComponentRenderer = {\n  Renderer?: (props: RendererProps) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type ComponentParts = {\n  Content: (props?: any) => JSX.Element;\n  Actions?: () => JSX.Element;\n  Settings?: () => JSX.Element;\n  ContextProvider?: (props: any) => JSX.Element;\n};\n\n/**\n * @public\n */\nexport type RendererProps = { title?: string } & ComponentParts;\n\n/**\n * @public\n */\nexport type CardExtensionProps<T> = ComponentRenderer & {\n  title?: string;\n} & T;\n\n/**\n * @public\n */\nexport type CardLayout = {\n  width?: { minColumns?: number; maxColumns?: number; defaultColumns?: number };\n  height?: { minRows?: number; maxRows?: number; defaultRows?: number };\n};\n\n/**\n * @public\n */\nexport type CardSettings = {\n  schema?: RJSFSchema;\n  uiSchema?: UiSchema;\n};\n\n/**\n * @public\n */\nexport type CardConfig = {\n  layout?: CardLayout;\n  settings?: CardSettings;\n};\n\n/**\n * An extension creator to create card based components for the homepage\n *\n * @public\n */\nexport function createCardExtension<T>(options: {\n  title?: string;\n  components: () => Promise<ComponentParts>;\n  name?: string;\n  description?: string;\n  layout?: CardLayout;\n  settings?: CardSettings;\n}) {\n  const { title, components, name, description, layout, settings } = options;\n  // If widget settings schema is defined, we don't want to show the Settings icon or dialog\n  const isCustomizable = settings?.schema !== undefined;\n\n  return createReactExtension({\n    name,\n    data: { title, description, 'home.widget.config': { layout, settings } },\n    component: {\n      lazy: () =>\n        components().then(componentParts => {\n          return (props: CardExtensionProps<T>) => {\n            return (\n              <CardExtension\n                {...props}\n                {...componentParts}\n                title={props.title || title}\n                isCustomizable={isCustomizable}\n              />\n            );\n          };\n        }),\n    },\n  });\n}\n\ntype CardExtensionComponentProps<T> = CardExtensionProps<T> &\n  ComponentParts & {\n    isCustomizable?: boolean;\n    overrideTitle?: string;\n  };\n\nexport function CardExtension<T>(props: CardExtensionComponentProps<T>) {\n  const {\n    Renderer,\n    Content,\n    Settings,\n    Actions,\n    ContextProvider,\n    isCustomizable,\n    title,\n    ...childProps\n  } = props;\n  const app = useApp();\n  const { Progress } = app.getComponents();\n  const [settingsOpen, setSettingsOpen] = useState(false);\n  const { t } = useTranslationRef(homeReactTranslationRef);\n\n  if (Renderer) {\n    return (\n      <Suspense fallback={<Progress />}>\n        <Renderer\n          {...(title && { title })}\n          {...{\n            Content,\n            ...(Actions ? { Actions } : {}),\n            ...(Settings && !isCustomizable ? { Settings } : {}),\n            ...(ContextProvider ? { ContextProvider } : {}),\n            ...childProps,\n          }}\n        />\n      </Suspense>\n    );\n  }\n\n  const cardProps = {\n    divider: !!title,\n    ...(title && { title }),\n    ...(Settings && !isCustomizable\n      ? {\n          action: (\n            <IconButton onClick={() => setSettingsOpen(true)}>\n              <SettingsIcon>\n                {t('cardExtension.settingsButtonTitle')}\n              </SettingsIcon>\n            </IconButton>\n          ),\n        }\n      : {}),\n    ...(Actions\n      ? {\n          actions: <Actions />,\n        }\n      : {}),\n  };\n\n  const innerContent = (\n    <InfoCard {...cardProps}>\n      {Settings && !isCustomizable && (\n        <SettingsModal\n          open={settingsOpen}\n          componentName={title}\n          close={() => setSettingsOpen(false)}\n        >\n          <Settings />\n        </SettingsModal>\n      )}\n      <Content {...childProps} />\n    </InfoCard>\n  );\n\n  return (\n    <Suspense fallback={<Progress />}>\n      {ContextProvider ? (\n        <ContextProvider {...childProps}>{innerContent}</ContextProvider>\n      ) : (\n        innerContent\n      )}\n    </Suspense>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,9 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { JSX as JSX$1 } from 'react';
-import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
-import { RJSFSchema, UiSchema } from '@rjsf/utils';
+export { f as CardConfig, C as CardExtensionProps, d as CardLayout, e as CardSettings, a as ComponentParts, b as ComponentRenderer, R as RendererProps, c as createCardExtension } from './types/extensions.d-BO9FVXbP.js';
 import { Overrides } from '@material-ui/core/styles/overrides';
 import { StyleRules } from '@material-ui/core/styles/withStyles';
+import '@backstage/core-plugin-api';
+import '@rjsf/utils';
 
 /** @public */
 declare const SettingsModal: (props: {
@@ -31,76 +32,6 @@ type ContentModalProps = {
  */
 declare const ContentModal: (props: ContentModalProps) => react_jsx_runtime.JSX.Element;
 
-/**
- * @public
- */
-type ComponentRenderer = {
-    Renderer?: (props: RendererProps) => JSX.Element;
-};
-/**
- * @public
- */
-type ComponentParts = {
-    Content: (props?: any) => JSX.Element;
-    Actions?: () => JSX.Element;
-    Settings?: () => JSX.Element;
-    ContextProvider?: (props: any) => JSX.Element;
-};
-/**
- * @public
- */
-type RendererProps = {
-    title?: string;
-} & ComponentParts;
-/**
- * @public
- */
-type CardExtensionProps<T> = ComponentRenderer & {
-    title?: string;
-} & T;
-/**
- * @public
- */
-type CardLayout = {
-    width?: {
-        minColumns?: number;
-        maxColumns?: number;
-        defaultColumns?: number;
-    };
-    height?: {
-        minRows?: number;
-        maxRows?: number;
-        defaultRows?: number;
-    };
-};
-/**
- * @public
- */
-type CardSettings = {
-    schema?: RJSFSchema;
-    uiSchema?: UiSchema;
-};
-/**
- * @public
- */
-type CardConfig = {
-    layout?: CardLayout;
-    settings?: CardSettings;
-};
-/**
- * An extension creator to create card based components for the homepage
- *
- * @public
- */
-declare function createCardExtension<T>(options: {
-    title?: string;
-    components: () => Promise<ComponentParts>;
-    name?: string;
-    description?: string;
-    layout?: CardLayout;
-    settings?: CardSettings;
-}): _backstage_core_plugin_api.Extension<(props: CardExtensionProps<T>) => react_jsx_runtime.JSX.Element>;
-
 /** @public */
 type PluginHomeComponentsNameToClassKey = {
     PluginHomeContentModal: PluginHomeContentModalClassKey;
@@ -114,5 +45,5 @@ declare module '@backstage/theme' {
     }
 }
 
-export { ContentModal, SettingsModal, createCardExtension };
-export type { BackstageOverrides, CardConfig, CardExtensionProps, CardLayout, CardSettings, ComponentParts, ComponentRenderer, ContentModalProps, PluginHomeComponentsNameToClassKey, PluginHomeContentModalClassKey, RendererProps };
+export { ContentModal, SettingsModal };
+export type { BackstageOverrides, ContentModalProps, PluginHomeComponentsNameToClassKey, PluginHomeContentModalClassKey };

package/dist/translation.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/**\n * @alpha\n */\nexport const homeReactTranslationRef = createTranslationRef({\n  id: 'home-react',\n  messages: {\n    settingsModal: {\n      title: 'Settings',\n      closeButtonTitle: 'Close',\n    },\n    cardExtension: {\n      settingsButtonTitle: 'Settings',\n    },\n  },\n});\n"],"names":[],"mappings":";;AAoBO,MAAM,0BAA0B,oBAAA,CAAqB;AAAA,EAC1D,EAAA,EAAI,YAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,aAAA,EAAe;AAAA,MACb,KAAA,EAAO,UAAA;AAAA,MACP,gBAAA,EAAkB;AAAA,KACpB;AAAA,IACA,aAAA,EAAe;AAAA,MACb,mBAAA,EAAqB;AAAA;AACvB;AAEJ,CAAC;;;;"}
+{"version":3,"file":"translation.esm.js","sources":["../src/translation.ts"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport { createTranslationRef } from '@backstage/frontend-plugin-api';\n\n/**\n * Translation reference for the home-react plugin.\n * Contains localized text strings for home page components and settings modals.\n *\n * @alpha\n */\nexport const homeReactTranslationRef = createTranslationRef({\n  id: 'home-react',\n  messages: {\n    settingsModal: {\n      title: 'Settings',\n      closeButtonTitle: 'Close',\n    },\n    cardExtension: {\n      settingsButtonTitle: 'Settings',\n    },\n  },\n});\n"],"names":[],"mappings":";;AAuBO,MAAM,0BAA0B,oBAAA,CAAqB;AAAA,EAC1D,EAAA,EAAI,YAAA;AAAA,EACJ,QAAA,EAAU;AAAA,IACR,aAAA,EAAe;AAAA,MACb,KAAA,EAAO,UAAA;AAAA,MACP,gBAAA,EAAkB;AAAA,KACpB;AAAA,IACA,aAAA,EAAe;AAAA,MACb,mBAAA,EAAqB;AAAA;AACvB;AAEJ,CAAC;;;;"}

package/dist/types/extensions.d-BO9FVXbP.d.ts

@@ -0,0 +1,76 @@
+import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { RJSFSchema, UiSchema } from '@rjsf/utils';
+
+/**
+ * @public
+ */
+type ComponentRenderer = {
+    Renderer?: (props: RendererProps) => JSX.Element;
+};
+/**
+ * @public
+ */
+type ComponentParts = {
+    Content: (props?: any) => JSX.Element;
+    Actions?: () => JSX.Element;
+    Settings?: () => JSX.Element;
+    ContextProvider?: (props: any) => JSX.Element;
+};
+/**
+ * @public
+ */
+type RendererProps = {
+    title?: string;
+} & ComponentParts;
+/**
+ * @public
+ */
+type CardExtensionProps<T> = ComponentRenderer & {
+    title?: string;
+} & T;
+/**
+ * @public
+ */
+type CardLayout = {
+    width?: {
+        minColumns?: number;
+        maxColumns?: number;
+        defaultColumns?: number;
+    };
+    height?: {
+        minRows?: number;
+        maxRows?: number;
+        defaultRows?: number;
+    };
+};
+/**
+ * @public
+ */
+type CardSettings = {
+    schema?: RJSFSchema;
+    uiSchema?: UiSchema;
+};
+/**
+ * @public
+ */
+type CardConfig = {
+    layout?: CardLayout;
+    settings?: CardSettings;
+};
+/**
+ * An extension creator to create card based components for the homepage
+ *
+ * @public
+ */
+declare function createCardExtension<T>(options: {
+    title?: string;
+    components: () => Promise<ComponentParts>;
+    name?: string;
+    description?: string;
+    layout?: CardLayout;
+    settings?: CardSettings;
+}): _backstage_core_plugin_api.Extension<(props: CardExtensionProps<T>) => react_jsx_runtime.JSX.Element>;
+
+export { createCardExtension as c };
+export type { CardExtensionProps as C, RendererProps as R, ComponentParts as a, ComponentRenderer as b, CardLayout as d, CardSettings as e, CardConfig as f };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-home-react",
-  "version": "0.1.34",
+  "version": "0.1.35-next.1",
   "description": "A Backstage plugin that contains react components helps you build a home page",
   "backstage": {
     "role": "web-library",
@@ -63,26 +63,27 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/core-components": "^0.18.5",
-    "@backstage/core-plugin-api": "^1.12.1",
-    "@backstage/frontend-plugin-api": "^0.13.3",
+    "@backstage/core-compat-api": "0.5.8-next.2",
+    "@backstage/core-components": "0.18.7-next.2",
+    "@backstage/core-plugin-api": "1.12.3-next.1",
+    "@backstage/frontend-plugin-api": "0.14.0-next.2",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@rjsf/utils": "5.24.13"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.35.2",
+    "@backstage/cli": "0.35.4-next.2",
     "@types/react": "^18.0.0",
     "@types/react-grid-layout": "^1.3.2",
     "react": "^18.0.2",
     "react-dom": "^18.0.2",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.30.2"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
-    "react-router-dom": "^6.3.0"
+    "react-router-dom": "^6.30.2"
   },
   "peerDependenciesMeta": {
     "@types/react": {