@backstage/dev-utils 0.2.13 → 0.2.17

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # @backstage/dev-utils
 
+## 0.2.17
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/test-utils@0.2.2
+  - @backstage/core-components@0.8.4
+  - @backstage/core-plugin-api@0.5.0
+  - @backstage/plugin-catalog-react@0.6.11
+  - @backstage/core-app-api@0.4.0
+  - @backstage/app-defaults@0.1.4
+  - @backstage/catalog-model@0.9.9
+  - @backstage/integration-react@0.1.18
+
+## 0.2.16
+
+### Patch Changes
+
+- 4ce51ab0f1: Internal refactor of the `react-use` imports to use `react-use/lib/*` instead.
+- Updated dependencies
+  - @backstage/core-plugin-api@0.4.1
+  - @backstage/plugin-catalog-react@0.6.10
+  - @backstage/core-app-api@0.3.1
+  - @backstage/core-components@0.8.3
+
+## 0.2.15
+
+### Patch Changes
+
+- Updated dependencies
+  - @backstage/app-defaults@0.1.3
+  - @backstage/core-app-api@0.3.0
+  - @backstage/core-plugin-api@0.4.0
+  - @backstage/plugin-catalog-react@0.6.8
+  - @backstage/core-components@0.8.2
+  - @backstage/test-utils@0.2.0
+  - @backstage/integration-react@0.1.16
+
+## 0.2.14
+
+### Patch Changes
+
+- cd450844f6: Moved React dependencies to `peerDependencies` and allow both React v16 and v17 to be used.
+- dcd1a0c3f4: Minor improvement to the API reports, by not unpacking arguments directly
+- Updated dependencies
+  - @backstage/core-components@0.8.0
+  - @backstage/core-plugin-api@0.3.0
+  - @backstage/core-app-api@0.2.0
+  - @backstage/app-defaults@0.1.2
+  - @backstage/integration-react@0.1.15
+  - @backstage/test-utils@0.1.24
+  - @backstage/plugin-catalog-react@0.6.5
+
 ## 0.2.13
 
 ### Patch Changes

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import { IconComponent, BackstagePlugin, ApiFactory, AppTheme } from '@backstage
 import { ReactNode, ComponentType } from 'react';
 
 /** @public */
