@backstage/plugin-app-react 0.1.0 → 0.1.1-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @backstage/plugin-app-react
2
2
 
3
+ ## 0.1.1-next.0
4
+
5
+ ### Patch Changes
6
+
7
+ - 409af72: Internal refactor to move implementation of blueprints from `@backstage/frontend-plugin-api` to this package.
8
+ - Updated dependencies
9
+ - @backstage/frontend-plugin-api@0.14.0-next.0
10
+ - @backstage/core-plugin-api@1.12.2-next.0
11
+
3
12
  ## 0.1.0
4
13
 
5
14
  ### Minor Changes
@@ -0,0 +1,17 @@
1
+ import { createExtensionDataRef, createExtensionBlueprint } from '@backstage/frontend-plugin-api';
2
+
3
+ const componentDataRef = createExtensionDataRef().with({ id: "app.root.wrapper" });
4
+ const AppRootWrapperBlueprint = createExtensionBlueprint({
5
+ kind: "app-root-wrapper",
6
+ attachTo: { id: "app/root", input: "wrappers" },
7
+ output: [componentDataRef],
8
+ dataRefs: {
9
+ component: componentDataRef
10
+ },
11
+ *factory(params) {
12
+ yield componentDataRef(params.component);
13
+ }
14
+ });
15
+
16
+ export { AppRootWrapperBlueprint };
17
+ //# sourceMappingURL=AppRootWrapperBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppRootWrapperBlueprint.esm.js","sources":["../../src/blueprints/AppRootWrapperBlueprint.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { ReactNode } from 'react';\nimport {\n createExtensionBlueprint,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\nconst componentDataRef = createExtensionDataRef<\n (props: { children: ReactNode }) => JSX.Element | null\n>().with({ id: 'app.root.wrapper' });\n\n/**\n * Creates a extensions that render a React wrapper at the app root, enclosing\n * the app layout. This is useful for example for adding global React contexts\n * and similar. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const AppRootWrapperBlueprint = createExtensionBlueprint({\n kind: 'app-root-wrapper',\n attachTo: { id: 'app/root', input: 'wrappers' },\n output: [componentDataRef],\n dataRefs: {\n component: componentDataRef,\n },\n *factory(params: {\n /** @deprecated use the `component` parameter instead */\n Component?: [error: 'Use the `component` parameter instead'];\n component: (props: { children: ReactNode }) => JSX.Element | null;\n }) {\n yield componentDataRef(params.component);\n },\n});\n"],"names":[],"mappings":";;AAsBA,MAAM,mBAAmB,sBAAA,EAEvB,CAAE,KAAK,EAAE,EAAA,EAAI,oBAAoB,CAAA;AAS5B,MAAM,0BAA0B,wBAAA,CAAyB;AAAA,EAC9D,IAAA,EAAM,kBAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,UAAA,EAAY,OAAO,UAAA,EAAW;AAAA,EAC9C,MAAA,EAAQ,CAAC,gBAAgB,CAAA;AAAA,EACzB,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,GACb;AAAA,EACA,CAAC,QAAQ,MAAA,EAIN;AACD,IAAA,MAAM,gBAAA,CAAiB,OAAO,SAAS,CAAA;AAAA,EACzC;AACF,CAAC;;;;"}
@@ -0,0 +1,17 @@
1
+ import { createExtensionDataRef, createExtensionBlueprint } from '@backstage/frontend-plugin-api';
2
+
3
+ const iconsDataRef = createExtensionDataRef().with({ id: "core.icons" });
4
+ const IconBundleBlueprint = createExtensionBlueprint({
5
+ kind: "icon-bundle",
6
+ attachTo: { id: "api:app/icons", input: "icons" },
7
+ output: [iconsDataRef],
8
+ factory: (params) => [
9
+ iconsDataRef(params.icons)
10
+ ],
11
+ dataRefs: {
12
+ icons: iconsDataRef
13
+ }
14
+ });
15
+
16
+ export { IconBundleBlueprint };
17
+ //# sourceMappingURL=IconBundleBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconBundleBlueprint.esm.js","sources":["../../src/blueprints/IconBundleBlueprint.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { IconComponent } from '@backstage/frontend-plugin-api';\nimport {\n createExtensionBlueprint,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\nconst iconsDataRef = createExtensionDataRef<{\n [key in string]: IconComponent;\n}>().with({ id: 'core.icons' });\n\n/**\n * Creates an extension that adds icon bundles to your app. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const IconBundleBlueprint = createExtensionBlueprint({\n kind: 'icon-bundle',\n attachTo: { id: 'api:app/icons', input: 'icons' },\n output: [iconsDataRef],\n factory: (params: { icons: { [key in string]: IconComponent } }) => [\n iconsDataRef(params.icons),\n ],\n dataRefs: {\n icons: iconsDataRef,\n },\n});\n"],"names":[],"mappings":";;AAsBA,MAAM,eAAe,sBAAA,EAElB,CAAE,KAAK,EAAE,EAAA,EAAI,cAAc,CAAA;AAOvB,MAAM,sBAAsB,wBAAA,CAAyB;AAAA,EAC1D,IAAA,EAAM,aAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,eAAA,EAAiB,OAAO,OAAA,EAAQ;AAAA,EAChD,MAAA,EAAQ,CAAC,YAAY,CAAA;AAAA,EACrB,OAAA,EAAS,CAAC,MAAA,KAA0D;AAAA,IAClE,YAAA,CAAa,OAAO,KAAK;AAAA,GAC3B;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA;AAEX,CAAC;;;;"}
@@ -0,0 +1,19 @@
1
+ import { createExtensionDataRef, createExtensionBlueprint } from '@backstage/frontend-plugin-api';
2
+
3
+ const componentDataRef = createExtensionDataRef().with({
4
+ id: "core.nav-content.component"
5
+ });
6
+ const NavContentBlueprint = createExtensionBlueprint({
7
+ kind: "nav-content",
8
+ attachTo: { id: "app/nav", input: "content" },
9
+ output: [componentDataRef],
10
+ dataRefs: {
11
+ component: componentDataRef
12
+ },
13
+ *factory(params) {
14
+ yield componentDataRef(params.component);
15
+ }
16
+ });
17
+
18
+ export { NavContentBlueprint };
19
+ //# sourceMappingURL=NavContentBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"NavContentBlueprint.esm.js","sources":["../../src/blueprints/NavContentBlueprint.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { IconComponent, RouteRef } from '@backstage/frontend-plugin-api';\nimport {\n createExtensionBlueprint,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\n/**\n * The props for the {@link NavContentComponent}.\n *\n * @public\n */\nexport interface NavContentComponentProps {\n /**\n * The nav items available to the component. These are all the items created\n * with the {@link @backstage/frontend-plugin-api#NavItemBlueprint} in the app.\n *\n * In addition to the original properties from the nav items, these also\n * include a resolved route path as `to`, and duplicated `title` as `text` to\n * simplify rendering.\n */\n items: Array<{\n // Original props from nav items\n icon: IconComponent;\n title: string;\n routeRef: RouteRef<undefined>;\n\n // Additional props to simplify item rendering\n to: string;\n text: string;\n }>;\n}\n\n/**\n * A component that renders the nav bar content, to be passed to the {@link NavContentBlueprint}.\n *\n * @public\n */\nexport type NavContentComponent = (\n props: NavContentComponentProps,\n) => JSX.Element | null;\n\nconst componentDataRef = createExtensionDataRef<NavContentComponent>().with({\n id: 'core.nav-content.component',\n});\n\n/**\n * Creates an extension that replaces the entire nav bar with your own component. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const NavContentBlueprint = createExtensionBlueprint({\n kind: 'nav-content',\n attachTo: { id: 'app/nav', input: 'content' },\n output: [componentDataRef],\n dataRefs: {\n component: componentDataRef,\n },\n *factory(params: { component: NavContentComponent }) {\n yield componentDataRef(params.component);\n },\n});\n"],"names":[],"mappings":";;AAyDA,MAAM,gBAAA,GAAmB,sBAAA,EAA4C,CAAE,IAAA,CAAK;AAAA,EAC1E,EAAA,EAAI;AACN,CAAC,CAAA;AAOM,MAAM,sBAAsB,wBAAA,CAAyB;AAAA,EAC1D,IAAA,EAAM,aAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,SAAA,EAAW,OAAO,SAAA,EAAU;AAAA,EAC5C,MAAA,EAAQ,CAAC,gBAAgB,CAAA;AAAA,EACzB,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,GACb;AAAA,EACA,CAAC,QAAQ,MAAA,EAA4C;AACnD,IAAA,MAAM,gBAAA,CAAiB,OAAO,SAAS,CAAA;AAAA,EACzC;AACF,CAAC;;;;"}
@@ -0,0 +1,17 @@
1
+ import { createExtensionDataRef, createExtensionBlueprint } from '@backstage/frontend-plugin-api';
2
+
3
+ const componentDataRef = createExtensionDataRef().with({ id: "app.router.wrapper" });
4
+ const RouterBlueprint = createExtensionBlueprint({
5
+ kind: "app-router-component",
6
+ attachTo: { id: "app/root", input: "router" },
7
+ output: [componentDataRef],
8
+ dataRefs: {
9
+ component: componentDataRef
10
+ },
11
+ *factory(params) {
12
+ yield componentDataRef(params.component);
13
+ }
14
+ });
15
+
16
+ export { RouterBlueprint };
17
+ //# sourceMappingURL=RouterBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RouterBlueprint.esm.js","sources":["../../src/blueprints/RouterBlueprint.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { ReactNode } from 'react';\nimport {\n createExtensionBlueprint,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\nconst componentDataRef = createExtensionDataRef<\n (props: { children: ReactNode }) => JSX.Element | null\n>().with({ id: 'app.router.wrapper' });\n\n/**\n * Creates an extension that replaces the router component. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const RouterBlueprint = createExtensionBlueprint({\n kind: 'app-router-component',\n attachTo: { id: 'app/root', input: 'router' },\n output: [componentDataRef],\n dataRefs: {\n component: componentDataRef,\n },\n *factory(params: {\n /** @deprecated use the `component` parameter instead */\n Component?: [error: 'Use the `component` parameter instead'];\n component: (props: { children: ReactNode }) => JSX.Element | null;\n }) {\n yield componentDataRef(params.component);\n },\n});\n"],"names":[],"mappings":";;AAsBA,MAAM,mBAAmB,sBAAA,EAEvB,CAAE,KAAK,EAAE,EAAA,EAAI,sBAAsB,CAAA;AAO9B,MAAM,kBAAkB,wBAAA,CAAyB;AAAA,EACtD,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,UAAA,EAAY,OAAO,QAAA,EAAS;AAAA,EAC5C,MAAA,EAAQ,CAAC,gBAAgB,CAAA;AAAA,EACzB,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,GACb;AAAA,EACA,CAAC,QAAQ,MAAA,EAIN;AACD,IAAA,MAAM,gBAAA,CAAiB,OAAO,SAAS,CAAA;AAAA,EACzC;AACF,CAAC;;;;"}
@@ -0,0 +1,24 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import { lazy } from 'react';
3
+ import { createExtensionDataRef, createExtensionBlueprint, ExtensionBoundary } from '@backstage/frontend-plugin-api';
4
+
5
+ const componentDataRef = createExtensionDataRef().with({ id: "core.sign-in-page.component" });
6
+ const SignInPageBlueprint = createExtensionBlueprint({
7
+ kind: "sign-in-page",
8
+ attachTo: { id: "app/root", input: "signInPage" },
9
+ output: [componentDataRef],
10
+ dataRefs: {
11
+ component: componentDataRef
12
+ },
13
+ *factory({
14
+ loader
15
+ }, { node }) {
16
+ const ExtensionComponent = lazy(
17
+ () => loader().then((component) => ({ default: component }))
18
+ );
19
+ yield componentDataRef((props) => /* @__PURE__ */ jsx(ExtensionBoundary, { node, children: /* @__PURE__ */ jsx(ExtensionComponent, { ...props }) }));
20
+ }
21
+ });
22
+
23
+ export { SignInPageBlueprint };
24
+ //# sourceMappingURL=SignInPageBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SignInPageBlueprint.esm.js","sources":["../../src/blueprints/SignInPageBlueprint.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { ComponentType, lazy, ReactNode } from 'react';\nimport {\n createExtensionBlueprint,\n createExtensionDataRef,\n ExtensionBoundary,\n IdentityApi,\n} from '@backstage/frontend-plugin-api';\n\n/**\n * Props for the `SignInPage` component.\n *\n * @public\n */\nexport type SignInPageProps = {\n /**\n * Set the IdentityApi on successful sign-in. This should only be called once.\n */\n onSignInSuccess(identityApi: IdentityApi): void;\n\n /**\n * The children to render.\n */\n children?: ReactNode;\n};\n\nconst componentDataRef = createExtensionDataRef<\n ComponentType<SignInPageProps>\n>().with({ id: 'core.sign-in-page.component' });\n\n/**\n * Creates an extension that replaces the sign in page. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const SignInPageBlueprint = createExtensionBlueprint({\n kind: 'sign-in-page',\n attachTo: { id: 'app/root', input: 'signInPage' },\n output: [componentDataRef],\n dataRefs: {\n component: componentDataRef,\n },\n *factory(\n {\n loader,\n }: {\n loader: () => Promise<ComponentType<SignInPageProps>>;\n },\n { node },\n ) {\n const ExtensionComponent = lazy(() =>\n loader().then(component => ({ default: component })),\n );\n\n yield componentDataRef(props => (\n <ExtensionBoundary node={node}>\n <ExtensionComponent {...props} />\n </ExtensionBoundary>\n ));\n },\n});\n"],"names":[],"mappings":";;;;AAyCA,MAAM,mBAAmB,sBAAA,EAEvB,CAAE,KAAK,EAAE,EAAA,EAAI,+BAA+B,CAAA;AAOvC,MAAM,sBAAsB,wBAAA,CAAyB;AAAA,EAC1D,IAAA,EAAM,cAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,UAAA,EAAY,OAAO,YAAA,EAAa;AAAA,EAChD,MAAA,EAAQ,CAAC,gBAAgB,CAAA;AAAA,EACzB,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,GACb;AAAA,EACA,CAAC,OAAA,CACC;AAAA,IACE;AAAA,GACF,EAGA,EAAE,IAAA,EAAK,EACP;AACA,IAAA,MAAM,kBAAA,GAAqB,IAAA;AAAA,MAAK,MAC9B,QAAO,CAAE,IAAA,CAAK,gBAAc,EAAE,OAAA,EAAS,WAAU,CAAE;AAAA,KACrD;AAEA,IAAA,MAAM,gBAAA,CAAiB,CAAA,KAAA,qBACrB,GAAA,CAAC,iBAAA,EAAA,EAAkB,IAAA,EACjB,8BAAC,kBAAA,EAAA,EAAoB,GAAG,KAAA,EAAO,CAAA,EACjC,CACD,CAAA;AAAA,EACH;AACF,CAAC;;;;"}
@@ -0,0 +1,23 @@
1
+ import { createExtensionDataRef, createExtensionBlueprint, createExtensionBlueprintParams } from '@backstage/frontend-plugin-api';
2
+
3
+ const componentDataRef = createExtensionDataRef().with({ id: "core.swappableComponent" });
4
+ const SwappableComponentBlueprint = createExtensionBlueprint({
5
+ kind: "component",
6
+ attachTo: { id: "api:app/swappable-components", input: "components" },
7
+ output: [componentDataRef],
8
+ dataRefs: {
9
+ component: componentDataRef
10
+ },
11
+ defineParams(params) {
12
+ return createExtensionBlueprintParams(params);
13
+ },
14
+ factory: (params) => [
15
+ componentDataRef({
16
+ ref: params.component.ref,
17
+ loader: params.loader
18
+ })
19
+ ]
20
+ });
21
+
22
+ export { SwappableComponentBlueprint, componentDataRef };
23
+ //# sourceMappingURL=SwappableComponentBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SwappableComponentBlueprint.esm.js","sources":["../../src/blueprints/SwappableComponentBlueprint.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { SwappableComponentRef } from '@backstage/frontend-plugin-api';\nimport {\n createExtensionBlueprint,\n createExtensionBlueprintParams,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\nexport const componentDataRef = createExtensionDataRef<{\n ref: SwappableComponentRef;\n loader:\n | (() => (props: {}) => JSX.Element | null)\n | (() => Promise<(props: {}) => JSX.Element | null>);\n}>().with({ id: 'core.swappableComponent' });\n\n/**\n * Blueprint for creating swappable components from a SwappableComponentRef and a loader. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const SwappableComponentBlueprint = createExtensionBlueprint({\n kind: 'component',\n attachTo: { id: 'api:app/swappable-components', input: 'components' },\n output: [componentDataRef],\n dataRefs: {\n component: componentDataRef,\n },\n defineParams<Ref extends SwappableComponentRef<any>>(params: {\n component: Ref extends SwappableComponentRef<\n any,\n infer IExternalComponentProps\n >\n ? { ref: Ref } & ((props: IExternalComponentProps) => JSX.Element | null)\n : never;\n loader: Ref extends SwappableComponentRef<infer IInnerComponentProps, any>\n ?\n | (() => (props: IInnerComponentProps) => JSX.Element | null)\n | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>)\n : never;\n }) {\n return createExtensionBlueprintParams(params);\n },\n factory: params => [\n componentDataRef({\n ref: params.component.ref,\n loader: params.loader,\n }),\n ],\n});\n"],"names":[],"mappings":";;AAuBO,MAAM,mBAAmB,sBAAA,EAK7B,CAAE,KAAK,EAAE,EAAA,EAAI,2BAA2B;AAOpC,MAAM,8BAA8B,wBAAA,CAAyB;AAAA,EAClE,IAAA,EAAM,WAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,8BAAA,EAAgC,OAAO,YAAA,EAAa;AAAA,EACpE,MAAA,EAAQ,CAAC,gBAAgB,CAAA;AAAA,EACzB,QAAA,EAAU;AAAA,IACR,SAAA,EAAW;AAAA,GACb;AAAA,EACA,aAAqD,MAAA,EAYlD;AACD,IAAA,OAAO,+BAA+B,MAAM,CAAA;AAAA,EAC9C,CAAA;AAAA,EACA,SAAS,CAAA,MAAA,KAAU;AAAA,IACjB,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,OAAO,SAAA,CAAU,GAAA;AAAA,MACtB,QAAQ,MAAA,CAAO;AAAA,KAChB;AAAA;AAEL,CAAC;;;;"}
@@ -0,0 +1,17 @@
1
+ import { createExtensionDataRef, createExtensionBlueprint } from '@backstage/frontend-plugin-api';
2
+
3
+ const themeDataRef = createExtensionDataRef().with({
4
+ id: "core.theme.theme"
5
+ });
6
+ const ThemeBlueprint = createExtensionBlueprint({
7
+ kind: "theme",
8
+ attachTo: { id: "api:app/app-theme", input: "themes" },
9
+ output: [themeDataRef],
10
+ dataRefs: {
11
+ theme: themeDataRef
12
+ },
13
+ factory: ({ theme }) => [themeDataRef(theme)]
14
+ });
15
+
16
+ export { ThemeBlueprint };
17
+ //# sourceMappingURL=ThemeBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeBlueprint.esm.js","sources":["../../src/blueprints/ThemeBlueprint.ts"],"sourcesContent":["/*\n * Copyright 2026 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 { AppTheme } from '@backstage/frontend-plugin-api';\nimport {\n createExtensionBlueprint,\n createExtensionDataRef,\n} from '@backstage/frontend-plugin-api';\n\nconst themeDataRef = createExtensionDataRef<AppTheme>().with({\n id: 'core.theme.theme',\n});\n\n/**\n * Creates an extension that adds/replaces an app theme. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const ThemeBlueprint = createExtensionBlueprint({\n kind: 'theme',\n attachTo: { id: 'api:app/app-theme', input: 'themes' },\n output: [themeDataRef],\n dataRefs: {\n theme: themeDataRef,\n },\n factory: ({ theme }: { theme: AppTheme }) => [themeDataRef(theme)],\n});\n"],"names":[],"mappings":";;AAsBA,MAAM,YAAA,GAAe,sBAAA,EAAiC,CAAE,IAAA,CAAK;AAAA,EAC3D,EAAA,EAAI;AACN,CAAC,CAAA;AAOM,MAAM,iBAAiB,wBAAA,CAAyB;AAAA,EACrD,IAAA,EAAM,OAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,mBAAA,EAAqB,OAAO,QAAA,EAAS;AAAA,EACrD,MAAA,EAAQ,CAAC,YAAY,CAAA;AAAA,EACrB,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,GACT;AAAA,EACA,OAAA,EAAS,CAAC,EAAE,KAAA,OAAiC,CAAC,YAAA,CAAa,KAAK,CAAC;AACnE,CAAC;;;;"}
@@ -0,0 +1,17 @@
1
+ import { createExtensionDataRef, createExtensionBlueprint } from '@backstage/frontend-plugin-api';
2
+
3
+ const translationDataRef = createExtensionDataRef().with({ id: "core.translation.translation" });
4
+ const TranslationBlueprint = createExtensionBlueprint({
5
+ kind: "translation",
6
+ attachTo: { id: "api:app/translations", input: "translations" },
7
+ output: [translationDataRef],
8
+ dataRefs: {
9
+ translation: translationDataRef
10
+ },
11
+ factory: ({
12
+ resource
13
+ }) => [translationDataRef(resource)]
14
+ });
15
+
16
+ export { TranslationBlueprint };
17
+ //# sourceMappingURL=TranslationBlueprint.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TranslationBlueprint.esm.js","sources":["../../src/blueprints/TranslationBlueprint.ts"],"sourcesContent":["/*\n * Copyright 2026 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 createExtensionBlueprint,\n createExtensionDataRef,\n TranslationMessages,\n TranslationResource,\n} from '@backstage/frontend-plugin-api';\n\nconst translationDataRef = createExtensionDataRef<\n TranslationResource | TranslationMessages\n>().with({ id: 'core.translation.translation' });\n\n/**\n * Creates an extension that adds translations to your app. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const TranslationBlueprint = createExtensionBlueprint({\n kind: 'translation',\n attachTo: { id: 'api:app/translations', input: 'translations' },\n output: [translationDataRef],\n dataRefs: {\n translation: translationDataRef,\n },\n factory: ({\n resource,\n }: {\n resource: TranslationResource | TranslationMessages;\n }) => [translationDataRef(resource)],\n});\n"],"names":[],"mappings":";;AAuBA,MAAM,qBAAqB,sBAAA,EAEzB,CAAE,KAAK,EAAE,EAAA,EAAI,gCAAgC,CAAA;AAOxC,MAAM,uBAAuB,wBAAA,CAAyB;AAAA,EAC3D,IAAA,EAAM,aAAA;AAAA,EACN,QAAA,EAAU,EAAE,EAAA,EAAI,sBAAA,EAAwB,OAAO,cAAA,EAAe;AAAA,EAC9D,MAAA,EAAQ,CAAC,kBAAkB,CAAA;AAAA,EAC3B,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,GACf;AAAA,EACA,SAAS,CAAC;AAAA,IACR;AAAA,GACF,KAEM,CAAC,kBAAA,CAAmB,QAAQ,CAAC;AACrC,CAAC;;;;"}
package/dist/index.d.ts CHANGED
@@ -1,110 +1,106 @@
1
1
  import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
