@vicacha-devs/strapi-plugin-seo 0.0.0-stage → 2.1.0

package/dist/admin/index-CZ4VBOGS.cjs

@@ -0,0 +1,589 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const admin = require("@strapi/strapi/admin");
+const reactRouterDom = require("react-router-dom");
+const index = require("./index-C8tiCtgn.cjs");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const React = require("react");
+const reactIntl = require("react-intl");
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
+const SEO_COMPONENT_PATH = "/plugins/content-type-builder/component-categories/shared/shared.seo";
+const Header = ({ seoComponent }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { background: "neutral100", children: /* @__PURE__ */ jsxRuntime.jsx(
+    admin.Layouts.Header,
+    {
+      primaryAction: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Flex, { gap: 2, alignItems: "center", children: [
+        seoComponent ? /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.LinkButton,
+          {
+            variant: "secondary",
+            tag: reactRouterDom.NavLink,
+            to: SEO_COMPONENT_PATH,
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}),
+            children: formatMessage({
+              id: index.getTrad("SEOPage.header.button.edit-component"),
+              defaultMessage: "Edit SEO component"
+            })
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          designSystem.LinkButton,
+          {
+            tag: reactRouterDom.NavLink,
+            variant: "tertiary",
+            to: "/",
+            startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ArrowLeft, {}),
+            children: formatMessage({
+              id: index.getTrad("SEOPage.header.button.back"),
+              defaultMessage: "Back"
+            })
+          }
+        )
+      ] }),
+      title: formatMessage({
+        id: index.getTrad("SEOPage.header.title"),
+        defaultMessage: "SEO"
+      }),
+      subtitle: formatMessage({
+        id: index.getTrad("SEOPage.header.subtitle"),
+        defaultMessage: "Optimize your content to be SEO friendly"
+      }),
+      as: "h2"
+    }
+  ) });
+};
+const SettingsModal = ({
+  item,
+  defaultSettings: sharedSettings = null,
+  onSettingsUpdated
+}) => {
+  const { toggleNotification } = admin.useNotification();
+  const { formatMessage } = reactIntl.useIntl();
+  const { getSettings, setSettings } = index.useSettingsApi();
+  const [isOpen, setIsOpen] = React__namespace.useState(false);
+  const [metaTitle, setMetaTitle] = React__namespace.useState(true);
+  const [metaDescription, setMetaDescription] = React__namespace.useState(true);
+  const [metaRobots, setMetaRobots] = React__namespace.useState(true);
+  const [openGraph, setOpenGraph] = React__namespace.useState(true);
+  const [wordCount, setWordCount] = React__namespace.useState(true);
+  const [canonicalUrl, setCanonicalUrl] = React__namespace.useState(true);
+  const [keywordDensity, setKeywordDensity] = React__namespace.useState(true);
+  const [structuredData, setStructuredData] = React__namespace.useState(true);
+  const [alternativeText, setAlternativeText] = React__namespace.useState(true);
+  const [lastUpdatedAt, setLastUpdatedAt] = React__namespace.useState(true);
+  const [localSettings, setLocalSettings] = React__namespace.useState(sharedSettings);
+  const activeSettings = sharedSettings ?? localSettings;
+  const applyChecksToState = (settingsMap) => {
+    const seoChecks = settingsMap?.[item?.uid]?.seoChecks;
+    if (!seoChecks) {
+      return;
+    }
+    setMetaTitle(seoChecks.metaTitle);
+    setMetaDescription(seoChecks.metaDescription);
+    setMetaRobots(seoChecks.metaRobots);
+    setOpenGraph(seoChecks.openGraph);
+    setWordCount(seoChecks.wordCount);
+    setCanonicalUrl(seoChecks.canonicalUrl);
+    setKeywordDensity(seoChecks.keywordDensity);
+    setStructuredData(seoChecks.structuredData);
+    setAlternativeText(seoChecks.alternativeText);
+    setLastUpdatedAt(seoChecks.lastUpdatedAt);
+  };
+  const setupModalSettings = async () => {
+    if (activeSettings) {
+      applyChecksToState(activeSettings);
+      return;
+    }
+    try {
+      const { data } = await getSettings();
+      setLocalSettings(data);
+      onSettingsUpdated?.(data);
+      applyChecksToState(data);
+    } catch {
+    }
+  };
+  const handleSavingSettingsModal = async () => {
+    const baseSettings = activeSettings ?? {};
+    const collectionName = baseSettings?.[item?.uid]?.collectionName ?? item?.globalId ?? item?.uid;
+    const newSettings = {
+      ...baseSettings,
+      [item?.uid]: {
+        collectionName,
+        seoChecks: {
+          metaTitle,
+          metaDescription,
+          metaRobots,
+          openGraph,
+          wordCount,
+          canonicalUrl,
+          keywordDensity,
+          structuredData,
+          alternativeText,
+          lastUpdatedAt
+        }
+      }
+    };
+    try {
+      const { data: savedSettings } = await setSettings(newSettings);
+      const resolvedSettings = savedSettings ?? newSettings;
+      setLocalSettings(resolvedSettings);
+      onSettingsUpdated?.(resolvedSettings);
+      setIsOpen(false);
+      toggleNotification({
+        type: "success",
+        message: formatMessage(
+          {
+            id: index.getTrad("notification.success.settings"),
+            defaultMessage: "Settings saved for {collectionName} content-type."
+          },
+          { collectionName }
+        )
+      });
+    } catch {
+      toggleNotification({
+        type: "danger",
+        message: formatMessage({
+          id: index.getTrad("notification.error.settings"),
+          defaultMessage: "Failed to save SEO settings."
+        })
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Root, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Button,
+      {
+        variant: "tertiary",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Cog, {}),
+        onClick: () => void setupModalSettings(),
+        children: formatMessage({
+          id: index.getTrad("SEOPage.info.settings"),
+          defaultMessage: "Settings"
+        })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Content, { labelledBy: "title", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        designSystem.Typography,
+        {
+          fontWeight: "bold",
+          textColor: "neutral800",
+          tag: "h2",
+          id: "title",
+          children: formatMessage({
+            id: index.getTrad("SEOPage.info.settings"),
+            defaultMessage: "Settings"
+          })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "form",
+        {
+          onSubmit: (event) => {
+            event.preventDefault();
+            void handleSavingSettingsModal();
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Body, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingBottom: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
+                admin.ContentBox,
+                {
+                  title: formatMessage({
+                    id: index.getTrad("Information"),
+                    defaultMessage: "Information"
+                  }),
+                  subtitle: formatMessage({
+                    id: index.getTrad("SEOPage.info.settings.information"),
+                    defaultMessage: "Disable SEO checks for this specific content-type."
+                  }),
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Information, {}),
+                  iconBackground: "primary100"
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { gap: 4, children: [
+                {
+                  state: metaTitle,
+                  stateSetter: setMetaTitle,
+                  id: "SEOPage.info.settings.meta-title-check",
+                  defaultMessage: "Meta Title"
+                },
+                {
+                  state: metaDescription,
+                  stateSetter: setMetaDescription,
+                  id: "SEOPage.info.settings.meta-description-check",
+                  defaultMessage: "Meta Description"
+                },
+                {
+                  state: metaRobots,
+                  stateSetter: setMetaRobots,
+                  id: "SEOPage.info.settings.meta-robots-check",
+                  defaultMessage: "Meta Robots"
+                },
+                {
+                  state: openGraph,
+                  stateSetter: setOpenGraph,
+                  id: "SEOPage.info.settings.open-graph-check",
+                  defaultMessage: "Open Graph"
+                },
+                {
+                  state: wordCount,
+                  stateSetter: setWordCount,
+                  id: "SEOPage.info.settings.word-count-check",
+                  defaultMessage: "Word Count"
+                },
+                {
+                  state: canonicalUrl,
+                  stateSetter: setCanonicalUrl,
+                  id: "SEOPage.info.settings.canonical-url-check",
+                  defaultMessage: "Canonical URL"
+                },
+                {
+                  state: keywordDensity,
+                  stateSetter: setKeywordDensity,
+                  id: "SEOPage.info.settings.keyword-density-check",
+                  defaultMessage: "Keyword Density"
+                },
+                {
+                  state: structuredData,
+                  stateSetter: setStructuredData,
+                  id: "SEOPage.info.settings.structured-data-check",
+                  defaultMessage: "Structured Data"
+                },
+                {
+                  state: alternativeText,
+                  stateSetter: setAlternativeText,
+                  id: "SEOPage.info.settings.alternative-text-check",
+                  defaultMessage: "Alt Text"
+                },
+                {
+                  state: lastUpdatedAt,
+                  stateSetter: setLastUpdatedAt,
+                  id: "SEOPage.info.settings.last-updated-at-check",
+                  defaultMessage: "Last Updated At"
+                }
+              ].map(({ state, stateSetter, id, defaultMessage }) => {
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  designSystem.Grid.Item,
+                  {
+                    col: 6,
+                    s: 6,
+                    gap: 2,
+                    padding: 4,
+                    background: "neutral0",
+                    borderWidth: "2px",
+                    shadow: "filterShadow",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        designSystem.Switch,
+                        {
+                          checked: state,
+                          onCheckedChange: () => stateSetter((isChecked) => !isChecked)
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "delta", children: formatMessage({
+                        id: index.getTrad(id),
+                        defaultMessage
+                      }) })
+                    ]
+                  },
+                  id
+                );
+              }) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Modal.Footer, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Modal.Close, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { variant: "tertiary", children: formatMessage({
+                id: index.getTrad("SEOPage.info.settings.cancel.button"),
+                defaultMessage: "Cancel"
+              }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(designSystem.Button, { type: "submit", children: formatMessage({
+                id: index.getTrad("SEOPage.info.settings.save.button"),
+                defaultMessage: "Save"
+              }) })
+            ] })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+const ContentTypeRow = ({
+  item,
+  defaultSettings,
+  onSettingsUpdated
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: item.globalId }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { justifyContent: "flex-end", alignItems: "center", children: item.seo ? /* @__PURE__ */ jsxRuntime.jsx(
+      SettingsModal,
+      {
+        item,
+        defaultSettings,
+        onSettingsUpdated
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.LinkButton,
+      {
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+        variant: "secondary",
+        tag: reactRouterDom.NavLink,
+        to: `/plugins/content-type-builder/content-types/${item.uid}`,
+        children: formatMessage({
+          id: index.getTrad("SEOPage.info.add"),
+          defaultMessage: "Add component"
+        })
+      }
+    ) }) })
+  ] }, item.uid);
+};
+const ContentTypeTabTable = ({
+  items,
+  emptyMessageId,
+  emptyDefaultMessage,
+  createLinkTo,
+  createButtonId,
+  createButtonDefaultMessage,
+  defaultSettings,
+  onSettingsUpdated
+}) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const safeItems = Array.isArray(items) ? items : [];
+  const createAction = createLinkTo && createButtonId ? /* @__PURE__ */ jsxRuntime.jsx(
+    designSystem.LinkButton,
+    {
+      tag: reactRouterDom.NavLink,
+      to: createLinkTo,
+      variant: "secondary",
+      startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Plus, {}),
+      children: formatMessage({
+        id: index.getTrad(createButtonId),
+        defaultMessage: createButtonDefaultMessage
+      })
+    }
+  ) : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 2, rowCount: Math.max(safeItems.length, 1), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+        id: index.getTrad("SEOPage.tab-panel.column-name"),
+        defaultMessage: "Name"
+      }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, {})
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: safeItems.length > 0 ? safeItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      ContentTypeRow,
+      {
+        item,
+        defaultSettings,
+        onSettingsUpdated
+      },
+      item.uid
+    )) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 2, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, background: "neutral0", children: /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.EmptyStateLayout,
+      {
+        icon: /* @__PURE__ */ jsxRuntime.jsx(index.Illo, {}),
+        content: formatMessage({
+          id: index.getTrad(emptyMessageId),
+          defaultMessage: emptyDefaultMessage
+        }),
+        action: createAction
+      }
+    ) }) }) }) })
+  ] });
+};
+const Main = ({ contentTypes }) => {
+  const { formatMessage } = reactIntl.useIntl();
+  const { getSettings } = index.useSettingsApi();
+  const [defaultSettings, setDefaultSettings] = React__namespace.useState(null);
+  React__namespace.useEffect(() => {
+    let isMounted = true;
+    void getSettings().then(({ data }) => {
+      if (isMounted && data) {
+        setDefaultSettings(data);
+      }
+    }).catch(() => {
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  const TabValues = {
+    collectionTypes: "collection-types",
+    singleTypes: "single-types",
+    plugins: "plugins"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 8, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    designSystem.Tabs.Root,
+    {
+      id: "tabs",
+      variant: "simple",
+      defaultValue: TabValues.collectionTypes,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tabs.List, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: TabValues.collectionTypes, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { children: formatMessage({
+            id: index.getTrad("SEOPage.tab.collection-type-title"),
+            defaultMessage: "Collection Types"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: TabValues.singleTypes, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatMessage({
+            id: index.getTrad("SEOPage.tab.single-type-title"),
+            defaultMessage: "Single Types"
+          }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Trigger, { value: TabValues.plugins, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "omega", children: formatMessage({
+            id: index.getTrad("SEOPage.tab.plugin-title"),
+            defaultMessage: "Plugins"
+          }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: TabValues.collectionTypes, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ContentTypeTabTable,
+          {
+            items: contentTypes?.collectionTypes,
+            emptyMessageId: "SEOPage.info.no-collection-types",
+            emptyDefaultMessage: "You don't have any collection-types yet...",
+            createLinkTo: "/plugins/content-type-builder",
+            createButtonId: "SEOPage.info.create-collection-type",
+            createButtonDefaultMessage: "Create your first collection-type",
+            defaultSettings,
+            onSettingsUpdated: setDefaultSettings
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: TabValues.singleTypes, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ContentTypeTabTable,
+          {
+            items: contentTypes?.singleTypes,
+            emptyMessageId: "SEOPage.info.no-single-types",
+            emptyDefaultMessage: "You don't have any single-types yet...",
+            createLinkTo: "/plugins/content-type-builder",
+            createButtonId: "SEOPage.info.create-single-type",
+            createButtonDefaultMessage: "Create your first single-type",
+            defaultSettings,
+            onSettingsUpdated: setDefaultSettings
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tabs.Content, { value: TabValues.plugins, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ContentTypeTabTable,
+          {
+            items: contentTypes?.plugins,
+            emptyMessageId: "SEOPage.info.no-plugin-content-type",
+            emptyDefaultMessage: "You don't have any plugin content-type yet...",
+            defaultSettings,
+            onSettingsUpdated: setDefaultSettings
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+const HomePage = React__namespace.memo(() => {
+  const { get, post } = admin.useFetchClient();
+  const { lockAppWithAutoreload, unlockAppWithAutoreload } = admin.private_useAutoReloadOverlayBlocker();
+  const { formatMessage } = reactIntl.useIntl();
+  const [isLoading, setIsLoading] = React__namespace.useState(true);
+  const [seoComponent, setSeoComponent] = React__namespace.useState(null);
+  const [contentTypes, setContentTypes] = React__namespace.useState(null);
+  React__namespace.useEffect(() => {
+    let isMounted = true;
+    const fetchSeoComponent = async () => {
+      try {
+        const { data } = await get(
+          `/${index.pluginId}/component`
+        );
+        return data;
+      } catch {
+        return null;
+      }
+    };
+    const fetchContentTypes = async () => {
+      try {
+        const { data } = await get(
+          `/${index.pluginId}/content-types`
+        );
+        return data;
+      } catch {
+        return null;
+      }
+    };
+    const createSeoComponent = async () => {
+      try {
+        const { data } = await post(
+          `/${index.pluginId}/component`
+        );
+        return data;
+      } catch {
+        return null;
+      }
+    };
+    const fetchData = async () => {
+      let currentComponent = await fetchSeoComponent();
+      let currentContentTypes = await fetchContentTypes();
+      const hasNoSeoComponent = !currentComponent || Object.keys(currentComponent).length === 0;
+      if (hasNoSeoComponent) {
+        try {
+          lockAppWithAutoreload();
+          await createSeoComponent();
+        } catch {
+        } finally {
+          unlockAppWithAutoreload();
+        }
+        currentComponent = await fetchSeoComponent();
+        currentContentTypes = await fetchContentTypes();
+      }
+      if (isMounted) {
+        setSeoComponent(currentComponent);
+        setContentTypes(currentContentTypes);
+        setIsLoading(false);
+      }
+    };
+    void fetchData();
+    return () => {
+      isMounted = false;
+    };
+  }, []);
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Loading, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Header, { seoComponent }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { paddingLeft: 8, paddingRight: 8, children: /* @__PURE__ */ jsxRuntime.jsx(
+      admin.ContentBox,
+      {
+        title: formatMessage({
+          id: index.getTrad("Information"),
+          defaultMessage: "Information"
+        }),
+        subtitle: formatMessage({
+          id: index.getTrad("SEOPage.info.information"),
+          defaultMessage: "When adding your SEO component, make sure to name it 'seo' and to include it in the root of your Content-Type."
+        }),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.Information, {}),
+        iconBackground: "primary100"
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Main, { contentTypes })
+  ] });
+});
+const App = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(admin.private_AutoReloadOverlayBlockerProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Protect, { permissions: index.pluginPermissions.main, children: /* @__PURE__ */ jsxRuntime.jsxs(reactRouterDom.Routes, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { index: true, element: /* @__PURE__ */ jsxRuntime.jsx(HomePage, {}) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Route, { path: "*", element: /* @__PURE__ */ jsxRuntime.jsx(admin.Page.Error, {}) })
+  ] }) }) });
+};
+exports.default = App;