-declare const EntityGridItem: ({ entity, classes, ...rest }: Omit<GridProps<"div", {}>, "container" | "item"> & {
+declare const EntityGridItem: (props: Omit<GridProps, 'item' | 'container'> & {
     entity: Entity;
 }) => JSX.Element;
 

package/dist/index.esm.js

@@ -11,10 +11,10 @@ import ReactDOM from 'react-dom';
 import { hot } from 'react-hot-loader';
 import { Route } from 'react-router';
 import AutoIcon from '@material-ui/icons/BrightnessAuto';
-import { useObservable } from 'react-use';
+import useObservable from 'react-use/lib/useObservable';
 
 const useStyles = makeStyles((theme) => ({
-  root: ({entity}) => ({
+  root: ({ entity }) => ({
     position: "relative",
     "&::before": {
       content: `"${entity.metadata.name}"`,
@@ -25,22 +25,19 @@ const useStyles = makeStyles((theme) => ({
     }
   })
 }));
-const EntityGridItem = ({
-  entity,
-  classes,
-  ...rest
-}) => {
-  const itemClasses = useStyles({entity});
+const EntityGridItem = (props) => {
+  const { entity, classes, ...rest } = props;
+  const itemClasses = useStyles({ entity });
   return /* @__PURE__ */ React.createElement(EntityProvider, {
     entity
   }, /* @__PURE__ */ React.createElement(Grid, {
-    classes: {root: itemClasses.root, ...classes},
+    classes: { root: itemClasses.root, ...classes },
     ...rest,
     item: true
   }));
 };
 
-const ThemeIcon = ({active, icon}) => icon ? cloneElement(icon, {
+const ThemeIcon = ({ active, icon }) => icon ? cloneElement(icon, {
   color: active ? "primary" : void 0
 }) : /* @__PURE__ */ React.createElement(AutoIcon, {
   color: active ? "primary" : void 0
@@ -109,7 +106,7 @@ const SidebarThemeSwitcher = () => {
   })));
 };
 
-const GatheringRoute = ({element}) => element;
+const GatheringRoute = ({ element }) => element;
 attachComponentData(GatheringRoute, "core.gatherMountPoints", true);
 class DevAppBuilder {
   constructor() {
@@ -158,7 +155,7 @@ class DevAppBuilder {
     return this;
   }
   build() {
-    const dummyRouteRef = createRouteRef({title: "Page of another plugin"});
+    const dummyRouteRef = createRouteRef({ id: "dummy" });
     const DummyPage = () => /* @__PURE__ */ React.createElement(Box, {
       p: 3
     }, "Page belonging to another plugin.");
@@ -167,15 +164,15 @@ class DevAppBuilder {
     if (!apis.some((api) => api.api.id === scmIntegrationsApiRef.id)) {
       apis.push(createApiFactory({
         api: scmIntegrationsApiRef,
-        deps: {configApi: configApiRef},
-        factory: ({configApi}) => ScmIntegrationsApi.fromConfig(configApi)
+        deps: { configApi: configApiRef },
+        factory: ({ configApi }) => ScmIntegrationsApi.fromConfig(configApi)
       }));
     }
     const app = createApp({
       apis,
       plugins: this.plugins,
       themes: this.themes,
-      bindRoutes: ({bind}) => {
+      bindRoutes: ({ bind }) => {
         var _a;
         for (const plugin of (_a = this.plugins) != null ? _a : []) {
           const targets = {};

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/components/EntityGridItem/EntityGridItem.tsx","../src/devApp/SidebarThemeSwitcher.tsx","../src/devApp/render.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { Entity } from '@backstage/catalog-model';\nimport { EntityProvider } from '@backstage/plugin-catalog-react';\nimport { BackstageTheme } from '@backstage/theme';\nimport { Grid, GridProps, makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles<BackstageTheme, { entity: Entity }>(theme => ({\n  root: ({ entity }) => ({\n    position: 'relative',\n\n    '&::before': {\n      content: `\"${entity.metadata.name}\"`,\n      top: -theme.typography.fontSize + 4,\n      display: 'block',\n      position: 'absolute',\n      color: theme.palette.textSubtle,\n    },\n  }),\n}));\n\n/** @public */\nexport const EntityGridItem = ({\n  entity,\n  classes,\n  ...rest\n}: Omit<GridProps, 'item' | 'container'> & { entity: Entity }): JSX.Element => {\n  const itemClasses = useStyles({ entity });\n\n  return (\n    <EntityProvider entity={entity}>\n      <Grid classes={{ root: itemClasses.root, ...classes }} {...rest} item />\n    </EntityProvider>\n  );\n};\n","/*\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 */\nimport { SidebarItem } from '@backstage/core-components';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\nimport { ListItemIcon, ListItemText, Menu, MenuItem } from '@material-ui/core';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport React, { cloneElement, useCallback, useState } from 'react';\nimport { useObservable } from 'react-use';\n\ntype ThemeIconProps = {\n  active?: boolean;\n  icon: JSX.Element | undefined;\n};\n\nconst ThemeIcon = ({ active, icon }: ThemeIconProps) =>\n  icon ? (\n    cloneElement(icon, {\n      color: active ? 'primary' : undefined,\n    })\n  ) : (\n    <AutoIcon color={active ? 'primary' : undefined} />\n  );\n\nexport const SidebarThemeSwitcher = () => {\n  const appThemeApi = useApi(appThemeApiRef);\n  const themeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n  const themeIds = appThemeApi.getInstalledThemes();\n  const activeTheme = themeIds.find(t => t.id === themeId);\n\n  const [anchorEl, setAnchorEl] = useState<Element | undefined>();\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event: React.MouseEvent) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleSelectTheme = (newThemeId: string | undefined) => {\n    if (themeIds.some(t => t.id === newThemeId)) {\n      appThemeApi.setActiveThemeId(newThemeId);\n    } else {\n      appThemeApi.setActiveThemeId(undefined);\n    }\n\n    setAnchorEl(undefined);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(undefined);\n  };\n\n  const ActiveIcon = useCallback(\n    () => <ThemeIcon icon={activeTheme?.icon} />,\n    [activeTheme],\n  );\n\n  return (\n    <>\n      <SidebarItem\n        icon={ActiveIcon}\n        text=\"Switch Theme\"\n        id=\"theme-button\"\n        aria-haspopup=\"listbox\"\n        aria-controls=\"theme-menu\"\n        aria-label=\"switch theme\"\n        aria-expanded={open ? 'true' : undefined}\n        onClick={handleOpen}\n      />\n\n      <Menu\n        id=\"theme-menu\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        MenuListProps={{\n          'aria-labelledby': 'theme-button',\n          role: 'listbox',\n        }}\n      >\n        <MenuItem disabled>Choose a theme</MenuItem>\n        <MenuItem\n          selected={themeId === undefined}\n          onClick={() => handleSelectTheme(undefined)}\n        >\n          <ListItemIcon>\n            <ThemeIcon icon={undefined} active={themeId === undefined} />\n          </ListItemIcon>\n          <ListItemText>Auto</ListItemText>\n        </MenuItem>\n\n        {themeIds.map(theme => {\n          const active = theme.id === themeId;\n          return (\n            <MenuItem\n              key={theme.id}\n              selected={active}\n              aria-selected={active}\n              onClick={() => handleSelectTheme(theme.id)}\n            >\n              <ListItemIcon>\n                <ThemeIcon icon={theme.icon} active={active} />\n              </ListItemIcon>\n              <ListItemText>{theme.title}</ListItemText>\n            </MenuItem>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n","/*\n * Copyright 2020 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 { createApp } from '@backstage/app-defaults';\nimport { FlatRoutes } from '@backstage/core-app-api';\nimport {\n  AlertDisplay,\n  OAuthRequestDialog,\n  Sidebar,\n  SidebarDivider,\n  SidebarItem,\n  SidebarPage,\n  SidebarSpace,\n  SidebarSpacer,\n} from '@backstage/core-components';\nimport {\n  AnyApiFactory,\n  ApiFactory,\n  AppTheme,\n  attachComponentData,\n  BackstagePlugin,\n  configApiRef,\n  createApiFactory,\n  createRouteRef,\n  IconComponent,\n  RouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n  ScmIntegrationsApi,\n  scmIntegrationsApiRef,\n} from '@backstage/integration-react';\nimport { Box } from '@material-ui/core';\nimport BookmarkIcon from '@material-ui/icons/Bookmark';\nimport React, { ComponentType, ReactNode } from 'react';\nimport ReactDOM from 'react-dom';\nimport { hot } from 'react-hot-loader';\nimport { Route } from 'react-router';\nimport { SidebarThemeSwitcher } from './SidebarThemeSwitcher';\n\nconst GatheringRoute: (props: {\n  path: string;\n  element: JSX.Element;\n  children?: ReactNode;\n}) => JSX.Element = ({ element }) => element;\n\nattachComponentData(GatheringRoute, 'core.gatherMountPoints', true);\n\n/** @public */\nexport type DevAppPageOptions = {\n  path?: string;\n  element: JSX.Element;\n  children?: JSX.Element;\n  title?: string;\n  icon?: IconComponent;\n};\n\n/**\n * DevApp builder that is similar to the App builder API, but creates an App\n * with the purpose of developing one or more plugins inside it.\n *\n * @public\n */\nexport class DevAppBuilder {\n  private readonly plugins = new Array<BackstagePlugin>();\n  private readonly apis = new Array<AnyApiFactory>();\n  private readonly rootChildren = new Array<ReactNode>();\n  private readonly routes = new Array<JSX.Element>();\n  private readonly sidebarItems = new Array<JSX.Element>();\n\n  private defaultPage?: string;\n  private themes?: Array<AppTheme>;\n\n  /**\n   * Register one or more plugins to render in the dev app\n   */\n  registerPlugin(...plugins: BackstagePlugin[]): DevAppBuilder {\n    this.plugins.push(...plugins);\n    return this;\n  }\n\n  /**\n   * Register an API factory to add to the app\n   */\n  registerApi<\n    Api,\n    Impl extends Api,\n    Deps extends { [name in string]: unknown },\n  >(factory: ApiFactory<Api, Impl, Deps>): DevAppBuilder {\n    this.apis.push(factory);\n    return this;\n  }\n\n  /**\n   * Adds a React node to place just inside the App Provider.\n   *\n   * Useful for adding more global components like the AlertDisplay.\n   */\n  addRootChild(node: ReactNode): DevAppBuilder {\n    this.rootChildren.push(node);\n    return this;\n  }\n\n  /**\n   * Adds a page component along with accompanying sidebar item.\n   *\n   * If no path is provided one will be generated.\n   * If no title is provided, no sidebar item will be created.\n   */\n  addPage(opts: DevAppPageOptions): DevAppBuilder {\n    const path = opts.path ?? `/page-${this.routes.length + 1}`;\n\n    if (!this.defaultPage || path === '/') {\n      this.defaultPage = path;\n    }\n\n    if (opts.title) {\n      this.sidebarItems.push(\n        <SidebarItem\n          key={path}\n          to={path}\n          text={opts.title}\n          icon={opts.icon ?? BookmarkIcon}\n        />,\n      );\n    }\n    this.routes.push(\n      <GatheringRoute\n        key={path}\n        path={path}\n        element={opts.element}\n        children={opts.children}\n      />,\n    );\n    return this;\n  }\n\n  /**\n   * Adds an array of themes to overide the default theme.\n   */\n  addThemes(themes: AppTheme[]) {\n    this.themes = themes;\n    return this;\n  }\n\n  /**\n   * Build a DevApp component using the resources registered so far\n   */\n  build(): ComponentType<{}> {\n    const dummyRouteRef = createRouteRef({ title: 'Page of another plugin' });\n    const DummyPage = () => <Box p={3}>Page belonging to another plugin.</Box>;\n    attachComponentData(DummyPage, 'core.mountPoint', dummyRouteRef);\n\n    const apis = [...this.apis];\n    if (!apis.some(api => api.api.id === scmIntegrationsApiRef.id)) {\n      apis.push(\n        createApiFactory({\n          api: scmIntegrationsApiRef,\n          deps: { configApi: configApiRef },\n          factory: ({ configApi }) => ScmIntegrationsApi.fromConfig(configApi),\n        }),\n      );\n    }\n\n    const app = createApp({\n      apis,\n      plugins: this.plugins,\n      themes: this.themes,\n      bindRoutes: ({ bind }) => {\n        for (const plugin of this.plugins ?? []) {\n          const targets: Record<string, RouteRef<any>> = {};\n          for (const routeKey of Object.keys(plugin.externalRoutes)) {\n            targets[routeKey] = dummyRouteRef;\n          }\n          bind(plugin.externalRoutes, targets);\n        }\n      },\n    });\n\n    const AppProvider = app.getProvider();\n    const AppRouter = app.getRouter();\n\n    const DevApp = () => {\n      return (\n        <AppProvider>\n          <AlertDisplay />\n          <OAuthRequestDialog />\n          {this.rootChildren}\n          <AppRouter>\n            <SidebarPage>\n              <Sidebar>\n                <SidebarSpacer />\n                {this.sidebarItems}\n                <SidebarSpace />\n                <SidebarDivider />\n                <SidebarThemeSwitcher />\n              </Sidebar>\n              <FlatRoutes>\n                {this.routes}\n                <Route path=\"/_external_route\" element={<DummyPage />} />\n              </FlatRoutes>\n            </SidebarPage>\n          </AppRouter>\n        </AppProvider>\n      );\n    };\n\n    return DevApp;\n  }\n\n  /**\n   * Build and render directory to #root element, with react hot loading.\n   */\n  render(): void {\n    const hotModule =\n      require.cache['./dev/index.tsx'] ??\n      require.cache['./dev/index.ts'] ??\n      module;\n\n    const DevApp = hot(hotModule)(this.build());\n\n    if (\n      window.location.pathname === '/' &&\n      this.defaultPage &&\n      this.defaultPage !== '/'\n    ) {\n      window.location.pathname = this.defaultPage;\n    }\n\n    ReactDOM.render(<DevApp />, document.getElementById('root'));\n  }\n}\n\n// TODO(rugvip): Figure out patterns for how to allow in-house apps to build upon\n// this to provide their own plugin dev wrappers.\n\n/**\n * Creates a dev app for rendering one or more plugins and exposing the touch points of the plugin.\n *\n * @public\n */\nexport function createDevApp() {\n  return new DevAppBuilder();\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.esm.js","sources":["../src/components/EntityGridItem/EntityGridItem.tsx","../src/devApp/SidebarThemeSwitcher.tsx","../src/devApp/render.tsx"],"sourcesContent":["/*\n * Copyright 2020 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 { Entity } from '@backstage/catalog-model';\nimport { EntityProvider } from '@backstage/plugin-catalog-react';\nimport { BackstageTheme } from '@backstage/theme';\nimport { Grid, GridProps, makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles<BackstageTheme, { entity: Entity }>(theme => ({\n  root: ({ entity }) => ({\n    position: 'relative',\n\n    '&::before': {\n      content: `\"${entity.metadata.name}\"`,\n      top: -theme.typography.fontSize + 4,\n      display: 'block',\n      position: 'absolute',\n      color: theme.palette.textSubtle,\n    },\n  }),\n}));\n\n/** @public */\nexport const EntityGridItem = (\n  props: Omit<GridProps, 'item' | 'container'> & { entity: Entity },\n): JSX.Element => {\n  const { entity, classes, ...rest } = props;\n  const itemClasses = useStyles({ entity });\n\n  return (\n    <EntityProvider entity={entity}>\n      <Grid classes={{ root: itemClasses.root, ...classes }} {...rest} item />\n    </EntityProvider>\n  );\n};\n","/*\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 */\nimport { SidebarItem } from '@backstage/core-components';\nimport { appThemeApiRef, useApi } from '@backstage/core-plugin-api';\nimport { ListItemIcon, ListItemText, Menu, MenuItem } from '@material-ui/core';\nimport AutoIcon from '@material-ui/icons/BrightnessAuto';\nimport React, { cloneElement, useCallback, useState } from 'react';\nimport useObservable from 'react-use/lib/useObservable';\n\ntype ThemeIconProps = {\n  active?: boolean;\n  icon: JSX.Element | undefined;\n};\n\nconst ThemeIcon = ({ active, icon }: ThemeIconProps) =>\n  icon ? (\n    cloneElement(icon, {\n      color: active ? 'primary' : undefined,\n    })\n  ) : (\n    <AutoIcon color={active ? 'primary' : undefined} />\n  );\n\nexport const SidebarThemeSwitcher = () => {\n  const appThemeApi = useApi(appThemeApiRef);\n  const themeId = useObservable(\n    appThemeApi.activeThemeId$(),\n    appThemeApi.getActiveThemeId(),\n  );\n  const themeIds = appThemeApi.getInstalledThemes();\n  const activeTheme = themeIds.find(t => t.id === themeId);\n\n  const [anchorEl, setAnchorEl] = useState<Element | undefined>();\n  const open = Boolean(anchorEl);\n\n  const handleOpen = (event: React.MouseEvent) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleSelectTheme = (newThemeId: string | undefined) => {\n    if (themeIds.some(t => t.id === newThemeId)) {\n      appThemeApi.setActiveThemeId(newThemeId);\n    } else {\n      appThemeApi.setActiveThemeId(undefined);\n    }\n\n    setAnchorEl(undefined);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(undefined);\n  };\n\n  const ActiveIcon = useCallback(\n    () => <ThemeIcon icon={activeTheme?.icon} />,\n    [activeTheme],\n  );\n\n  return (\n    <>\n      <SidebarItem\n        icon={ActiveIcon}\n        text=\"Switch Theme\"\n        id=\"theme-button\"\n        aria-haspopup=\"listbox\"\n        aria-controls=\"theme-menu\"\n        aria-label=\"switch theme\"\n        aria-expanded={open ? 'true' : undefined}\n        onClick={handleOpen}\n      />\n\n      <Menu\n        id=\"theme-menu\"\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        MenuListProps={{\n          'aria-labelledby': 'theme-button',\n          role: 'listbox',\n        }}\n      >\n        <MenuItem disabled>Choose a theme</MenuItem>\n        <MenuItem\n          selected={themeId === undefined}\n          onClick={() => handleSelectTheme(undefined)}\n        >\n          <ListItemIcon>\n            <ThemeIcon icon={undefined} active={themeId === undefined} />\n          </ListItemIcon>\n          <ListItemText>Auto</ListItemText>\n        </MenuItem>\n\n        {themeIds.map(theme => {\n          const active = theme.id === themeId;\n          return (\n            <MenuItem\n              key={theme.id}\n              selected={active}\n              aria-selected={active}\n              onClick={() => handleSelectTheme(theme.id)}\n            >\n              <ListItemIcon>\n                <ThemeIcon icon={theme.icon} active={active} />\n              </ListItemIcon>\n              <ListItemText>{theme.title}</ListItemText>\n            </MenuItem>\n          );\n        })}\n      </Menu>\n    </>\n  );\n};\n","/*\n * Copyright 2020 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 { createApp } from '@backstage/app-defaults';\nimport { FlatRoutes } from '@backstage/core-app-api';\nimport {\n  AlertDisplay,\n  OAuthRequestDialog,\n  Sidebar,\n  SidebarDivider,\n  SidebarItem,\n  SidebarPage,\n  SidebarSpace,\n  SidebarSpacer,\n} from '@backstage/core-components';\nimport {\n  AnyApiFactory,\n  ApiFactory,\n  AppTheme,\n  attachComponentData,\n  BackstagePlugin,\n  configApiRef,\n  createApiFactory,\n  createRouteRef,\n  IconComponent,\n  RouteRef,\n} from '@backstage/core-plugin-api';\nimport {\n  ScmIntegrationsApi,\n  scmIntegrationsApiRef,\n} from '@backstage/integration-react';\nimport { Box } from '@material-ui/core';\nimport BookmarkIcon from '@material-ui/icons/Bookmark';\nimport React, { ComponentType, ReactNode } from 'react';\nimport ReactDOM from 'react-dom';\nimport { hot } from 'react-hot-loader';\nimport { Route } from 'react-router';\nimport { SidebarThemeSwitcher } from './SidebarThemeSwitcher';\n\nconst GatheringRoute: (props: {\n  path: string;\n  element: JSX.Element;\n  children?: ReactNode;\n}) => JSX.Element = ({ element }) => element;\n\nattachComponentData(GatheringRoute, 'core.gatherMountPoints', true);\n\n/** @public */\nexport type DevAppPageOptions = {\n  path?: string;\n  element: JSX.Element;\n  children?: JSX.Element;\n  title?: string;\n  icon?: IconComponent;\n};\n\n/**\n * DevApp builder that is similar to the App builder API, but creates an App\n * with the purpose of developing one or more plugins inside it.\n *\n * @public\n */\nexport class DevAppBuilder {\n  private readonly plugins = new Array<BackstagePlugin>();\n  private readonly apis = new Array<AnyApiFactory>();\n  private readonly rootChildren = new Array<ReactNode>();\n  private readonly routes = new Array<JSX.Element>();\n  private readonly sidebarItems = new Array<JSX.Element>();\n\n  private defaultPage?: string;\n  private themes?: Array<AppTheme>;\n\n  /**\n   * Register one or more plugins to render in the dev app\n   */\n  registerPlugin(...plugins: BackstagePlugin[]): DevAppBuilder {\n    this.plugins.push(...plugins);\n    return this;\n  }\n\n  /**\n   * Register an API factory to add to the app\n   */\n  registerApi<\n    Api,\n    Impl extends Api,\n    Deps extends { [name in string]: unknown },\n  >(factory: ApiFactory<Api, Impl, Deps>): DevAppBuilder {\n    this.apis.push(factory);\n    return this;\n  }\n\n  /**\n   * Adds a React node to place just inside the App Provider.\n   *\n   * Useful for adding more global components like the AlertDisplay.\n   */\n  addRootChild(node: ReactNode): DevAppBuilder {\n    this.rootChildren.push(node);\n    return this;\n  }\n\n  /**\n   * Adds a page component along with accompanying sidebar item.\n   *\n   * If no path is provided one will be generated.\n   * If no title is provided, no sidebar item will be created.\n   */\n  addPage(opts: DevAppPageOptions): DevAppBuilder {\n    const path = opts.path ?? `/page-${this.routes.length + 1}`;\n\n    if (!this.defaultPage || path === '/') {\n      this.defaultPage = path;\n    }\n\n    if (opts.title) {\n      this.sidebarItems.push(\n        <SidebarItem\n          key={path}\n          to={path}\n          text={opts.title}\n          icon={opts.icon ?? BookmarkIcon}\n        />,\n      );\n    }\n    this.routes.push(\n      <GatheringRoute\n        key={path}\n        path={path}\n        element={opts.element}\n        children={opts.children}\n      />,\n    );\n    return this;\n  }\n\n  /**\n   * Adds an array of themes to overide the default theme.\n   */\n  addThemes(themes: AppTheme[]) {\n    this.themes = themes;\n    return this;\n  }\n\n  /**\n   * Build a DevApp component using the resources registered so far\n   */\n  build(): ComponentType<{}> {\n    const dummyRouteRef = createRouteRef({ id: 'dummy' });\n    const DummyPage = () => <Box p={3}>Page belonging to another plugin.</Box>;\n    attachComponentData(DummyPage, 'core.mountPoint', dummyRouteRef);\n\n    const apis = [...this.apis];\n    if (!apis.some(api => api.api.id === scmIntegrationsApiRef.id)) {\n      apis.push(\n        createApiFactory({\n          api: scmIntegrationsApiRef,\n          deps: { configApi: configApiRef },\n          factory: ({ configApi }) => ScmIntegrationsApi.fromConfig(configApi),\n        }),\n      );\n    }\n\n    const app = createApp({\n      apis,\n      plugins: this.plugins,\n      themes: this.themes,\n      bindRoutes: ({ bind }) => {\n        for (const plugin of this.plugins ?? []) {\n          const targets: Record<string, RouteRef<any>> = {};\n          for (const routeKey of Object.keys(plugin.externalRoutes)) {\n            targets[routeKey] = dummyRouteRef;\n          }\n          bind(plugin.externalRoutes, targets);\n        }\n      },\n    });\n\n    const AppProvider = app.getProvider();\n    const AppRouter = app.getRouter();\n\n    const DevApp = () => {\n      return (\n        <AppProvider>\n          <AlertDisplay />\n          <OAuthRequestDialog />\n          {this.rootChildren}\n          <AppRouter>\n            <SidebarPage>\n              <Sidebar>\n                <SidebarSpacer />\n                {this.sidebarItems}\n                <SidebarSpace />\n                <SidebarDivider />\n                <SidebarThemeSwitcher />\n              </Sidebar>\n              <FlatRoutes>\n                {this.routes}\n                <Route path=\"/_external_route\" element={<DummyPage />} />\n              </FlatRoutes>\n            </SidebarPage>\n          </AppRouter>\n        </AppProvider>\n      );\n    };\n\n    return DevApp;\n  }\n\n  /**\n   * Build and render directory to #root element, with react hot loading.\n   */\n  render(): void {\n    const hotModule =\n      require.cache['./dev/index.tsx'] ??\n      require.cache['./dev/index.ts'] ??\n      module;\n\n    const DevApp = hot(hotModule)(this.build());\n\n    if (\n      window.location.pathname === '/' &&\n      this.defaultPage &&\n      this.defaultPage !== '/'\n    ) {\n      window.location.pathname = this.defaultPage;\n    }\n\n    ReactDOM.render(<DevApp />, document.getElementById('root'));\n  }\n}\n\n// TODO(rugvip): Figure out patterns for how to allow in-house apps to build upon\n// this to provide their own plugin dev wrappers.\n\n/**\n * Creates a dev app for rendering one or more plugins and exposing the touch points of the plugin.\n *\n * @public\n */\nexport function createDevApp() {\n  return new DevAppBuilder();\n}\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@backstage/dev-utils",
   "description": "Utilities for developing Backstage plugins.",
-  "version": "0.2.13",
+  "version": "0.2.17",
   "private": false,
   "publishConfig": {
     "access": "public",
@@ -29,36 +29,38 @@
     "clean": "backstage-cli clean"
   },
   "dependencies": {
-    "@backstage/app-defaults": "^0.1.1",
-    "@backstage/catalog-model": "^0.9.7",
-    "@backstage/core-app-api": "^0.1.21",
-    "@backstage/core-components": "^0.7.4",
-    "@backstage/core-plugin-api": "^0.2.0",
-    "@backstage/integration-react": "^0.1.14",
-    "@backstage/plugin-catalog-react": "^0.6.4",
-    "@backstage/test-utils": "^0.1.22",
-    "@backstage/theme": "^0.2.11",
+    "@backstage/app-defaults": "^0.1.4",
+    "@backstage/catalog-model": "^0.9.9",
+    "@backstage/core-app-api": "^0.4.0",
+    "@backstage/core-components": "^0.8.4",
+    "@backstage/core-plugin-api": "^0.5.0",
+    "@backstage/integration-react": "^0.1.18",
+    "@backstage/plugin-catalog-react": "^0.6.11",
+    "@backstage/test-utils": "^0.2.2",
+    "@backstage/theme": "^0.2.14",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@testing-library/jest-dom": "^5.10.1",
     "@testing-library/react": "^11.2.5",
     "@testing-library/user-event": "^13.1.8",
-    "@types/react": "*",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
     "react-hot-loader": "^4.12.21",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "@types/react": "^16.13.1 || ^17.0.0",
+    "react": "^16.13.1 || ^17.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
-    "@backstage/cli": "^0.9.0",
+    "@backstage/cli": "^0.11.0",
     "@types/jest": "^26.0.7",
     "@types/node": "^14.14.32"
   },
   "files": [
     "dist"
   ],
-  "gitHead": "ddfdcd2b44dc9848cf550cea5346d5f9916a36d9"
+  "gitHead": "da66c61bdd63cdb3f0f0cd2e26dc9e6454d93c7b"
 }