2
- import { SignInPageProps, NavContentComponent } from '@backstage/frontend-plugin-api';
3
- export { NavContentComponent, NavContentComponentProps, SignInPageProps } from '@backstage/frontend-plugin-api';
4
- import * as react from 'react';
2
+ import { IconComponent, RouteRef, IdentityApi, SwappableComponentRef, AppTheme, TranslationResource, TranslationMessages } from '@backstage/frontend-plugin-api';
3
+ import { ReactNode, ComponentType } from 'react';
5
4
 
6
5
  /**
7
- * Creates an extension that renders a React wrapper at the app root, enclosing
8
- * the app layout. This blueprint is limited to use by the app plugin.
6
+ * Creates a extensions that render a React wrapper at the app root, enclosing
7
+ * the app layout. This is useful for example for adding global React contexts
8
+ * and similar. This blueprint is limited to use by the app plugin.
9
9
  *
10
10
  * @public
11
11
  */
12
12
  declare const AppRootWrapperBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
13
13
  kind: "app-root-wrapper";
14
14
  params: {
15
+ /** @deprecated use the `component` parameter instead */
15
16
  Component?: [error: "Use the `component` parameter instead"];
16
17
  component: (props: {
17
- children: react.ReactNode;
18
+ children: ReactNode;
18
19
  }) => JSX.Element | null;
19
20
  };
