@backstage/plugin-user-settings 0.9.6 → 0.9.7-next.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @backstage/plugin-user-settings
 
+## 0.9.7-next.1
+
+### Patch Changes
+
+- d421187: Reduced the initial app bundle size by loading page and optional UI implementations only when their extensions render.
+- Updated dependencies
+  - @backstage/core-components@0.18.14-next.1
+  - @backstage/frontend-plugin-api@0.18.1-next.0
+  - @backstage/plugin-catalog-react@3.2.3-next.1
+  - @backstage/ui@0.18.0-next.1
+  - @backstage/core-plugin-api@1.12.10-next.0
+  - @backstage/core-app-api@1.20.5-next.1
+  - @backstage/plugin-signals-react@0.0.26-next.0
+
+## 0.9.7-next.0
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/ui@0.17.2-next.0
+  - @backstage/plugin-catalog-react@3.2.2-next.0
+  - @backstage/core-app-api@1.20.5-next.0
+  - @backstage/core-components@0.18.14-next.0
+
 ## 0.9.6
 
 ### Patch Changes

package/dist/alpha.esm.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import { PageBlueprint, SubPageBlueprint, coreExtensionData, createExtensionInput, createFrontendPlugin } from '@backstage/frontend-plugin-api';
-import { Content } from '@backstage/core-components';
 import SettingsIcon from '@material-ui/icons/Settings';
 import { settingsRouteRef } from './plugin.esm.js';
 import { userSettingsTranslationRef as userSettingsTranslationRef$1 } from './translation.esm.js';
@@ -19,7 +18,13 @@ const generalSettingsPage = SubPageBlueprint.make({
   params: {
     path: "general",
     title: "General",
-    loader: () => import('./components/General/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsGeneral, {}) }))
+    loader: async () => {
+      const [m, { Content }] = await Promise.all([
+        import('./components/General/index.esm.js'),
+        import('@backstage/core-components')
+      ]);
+      return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsGeneral, {}) });
+    }
   }
 });
 const authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({
@@ -34,14 +39,20 @@ const authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({
     return originalFactory({
       path: "auth-providers",
       title: "Authentication Providers",
-      loader: () => import('./components/AuthProviders/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
-        m.UserSettingsAuthProviders,
-        {
-          providerSettings: inputs.providerSettings?.get(
-            coreExtensionData.reactElement
-          )
-        }
-      ) }))
+      loader: async () => {
+        const [m, { Content }] = await Promise.all([
+          import('./components/AuthProviders/index.esm.js'),
+          import('@backstage/core-components')
+        ]);
+        return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(
+          m.UserSettingsAuthProviders,
+          {
+            providerSettings: inputs.providerSettings?.get(
+              coreExtensionData.reactElement
+            )
+          }
+        ) });
+      }
     });
   }
 });
