bui-themer: API report + fixes

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/bui-themer/report.api.md

@@ -0,0 +1,66 @@
+## API Report File for "@backstage/plugin-bui-themer"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { AnyRouteRefParams } from '@backstage/frontend-plugin-api';
+import { BackstagePlugin } from '@backstage/core-plugin-api';
+import { ExtensionDataRef } from '@backstage/frontend-plugin-api';
+import { ExtensionDefinition } from '@backstage/frontend-plugin-api';
+import { JSX as JSX_2 } from 'react';
+import { JSX as JSX_3 } from 'react/jsx-runtime';
+import { OverridableFrontendPlugin } from '@backstage/frontend-plugin-api';
+import { RouteRef } from '@backstage/frontend-plugin-api';
+import { RouteRef as RouteRef_2 } from '@backstage/core-plugin-api';
+
+// @public (undocumented)
+export const BuiThemerPage: () => JSX_3.Element;
+
+// @public (undocumented)
+export const buiThemerPlugin: BackstagePlugin<
+  {
+    root: RouteRef_2<undefined>;
+  },
+  {}
+>;
+
+// @public (undocumented)
+const _default: OverridableFrontendPlugin<
+  {
+    root: RouteRef<undefined>;
+  },
+  {},
+  {
+    'page:bui-themer': ExtensionDefinition<{
+      kind: 'page';
+      name: undefined;
+      config: {
+        path: string | undefined;
+      };
+      configInput: {
+        path?: string | undefined;
+      };
+      output:
+        | ExtensionDataRef<string, 'core.routing.path', {}>
+        | ExtensionDataRef<JSX_2.Element, 'core.reactElement', {}>
+        | ExtensionDataRef<
+            RouteRef<AnyRouteRefParams>,
+            'core.routing.ref',
+            {
+              optional: true;
+            }
+          >;
+      inputs: {};
+      params: {
+        defaultPath?: [Error: `Use the 'path' param instead`];
+        path: string;
+        loader: () => Promise<JSX.Element>;
+        routeRef?: RouteRef;
+      };
+    }>;
+  }
+>;
+export default _default;
+
+// (No @packageDocumentation comment for this package)
+```

plugins/bui-themer/src/components/BuiThemerPage/BuiThemerPage.tsx

@@ -20,7 +20,7 @@ import { Box, Card, Container, Flex, HeaderPage, Text } from '@backstage/ui';
 import { ThemeContent } from './ThemeContent';
 import { MuiThemeExtractor } from './MuiThemeExtractor';
 
-export function BuiThemerPage() {
+export const BuiThemerPage = () => {
   const appThemeApi = useApi(appThemeApiRef);
   const installedThemes = appThemeApi.getInstalledThemes();
 
@@ -65,4 +65,4 @@ export function BuiThemerPage() {
       </Box>
     </Container>
   );
-}
+};

plugins/bui-themer/src/components/BuiThemerPage/MuiThemeExtractor.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { useEffect, useState } from 'react';
+import { useEffect, useState, JSX } from 'react';
 import { AppTheme } from '@backstage/core-plugin-api';
 import { Theme, useTheme } from '@mui/material/styles';
 

plugins/bui-themer/src/components/BuiThemerPage/index.ts

@@ -15,6 +15,3 @@
  */
 
 export { BuiThemerPage } from './BuiThemerPage';
-export { BuiThemePreview } from './BuiThemePreview';
-export { ThemeContent } from './ThemeContent';
-export { MuiThemeExtractor } from './MuiThemeExtractor';

plugins/bui-themer/src/index.ts

@@ -14,5 +14,4 @@
  * limitations under the License.
  */
 
-export { buiThemerPlugin, BuiThemerPage } from './plugin';
-export { default } from './plugin';
+export { default, buiThemerPlugin, BuiThemerPage } from './plugin';

plugins/bui-themer/src/plugin.tsx

@@ -29,6 +29,7 @@ import {
 import { rootRouteRef } from './routes';
 
 // Old system
+/** @public */
 export const buiThemerPlugin = createPlugin({
   id: 'bui-themer',
   routes: {
@@ -36,6 +37,7 @@ export const buiThemerPlugin = createPlugin({
   },
 });
 
+/** @public */
 export const BuiThemerPage = buiThemerPlugin.provide(
   createRoutableExtension({
     name: 'BuiThemerPage',
@@ -46,6 +48,7 @@ export const BuiThemerPage = buiThemerPlugin.provide(
 );
 
 // New system
+/** @public */
 export default createFrontendPlugin({
   pluginId: 'bui-themer',
   extensions: [