20
21
  output: _backstage_frontend_plugin_api.ExtensionDataRef<(props: {
21
- children: react.ReactNode;
22
+ children: ReactNode;
22
23
  }) => JSX.Element | null, "app.root.wrapper", {}>;
23
24
  inputs: {};
24
25
  config: {};
25
26
  configInput: {};
26
27
  dataRefs: {
27
28
  component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(props: {
28
- children: react.ReactNode;
29
+ children: ReactNode;
29
30
  }) => JSX.Element | null, "app.root.wrapper", {}>;
30
31
  };
31
32
  }>;
33
+
32
34
  /**
33
- * Creates an extension that adds/replaces an app theme. This blueprint is limited to use by the app plugin.
35
+ * Creates an extension that adds icon bundles to your app. This blueprint is limited to use by the app plugin.
34
36
  *
35
37
  * @public
36
38
  */
37
- declare const ThemeBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
38
- kind: "theme";
39
+ declare const IconBundleBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
40
+ kind: "icon-bundle";
39
41
  params: {
40
- theme: _backstage_frontend_plugin_api.AppTheme;
42
+ icons: { [key in string]: IconComponent; };
41
43
  };
42
- output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.AppTheme, "core.theme.theme", {}>;
44
+ output: _backstage_frontend_plugin_api.ExtensionDataRef<{
45
+ [x: string]: IconComponent;
46
+ }, "core.icons", {}>;
43
47
  inputs: {};