@@ -50,7 +61,13 @@ const featureFlagsSettingsPage = SubPageBlueprint.make({
   params: {
     path: "feature-flags",
     title: "Feature Flags",
-    loader: () => import('./components/FeatureFlags/index.esm.js').then((m) => /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsFeatureFlags, {}) }))
+    loader: async () => {
+      const [m, { Content }] = await Promise.all([
+        import('./components/FeatureFlags/index.esm.js'),
+        import('@backstage/core-components')
+      ]);
+      return /* @__PURE__ */ jsx(Content, { children: /* @__PURE__ */ jsx(m.UserSettingsFeatureFlags, {}) });
+    }
   }
 });
 var alpha = createFrontendPlugin({

package/dist/alpha.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  coreExtensionData,\n  createExtensionInput,\n  createFrontendPlugin,\n  PageBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport { Content } from '@backstage/core-components';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from './plugin';\n\nimport { userSettingsTranslationRef as _userSettingsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-user-settings` instead.\n */\nexport const userSettingsTranslationRef = _userSettingsTranslationRef;\n\nconst userSettingsPage = PageBlueprint.make({\n  params: {\n    path: '/settings',\n    routeRef: settingsRouteRef,\n    title: 'Settings',\n    icon: <SettingsIcon fontSize=\"inherit\" />,\n  },\n});\n\nconst generalSettingsPage = SubPageBlueprint.make({\n  name: 'general',\n  params: {\n    path: 'general',\n    title: 'General',\n    loader: () =>\n      import('./components/General').then(m => (\n        <Content>\n          <m.UserSettingsGeneral />\n        </Content>\n      )),\n  },\n});\n\nconst authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({\n  name: 'auth-providers',\n  inputs: {\n    providerSettings: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: true,\n      optional: true,\n    }),\n  },\n  factory(originalFactory, { inputs }) {\n    return originalFactory({\n      path: 'auth-providers',\n      title: 'Authentication Providers',\n      loader: () =>\n        import('./components/AuthProviders').then(m => (\n          <Content>\n            <m.UserSettingsAuthProviders\n              providerSettings={inputs.providerSettings?.get(\n                coreExtensionData.reactElement,\n              )}\n            />\n          </Content>\n        )),\n    });\n  },\n});\n\nconst featureFlagsSettingsPage = SubPageBlueprint.make({\n  name: 'feature-flags',\n  params: {\n    path: 'feature-flags',\n    title: 'Feature Flags',\n    loader: () =>\n      import('./components/FeatureFlags').then(m => (\n        <Content>\n          <m.UserSettingsFeatureFlags />\n        </Content>\n      )),\n  },\n});\n\n/**\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'user-settings',\n  title: 'Settings',\n  icon: <SettingsIcon fontSize=\"inherit\" />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    userSettingsPage,\n    generalSettingsPage,\n    authProvidersSettingsPage,\n    featureFlagsSettingsPage,\n  ],\n  routes: {\n    root: settingsRouteRef,\n  },\n});\n"],"names":["_userSettingsTranslationRef"],"mappings":";;;;;;;AAgCO,MAAM,0BAAA,GAA6BA;AAE1C,MAAM,gBAAA,GAAmB,cAAc,IAAA,CAAK;AAAA,EAC1C,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,WAAA;AAAA,IACN,QAAA,EAAU,gBAAA;AAAA,IACV,KAAA,EAAO,UAAA;AAAA,IACP,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU;AAAA;AAE3C,CAAC,CAAA;AAED,MAAM,mBAAA,GAAsB,iBAAiB,IAAA,CAAK;AAAA,EAChD,IAAA,EAAM,SAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,SAAA;AAAA,IACN,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,mCAAsB,EAAE,IAAA,CAAK,CAAA,CAAA,qBAClC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,mBAAA,EAAF,EAAsB,GACzB,CACD;AAAA;AAEP,CAAC,CAAA;AAED,MAAM,yBAAA,GAA4B,iBAAiB,iBAAA,CAAkB;AAAA,EACnE,IAAA,EAAM,gBAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,gBAAA,EAAkB,oBAAA,CAAqB,CAAC,iBAAA,CAAkB,YAAY,CAAA,EAAG;AAAA,MACvE,SAAA,EAAW,IAAA;AAAA,MACX,QAAA,EAAU;AAAA,KACX;AAAA,GACH;AAAA,EACA,OAAA,CAAQ,eAAA,EAAiB,EAAE,MAAA,EAAO,EAAG;AACnC,IAAA,OAAO,eAAA,CAAgB;AAAA,MACrB,IAAA,EAAM,gBAAA;AAAA,MACN,KAAA,EAAO,0BAAA;AAAA,MACP,MAAA,EAAQ,MACN,OAAO,yCAA4B,EAAE,IAAA,CAAK,CAAA,CAAA,yBACvC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,QAAC,CAAA,CAAE,yBAAA;AAAA,QAAF;AAAA,UACC,gBAAA,EAAkB,OAAO,gBAAA,EAAkB,GAAA;AAAA,YACzC,iBAAA,CAAkB;AAAA;AACpB;AAAA,SAEJ,CACD;AAAA,KACJ,CAAA;AAAA,EACH;AACF,CAAC,CAAA;AAED,MAAM,wBAAA,GAA2B,iBAAiB,IAAA,CAAK;AAAA,EACrD,IAAA,EAAM,eAAA;AAAA,EACN,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,eAAA;AAAA,IACN,KAAA,EAAO,eAAA;AAAA,IACP,MAAA,EAAQ,MACN,OAAO,wCAA2B,EAAE,IAAA,CAAK,CAAA,CAAA,qBACvC,GAAA,CAAC,OAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,CAAA,CAAE,wBAAA,EAAF,EAA2B,GAC9B,CACD;AAAA;AAEP,CAAC,CAAA;AAKD,YAAe,oBAAA,CAAqB;AAAA,EAClC,QAAA,EAAU,eAAA;AAAA,EACV,KAAA,EAAO,UAAA;AAAA,EACP,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACvC,MAAM,EAAE,WAAA,EAAa,MAAM,OAAO,uBAAiB,CAAA,EAAE;AAAA,EACrD,UAAA,EAAY;AAAA,IACV,gBAAA;AAAA,IACA,mBAAA;AAAA,IACA,yBAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;;;;"}
+{"version":3,"file":"alpha.esm.js","sources":["../src/alpha.tsx"],"sourcesContent":["/*\n * Copyright 2023 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nimport {\n  coreExtensionData,\n  createExtensionInput,\n  createFrontendPlugin,\n  PageBlueprint,\n  SubPageBlueprint,\n} from '@backstage/frontend-plugin-api';\nimport SettingsIcon from '@material-ui/icons/Settings';\nimport { settingsRouteRef } from './plugin';\n\nimport { userSettingsTranslationRef as _userSettingsTranslationRef } from './translation';\n\n/**\n * @alpha\n * @deprecated Import from `@backstage/plugin-user-settings` instead.\n */\nexport const userSettingsTranslationRef = _userSettingsTranslationRef;\n\nconst userSettingsPage = PageBlueprint.make({\n  params: {\n    path: '/settings',\n    routeRef: settingsRouteRef,\n    title: 'Settings',\n    icon: <SettingsIcon fontSize=\"inherit\" />,\n  },\n});\n\nconst generalSettingsPage = SubPageBlueprint.make({\n  name: 'general',\n  params: {\n    path: 'general',\n    title: 'General',\n    loader: async () => {\n      const [m, { Content }] = await Promise.all([\n        import('./components/General'),\n        import('@backstage/core-components'),\n      ]);\n      return (\n        <Content>\n          <m.UserSettingsGeneral />\n        </Content>\n      );\n    },\n  },\n});\n\nconst authProvidersSettingsPage = SubPageBlueprint.makeWithOverrides({\n  name: 'auth-providers',\n  inputs: {\n    providerSettings: createExtensionInput([coreExtensionData.reactElement], {\n      singleton: true,\n      optional: true,\n    }),\n  },\n  factory(originalFactory, { inputs }) {\n    return originalFactory({\n      path: 'auth-providers',\n      title: 'Authentication Providers',\n      loader: async () => {\n        const [m, { Content }] = await Promise.all([\n          import('./components/AuthProviders'),\n          import('@backstage/core-components'),\n        ]);\n        return (\n          <Content>\n            <m.UserSettingsAuthProviders\n              providerSettings={inputs.providerSettings?.get(\n                coreExtensionData.reactElement,\n              )}\n            />\n          </Content>\n        );\n      },\n    });\n  },\n});\n\nconst featureFlagsSettingsPage = SubPageBlueprint.make({\n  name: 'feature-flags',\n  params: {\n    path: 'feature-flags',\n    title: 'Feature Flags',\n    loader: async () => {\n      const [m, { Content }] = await Promise.all([\n        import('./components/FeatureFlags'),\n        import('@backstage/core-components'),\n      ]);\n      return (\n        <Content>\n          <m.UserSettingsFeatureFlags />\n        </Content>\n      );\n    },\n  },\n});\n\n/**\n * @alpha\n */\nexport default createFrontendPlugin({\n  pluginId: 'user-settings',\n  title: 'Settings',\n  icon: <SettingsIcon fontSize=\"inherit\" />,\n  info: { packageJson: () => import('../package.json') },\n  extensions: [\n    userSettingsPage,\n    generalSettingsPage,\n    authProvidersSettingsPage,\n    featureFlagsSettingsPage,\n  ],\n  routes: {\n    root: settingsRouteRef,\n  },\n});\n"],"names":["_userSettingsTranslationRef"],"mappings":"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"}

package/dist/components/AuthProviders/index.esm.js

@@ -1,8 +1,4 @@
-import { UserSettingsAuthProviders } from './UserSettingsAuthProviders.esm.js';
+export { UserSettingsAuthProviders } from './UserSettingsAuthProviders.esm.js';
 export { DefaultProviderSettings } from './DefaultProviderSettings.esm.js';
 export { ProviderSettingsItem } from './ProviderSettingsItem.esm.js';
-
-
-
-export { UserSettingsAuthProviders };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/AuthProviders/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/components/FeatureFlags/index.esm.js

@@ -1,6 +1,2 @@
-import { UserSettingsFeatureFlags } from './UserSettingsFeatureFlags.esm.js';
-
-
-
-export { UserSettingsFeatureFlags };
+export { UserSettingsFeatureFlags } from './UserSettingsFeatureFlags.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/components/FeatureFlags/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/components/General/index.esm.js

@@ -1,4 +1,4 @@
-import { UserSettingsGeneral } from './UserSettingsGeneral.esm.js';
+export { UserSettingsGeneral } from './UserSettingsGeneral.esm.js';
 export { UserSettingsProfileCard } from './UserSettingsProfileCard.esm.js';
 export { UserSettingsMenu } from './UserSettingsMenu.esm.js';
 export { UserSettingsSignInAvatar } from './UserSettingsSignInAvatar.esm.js';
@@ -7,8 +7,4 @@ export { UserSettingsThemeToggle } from './UserSettingsThemeToggle.esm.js';
 export { UserSettingsPinToggle } from './UserSettingsPinToggle.esm.js';
 export { UserSettingsIdentityCard } from './UserSettingsIdentityCard.esm.js';
 export { UserSettingsLanguageToggle } from './UserSettingsLanguageToggle.esm.js';
-
-
-
-export { UserSettingsGeneral };
 //# sourceMappingURL=index.esm.js.map

package/dist/components/General/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/package.json.esm.js

@@ -1,5 +1,5 @@
 var name = "@backstage/plugin-user-settings";
-var version = "0.9.6";
+var version = "0.9.7-next.1";
 var description = "A Backstage plugin that provides a settings page";
 var backstage = {
 	role: "frontend-plugin",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/plugin-user-settings",
-  "version": "0.9.6",
+  "version": "0.9.7-next.1",
   "description": "A Backstage plugin that provides a settings page",
   "backstage": {
     "role": "frontend-plugin",
@@ -67,18 +67,18 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
-    "@backstage/catalog-model": "^1.10.0",
-    "@backstage/core-app-api": "^1.20.4",
-    "@backstage/core-components": "^0.18.13",
-    "@backstage/core-plugin-api": "^1.12.9",
-    "@backstage/errors": "^1.3.1",
-    "@backstage/frontend-plugin-api": "^0.18.0",
-    "@backstage/plugin-catalog-react": "^3.2.1",
-    "@backstage/plugin-signals-react": "^0.0.25",
-    "@backstage/plugin-user-settings-common": "^0.1.0",
-    "@backstage/theme": "^0.7.3",
-    "@backstage/types": "^1.2.2",
-    "@backstage/ui": "^0.17.1",
+    "@backstage/catalog-model": "1.10.0",
+    "@backstage/core-app-api": "1.20.5-next.1",
+    "@backstage/core-components": "0.18.14-next.1",
+    "@backstage/core-plugin-api": "1.12.10-next.0",
+    "@backstage/errors": "1.3.1",
+    "@backstage/frontend-plugin-api": "0.18.1-next.0",
+    "@backstage/plugin-catalog-react": "3.2.3-next.1",
+    "@backstage/plugin-signals-react": "0.0.26-next.0",
+    "@backstage/plugin-user-settings-common": "0.1.0",
+    "@backstage/theme": "0.7.3",
+    "@backstage/types": "1.2.2",
+    "@backstage/ui": "0.18.0-next.1",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.61",
@@ -87,10 +87,10 @@
     "zen-observable": "^0.10.0"
   },
   "devDependencies": {
-    "@backstage/cli": "^0.36.5",
-    "@backstage/dev-utils": "^1.1.26",
-    "@backstage/plugin-catalog": "^2.0.8",
-    "@backstage/test-utils": "^1.7.21",
+    "@backstage/cli": "0.36.6-next.0",
+    "@backstage/dev-utils": "1.1.27-next.1",
+    "@backstage/plugin-catalog": "2.0.9-next.1",
+    "@backstage/test-utils": "1.7.22-next.1",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.0.0",