44
48
  config: {};
45
49
  configInput: {};
46
50
  dataRefs: {
47
- theme: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.AppTheme, "core.theme.theme", {}>;
51
+ icons: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
52
+ [x: string]: IconComponent;
53
+ }, "core.icons", {}>;
48
54
  };
49
55
  }>;
56
+
50
57
  /**
51
- * Blueprint for creating swappable components from a SwappableComponentRef and a loader. This blueprint is limited to use by the app plugin.
58
+ * The props for the {@link NavContentComponent}.
52
59
  *
53
60
  * @public
54
61
  */
55
- declare const SwappableComponentBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
56
- kind: "component";
57
- params: <Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any>>(params: {
58
- component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
59
- ref: Ref;
60
- } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
61
- loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element /**
62
- * Creates an extension that replaces the router component. This blueprint is limited to use by the app plugin.
63
- *
64
- * @public
65
- */ | null>) : never;
66
- }) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<{
67
- component: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<any, infer IExternalComponentProps> ? {
68
- ref: Ref;
69
- } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
70
- loader: Ref extends _backstage_frontend_plugin_api.SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element /**
71
- * Creates an extension that replaces the router component. This blueprint is limited to use by the app plugin.
72
- *
73
- * @public
74
- */ | null>) : never;
62
+ interface NavContentComponentProps {
63
+ /**
64
+ * The nav items available to the component. These are all the items created
65
+ * with the {@link @backstage/frontend-plugin-api#NavItemBlueprint} in the app.
66
+ *
67
+ * In addition to the original properties from the nav items, these also
68
+ * include a resolved route path as `to`, and duplicated `title` as `text` to
69
+ * simplify rendering.
70
+ */
71
+ items: Array<{
72
+ icon: IconComponent;
73
+ title: string;
74
+ routeRef: RouteRef<undefined>;
75
+ to: string;
76
+ text: string;
75
77
  }>;
76
- output: _backstage_frontend_plugin_api.ExtensionDataRef<{
77
- ref: _backstage_frontend_plugin_api.SwappableComponentRef;
78
- loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
79
- }, "core.swappableComponent", {}>;
80
- inputs: {};
81
- config: {};
82
- configInput: {};
83
- dataRefs: {
84
- component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
85
- ref: _backstage_frontend_plugin_api.SwappableComponentRef;
86
- loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
87
- }, "core.swappableComponent", {}>;
88
- };
89
- }>;
78
+ }
90
79
  /**
91
- * Creates an extension that replaces the sign in page. This blueprint is limited to use by the app plugin.
80
+ * A component that renders the nav bar content, to be passed to the {@link NavContentBlueprint}.
92
81
  *
93
82
  * @public
94
83
  */
95
- declare const SignInPageBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
96
- kind: "sign-in-page";
84
+ type NavContentComponent = (props: NavContentComponentProps) => JSX.Element | null;
85
+ /**
86
+ * Creates an extension that replaces the entire nav bar with your own component. This blueprint is limited to use by the app plugin.
87
+ *
88
+ * @public
89
+ */
90
+ declare const NavContentBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
91
+ kind: "nav-content";
97
92
  params: {
98
- loader: () => Promise<react.ComponentType<SignInPageProps>>;
93
+ component: NavContentComponent;
99
94
  };
100
- output: _backstage_frontend_plugin_api.ExtensionDataRef<react.ComponentType<SignInPageProps>, "core.sign-in-page.component", {}>;
95
+ output: _backstage_frontend_plugin_api.ExtensionDataRef<NavContentComponent, "core.nav-content.component", {}>;
101
96
  inputs: {};
102
97
  config: {};
103
98
  configInput: {};
104
99
  dataRefs: {
105
- component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<react.ComponentType<SignInPageProps>, "core.sign-in-page.component", {}>;
100
+ component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<NavContentComponent, "core.nav-content.component", {}>;
106
101
  };
107
102
  }>;
103
+
108
104
  /**
109
105
  * Creates an extension that replaces the router component. This blueprint is limited to use by the app plugin.
110
106
  *
@@ -113,61 +109,108 @@ declare const SignInPageBlueprint: _backstage_frontend_plugin_api.ExtensionBluep
113
109
  declare const RouterBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
114
110
  kind: "app-router-component";
115
111
  params: {
112
+ /** @deprecated use the `component` parameter instead */
116
113
  Component?: [error: "Use the `component` parameter instead"];
117
114
  component: (props: {
118
- children: react.ReactNode;
115
+ children: ReactNode;
119
116
  }) => JSX.Element | null;
120
117
  };
121
118
  output: _backstage_frontend_plugin_api.ExtensionDataRef<(props: {
122
- children: react.ReactNode;
119
+ children: ReactNode;
123
120
  }) => JSX.Element | null, "app.router.wrapper", {}>;
124
121
  inputs: {};
125
122
  config: {};
126
123
  configInput: {};
127
124
  dataRefs: {
128
125
  component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<(props: {
129
- children: react.ReactNode;
126
+ children: ReactNode;
130
127
  }) => JSX.Element | null, "app.router.wrapper", {}>;
131
128
  };
132
129
  }>;
130
+
133
131
  /**
134
- * Creates an extension that replaces the entire nav bar with your own component. This blueprint is limited to use by the app plugin.
132
+ * Props for the `SignInPage` component.
135
133
  *
136
134
  * @public
137
135
  */
138
- declare const NavContentBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
139
- kind: "nav-content";
136
+ type SignInPageProps = {
137
+ /**
138
+ * Set the IdentityApi on successful sign-in. This should only be called once.
139
+ */
140
+ onSignInSuccess(identityApi: IdentityApi): void;
141
+ /**
142
+ * The children to render.
143
+ */
144
+ children?: ReactNode;
145
+ };
146
+ /**
147
+ * Creates an extension that replaces the sign in page. This blueprint is limited to use by the app plugin.
148
+ *
149
+ * @public
150
+ */
151
+ declare const SignInPageBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
152
+ kind: "sign-in-page";
140
153
  params: {
141
- component: NavContentComponent;
154
+ loader: () => Promise<ComponentType<SignInPageProps>>;
142
155
  };
143
- output: _backstage_frontend_plugin_api.ExtensionDataRef<NavContentComponent, "core.nav-content.component", {}>;
156
+ output: _backstage_frontend_plugin_api.ExtensionDataRef<ComponentType<SignInPageProps>, "core.sign-in-page.component", {}>;
144
157
  inputs: {};
145
158
  config: {};
146
159
  configInput: {};
147
160
  dataRefs: {
148
- component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<NavContentComponent, "core.nav-content.component", {}>;
161
+ component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<ComponentType<SignInPageProps>, "core.sign-in-page.component", {}>;
149
162
  };
150
163
  }>;
164
+
151
165
  /**
152
- * Creates an extension that adds icon bundles to your app. This blueprint is limited to use by the app plugin.
166
+ * Blueprint for creating swappable components from a SwappableComponentRef and a loader. This blueprint is limited to use by the app plugin.
153
167
  *
154
168
  * @public
155
169
  */
156
- declare const IconBundleBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
157
- kind: "icon-bundle";
170
+ declare const SwappableComponentBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
171
+ kind: "component";
172
+ params: <Ref extends SwappableComponentRef<any>>(params: {
173
+ component: Ref extends SwappableComponentRef<any, infer IExternalComponentProps> ? {
174
+ ref: Ref;
175
+ } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
176
+ loader: Ref extends SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
177
+ }) => _backstage_frontend_plugin_api.ExtensionBlueprintParams<{
178
+ component: Ref extends SwappableComponentRef<any, infer IExternalComponentProps> ? {
179
+ ref: Ref;
180
+ } & ((props: IExternalComponentProps) => JSX.Element | null) : never;
181
+ loader: Ref extends SwappableComponentRef<infer IInnerComponentProps, any> ? (() => (props: IInnerComponentProps) => JSX.Element | null) | (() => Promise<(props: IInnerComponentProps) => JSX.Element | null>) : never;
182
+ }>;
183
+ output: _backstage_frontend_plugin_api.ExtensionDataRef<{
184
+ ref: SwappableComponentRef;
185
+ loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
186
+ }, "core.swappableComponent", {}>;
187
+ inputs: {};
188
+ config: {};
189
+ configInput: {};
190
+ dataRefs: {
191
+ component: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
192
+ ref: SwappableComponentRef;
193
+ loader: (() => (props: {}) => JSX.Element | null) | (() => Promise<(props: {}) => JSX.Element | null>);
194
+ }, "core.swappableComponent", {}>;
195
+ };
196
+ }>;
197
+
198
+ /**
199
+ * Creates an extension that adds/replaces an app theme. This blueprint is limited to use by the app plugin.
200
+ *
201
+ * @public
202
+ */
203
+ declare const ThemeBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
204
+ kind: "theme";
158
205
  params: {
159
- icons: { [key in string]: _backstage_frontend_plugin_api.IconComponent; };
206
+ theme: AppTheme;
160
207
  };
161
- output: _backstage_frontend_plugin_api.ExtensionDataRef<{
162
- [x: string]: _backstage_frontend_plugin_api.IconComponent;
163
- }, "core.icons", {}>;
208
+ output: _backstage_frontend_plugin_api.ExtensionDataRef<AppTheme, "core.theme.theme", {}>;
164
209
  inputs: {};
165
210
  config: {};
166
211
  configInput: {};
167
212
  dataRefs: {
168
- icons: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<{
169
- [x: string]: _backstage_frontend_plugin_api.IconComponent;
170
- }, "core.icons", {}>;
213
+ theme: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<AppTheme, "core.theme.theme", {}>;
171
214
  };
172
215
  }>;
173
216
 
@@ -179,19 +222,20 @@ declare const IconBundleBlueprint: _backstage_frontend_plugin_api.ExtensionBluep
179
222
  declare const TranslationBlueprint: _backstage_frontend_plugin_api.ExtensionBlueprint<{
180
223
  kind: "translation";
181
224
  params: {
182
- resource: _backstage_frontend_plugin_api.TranslationResource | _backstage_frontend_plugin_api.TranslationMessages;
225
+ resource: TranslationResource | TranslationMessages;
183
226
  };
184
- output: _backstage_frontend_plugin_api.ExtensionDataRef<_backstage_frontend_plugin_api.TranslationResource<string> | _backstage_frontend_plugin_api.TranslationMessages<string, {
227
+ output: _backstage_frontend_plugin_api.ExtensionDataRef<TranslationResource<string> | TranslationMessages<string, {
185
228
  [x: string]: string;
186
229
  }, boolean>, "core.translation.translation", {}>;
187
230
  inputs: {};
188
231
  config: {};
189
232
  configInput: {};
190
233
  dataRefs: {
191
- translation: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<_backstage_frontend_plugin_api.TranslationResource<string> | _backstage_frontend_plugin_api.TranslationMessages<string, {
234
+ translation: _backstage_frontend_plugin_api.ConfigurableExtensionDataRef<TranslationResource<string> | TranslationMessages<string, {
192
235
  [x: string]: string;
193
236
  }, boolean>, "core.translation.translation", {}>;
194
237
  };
195
238
  }>;
196
239
 
197
240
  export { AppRootWrapperBlueprint, IconBundleBlueprint, NavContentBlueprint, RouterBlueprint, SignInPageBlueprint, SwappableComponentBlueprint, ThemeBlueprint, TranslationBlueprint };
241
+ export type { NavContentComponent, NavContentComponentProps, SignInPageProps };
package/dist/index.esm.js CHANGED
@@ -1,2 +1,9 @@
1
- export { AppRootWrapperBlueprint, IconBundleBlueprint, NavContentBlueprint, RouterBlueprint, SignInPageBlueprint, SwappableComponentBlueprint, ThemeBlueprint, TranslationBlueprint } from './blueprints/index.esm.js';
1
+ export { AppRootWrapperBlueprint } from './blueprints/AppRootWrapperBlueprint.esm.js';
2
+ export { IconBundleBlueprint } from './blueprints/IconBundleBlueprint.esm.js';
3
+ export { NavContentBlueprint } from './blueprints/NavContentBlueprint.esm.js';
4
+ export { RouterBlueprint } from './blueprints/RouterBlueprint.esm.js';
5
+ export { SignInPageBlueprint } from './blueprints/SignInPageBlueprint.esm.js';
6
+ export { SwappableComponentBlueprint } from './blueprints/SwappableComponentBlueprint.esm.js';
7
+ export { ThemeBlueprint } from './blueprints/ThemeBlueprint.esm.js';
8
+ export { TranslationBlueprint } from './blueprints/TranslationBlueprint.esm.js';
2
9
  //# sourceMappingURL=index.esm.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@backstage/plugin-app-react",
3
- "version": "0.1.0",
3
+ "version": "0.1.1-next.0",
4
4
  "description": "Web library for the app plugin",
5
5
  "backstage": {
6
6
  "role": "web-library",
@@ -39,14 +39,14 @@
39
39
  "test": "backstage-cli package test"
40
40
  },
41
41
  "dependencies": {
42
- "@backstage/core-plugin-api": "^1.12.1",
43
- "@backstage/frontend-plugin-api": "^0.13.3",
42
+ "@backstage/core-plugin-api": "1.12.2-next.0",
43
+ "@backstage/frontend-plugin-api": "0.14.0-next.0",
44
44
  "@material-ui/core": "^4.9.13"
45
45
  },
46
46
  "devDependencies": {
47
- "@backstage/cli": "^0.35.2",
48
- "@backstage/frontend-test-utils": "^0.4.3",
49
- "@backstage/test-utils": "^1.7.14",
47
+ "@backstage/cli": "0.35.3-next.0",
48
+ "@backstage/frontend-test-utils": "0.4.5-next.0",
49
+ "@backstage/test-utils": "1.7.15-next.0",
50
50
  "@testing-library/jest-dom": "^6.0.0",
51
51
  "@testing-library/react": "^16.0.0",
52
52
  "@types/react": "^18.0.0",
@@ -1,13 +0,0 @@
1
- import { AppRootWrapperBlueprint as AppRootWrapperBlueprint$1, ThemeBlueprint as ThemeBlueprint$1, SwappableComponentBlueprint as SwappableComponentBlueprint$1, SignInPageBlueprint as SignInPageBlueprint$1, RouterBlueprint as RouterBlueprint$1, NavContentBlueprint as NavContentBlueprint$1, IconBundleBlueprint as IconBundleBlueprint$1, TranslationBlueprint as TranslationBlueprint$1 } from '@backstage/frontend-plugin-api';
2
-
3
- const AppRootWrapperBlueprint = AppRootWrapperBlueprint$1;
4
- const ThemeBlueprint = ThemeBlueprint$1;
5
- const SwappableComponentBlueprint = SwappableComponentBlueprint$1;
6
- const SignInPageBlueprint = SignInPageBlueprint$1;
7
- const RouterBlueprint = RouterBlueprint$1;
8
- const NavContentBlueprint = NavContentBlueprint$1;
9
- const IconBundleBlueprint = IconBundleBlueprint$1;
10
- const TranslationBlueprint = TranslationBlueprint$1;
11
-
12
- export { AppRootWrapperBlueprint, IconBundleBlueprint, NavContentBlueprint, RouterBlueprint, SignInPageBlueprint, SwappableComponentBlueprint, ThemeBlueprint, TranslationBlueprint };
13
- //# sourceMappingURL=index.esm.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.esm.js","sources":["../../src/blueprints/index.ts"],"sourcesContent":["/*\n * Copyright 2026 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 AppRootWrapperBlueprint as _AppRootWrapperBlueprint,\n IconBundleBlueprint as _IconBundleBlueprint,\n NavContentBlueprint as _NavContentBlueprint,\n type NavContentComponent,\n type NavContentComponentProps,\n RouterBlueprint as _RouterBlueprint,\n SignInPageBlueprint as _SignInPageBlueprint,\n type SignInPageProps,\n SwappableComponentBlueprint as _SwappableComponentBlueprint,\n ThemeBlueprint as _ThemeBlueprint,\n TranslationBlueprint as _TranslationBlueprint,\n} from '@backstage/frontend-plugin-api';\n\n/**\n * Creates an extension that renders a React wrapper at the app root, enclosing\n * the app layout. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const AppRootWrapperBlueprint = _AppRootWrapperBlueprint;\n\n/**\n * Creates an extension that adds/replaces an app theme. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const ThemeBlueprint = _ThemeBlueprint;\n\n/**\n * Blueprint for creating swappable components from a SwappableComponentRef and a loader. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const SwappableComponentBlueprint = _SwappableComponentBlueprint;\n\n/**\n * Creates an extension that replaces the sign in page. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const SignInPageBlueprint = _SignInPageBlueprint;\n\n/**\n * Creates an extension that replaces the router component. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const RouterBlueprint = _RouterBlueprint;\n\n/**\n * Creates an extension that replaces the entire nav bar with your own component. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const NavContentBlueprint = _NavContentBlueprint;\n\n/**\n * Creates an extension that adds icon bundles to your app. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const IconBundleBlueprint = _IconBundleBlueprint;\n\n/**\n * Props for the `SignInPage` component.\n *\n * @public\n */\nexport type { SignInPageProps };\n\n/**\n * The props for the {@link NavContentComponent}.\n *\n * @public\n */\nexport type { NavContentComponentProps };\n\n/**\n * A component that renders the nav bar content, to be passed to the {@link NavContentBlueprint}.\n *\n * @public\n */\nexport type { NavContentComponent };\n\n/**\n * Creates an extension that adds translations to your app. This blueprint is limited to use by the app plugin.\n *\n * @public\n */\nexport const TranslationBlueprint = _TranslationBlueprint;\n"],"names":["_AppRootWrapperBlueprint","_ThemeBlueprint","_SwappableComponentBlueprint","_SignInPageBlueprint","_RouterBlueprint","_NavContentBlueprint","_IconBundleBlueprint","_TranslationBlueprint"],"mappings":";;AAoCO,MAAM,uBAAA,GAA0BA;AAOhC,MAAM,cAAA,GAAiBC;AAOvB,MAAM,2BAAA,GAA8BC;AAOpC,MAAM,mBAAA,GAAsBC;AAO5B,MAAM,eAAA,GAAkBC;AAOxB,MAAM,mBAAA,GAAsBC;AAO5B,MAAM,mBAAA,GAAsBC;AA4B5B,MAAM,oBAAA,GAAuBC;;;;"}