@mattisvensson/strapi-plugin-webatlas 0.3.0 → 0.4.0

package/dist/_chunks/{EmptyBox-7D4LrvdH.mjs → EmptyBox-BM4IscSk.mjs}

@@ -1,9 +1,6 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Flex, Box, Typography } from "@strapi/design-system";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { EmptyDocuments } from "@strapi/icons/symbols";
-function Center({ height = 400, children }) {
-  return /* @__PURE__ */ jsx(Flex, { direction: "column", minHeight: `${height}px`, justifyContent: "center", children });
-}
+import { Box, Typography } from "@strapi/design-system";
 function EmptyBox({ msg }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(EmptyDocuments, { width: "10rem", height: "6rem" }),
@@ -11,6 +8,5 @@ function EmptyBox({ msg }) {
   ] });
 }
 export {
-  Center as C,
   EmptyBox as E
 };

package/dist/_chunks/{EmptyBox-DT6D5gcf.js → EmptyBox-T8t29l25.js}

@@ -1,15 +1,11 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const designSystem = require("@strapi/design-system");
 const symbols = require("@strapi/icons/symbols");
-function Center({ height = 400, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", minHeight: `${height}px`, justifyContent: "center", children });
-}
+const designSystem = require("@strapi/design-system");
 function EmptyBox({ msg }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(symbols.EmptyDocuments, { width: "10rem", height: "6rem" }),
     /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { padding: 4, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "beta", textColor: "neutral600", children: msg }) })
   ] });
 }
-exports.Center = Center;
 exports.EmptyBox = EmptyBox;

package/dist/_chunks/FullLoader-Cmsf8xS6.js

@@ -0,0 +1,11 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const designSystem = require("@strapi/design-system");
+function Center({ height = 400, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", minHeight: `${height}px`, justifyContent: "center", children });
+}
+function FullLoader({ height }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Center, { height, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Loader, { children: "Loading..." }) });
+}
+exports.Center = Center;
+exports.FullLoader = FullLoader;

package/dist/_chunks/FullLoader-CrPED_dY.mjs

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { Flex, Loader } from "@strapi/design-system";
+function Center({ height = 400, children }) {
+  return /* @__PURE__ */ jsx(Flex, { direction: "column", minHeight: `${height}px`, justifyContent: "center", children });
+}
+function FullLoader({ height }) {
+  return /* @__PURE__ */ jsx(Center, { height, children: /* @__PURE__ */ jsx(Loader, { children: "Loading..." }) });
+}
+export {
+  Center as C,
+  FullLoader as F
+};

package/dist/_chunks/{de-C8PE3n3B.mjs → de-Dn24NwJf.mjs}

@@ -97,7 +97,17 @@ const de = {
   "webatlas.cancel": "Abbrechen",
   "webatlas.save": "Speichern",
   "webatlas.select": "Auswählen",
-  "webatlas.manage": "Verwalten"
+  "webatlas.manage": "Verwalten",
+  "webatlas.published": "Veröffentlicht",
+  "webatlas.draft": "Entwurf",
+  "webatlas.modified": "Geändert",
+  "webatlas.deleted": "Gelöscht",
+  "webatlas.notification.error": "Ein Fehler ist aufgetreten",
+  "webatlas.notification.settings.saved": "Einstellungen erfolgreich gespeichert",
+  "webatlas.notification.routes.fetchFailed": "Routen konnten nicht abgerufen werden",
+  "webatlas.notification.navigation.saveNavigationFailed": "Fehler beim Aktualisieren des Navigationselements",
+  "webatlas.notification.navigation.navigationSaved": "Navigation erfolgreich aktualisiert",
+  "webatlas.notification.navigation.fetchFailed": "Fehler beim Abrufen der Navigationen"
 };
 export {
   de as default

package/dist/_chunks/{de-4tL_cJTC.js → de-RiCps8UH.js}

@@ -99,6 +99,16 @@ const de = {
   "webatlas.cancel": "Abbrechen",
   "webatlas.save": "Speichern",
   "webatlas.select": "Auswählen",
-  "webatlas.manage": "Verwalten"
+  "webatlas.manage": "Verwalten",
+  "webatlas.published": "Veröffentlicht",
+  "webatlas.draft": "Entwurf",
+  "webatlas.modified": "Geändert",
+  "webatlas.deleted": "Gelöscht",
+  "webatlas.notification.error": "Ein Fehler ist aufgetreten",
+  "webatlas.notification.settings.saved": "Einstellungen erfolgreich gespeichert",
+  "webatlas.notification.routes.fetchFailed": "Routen konnten nicht abgerufen werden",
+  "webatlas.notification.navigation.saveNavigationFailed": "Fehler beim Aktualisieren des Navigationselements",
+  "webatlas.notification.navigation.navigationSaved": "Navigation erfolgreich aktualisiert",
+  "webatlas.notification.navigation.fetchFailed": "Fehler beim Abrufen der Navigationen"
 };
 exports.default = de;

package/dist/_chunks/{en-CR1YZvJo.mjs → en-D9Lxaugc.mjs}

@@ -97,7 +97,17 @@ const en = {
   "webatlas.cancel": "Cancel",
   "webatlas.save": "Save",
   "webatlas.select": "Select",
-  "webatlas.manage": "Manage"
+  "webatlas.manage": "Manage",
+  "webatlas.published": "Published",
+  "webatlas.draft": "Draft",
+  "webatlas.modified": "Modified",
+  "webatlas.deleted": "Deleted",
+  "webatlas.notification.error": "An error occurred",
+  "webatlas.notification.settings.saved": "Settings saved successfully",
+  "webatlas.notification.routes.fetchFailed": "Failed to fetch routes",
+  "webatlas.notification.navigation.saveNavigationFailed": "Error updating navigation item",
+  "webatlas.notification.navigation.navigationSaved": "Navigation updated successfully",
+  "webatlas.notification.navigation.fetchFailed": "Failed to fetch navigations"
 };
 export {
   en as default

package/dist/_chunks/{en-Bg4z3fR7.js → en-JLW5S3ZC.js}

@@ -99,6 +99,16 @@ const en = {
   "webatlas.cancel": "Cancel",
   "webatlas.save": "Save",
   "webatlas.select": "Select",
-  "webatlas.manage": "Manage"
+  "webatlas.manage": "Manage",
+  "webatlas.published": "Published",
+  "webatlas.draft": "Draft",
+  "webatlas.modified": "Modified",
+  "webatlas.deleted": "Deleted",
+  "webatlas.notification.error": "An error occurred",
+  "webatlas.notification.settings.saved": "Settings saved successfully",
+  "webatlas.notification.routes.fetchFailed": "Failed to fetch routes",
+  "webatlas.notification.navigation.saveNavigationFailed": "Error updating navigation item",
+  "webatlas.notification.navigation.navigationSaved": "Navigation updated successfully",
+  "webatlas.notification.navigation.fetchFailed": "Failed to fetch navigations"
 };
 exports.default = en;

package/dist/_chunks/index-B3JakJZB.mjs

@@ -0,0 +1,126 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Box, Table, Tbody } from "@strapi/design-system";
+import { g as getTranslation, u as useApi } from "./index-DUxYbDKG.mjs";
+import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
+import { F as FullLoader, C as Center } from "./FullLoader-CrPED_dY.mjs";
+import { E as EmptyBox } from "./EmptyBox-BM4IscSk.mjs";
+import { useIntl } from "react-intl";
+import { Pencil } from "@strapi/icons";
+function getRouteType(route) {
+  if (route.wrapper) {
+    return "wrapper";
+  } else if (!route.internal) {
+    return "external";
+  } else {
+    return "internal";
+  }
+}
+function TableHeader() {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsx(Thead, { children: /* @__PURE__ */ jsxs(Tr, { children: [
+    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: "ID" }) }),
+    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+      id: getTranslation("title"),
+      defaultMessage: "Title"
+    }) }) }),
+    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+      id: getTranslation("route"),
+      defaultMessage: "Route"
+    }) }) }),
+    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(Typography, { variant: "sigma", children: formatMessage({
+      id: getTranslation("routes.page.column.type"),
+      defaultMessage: "Type"
+    }) }) }),
+    /* @__PURE__ */ jsx(Th, { children: /* @__PURE__ */ jsx(VisuallyHidden, { children: formatMessage({
+      id: getTranslation("actions"),
+      defaultMessage: "Actions"
+    }) }) })
+  ] }) });
+}
+function TableRow({ route }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Tr, { children: [
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.id }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.title }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: route.fullPath }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral800", children: formatMessage({
+      id: getTranslation(`route.type.${getRouteType(route)}`),
+      defaultMessage: "-"
+    }) }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: route.internal && /* @__PURE__ */ jsx(
+      LinkButton,
+      {
+        variant: "secondary",
+        startIcon: /* @__PURE__ */ jsx(Pencil, {}),
+        href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`,
+        children: formatMessage({
+          id: getTranslation("edit"),
+          defaultMessage: "Edit"
+        })
+      }
+    ) }) })
+  ] });
+}
+function PageWrapper({ children }) {
+  const { formatMessage } = useIntl();
+  return /* @__PURE__ */ jsxs(Page.Main, { children: [
+    /* @__PURE__ */ jsx(
+      Layouts.Header,
+      {
+        title: formatMessage({
+          id: getTranslation("routes.page.title"),
+          defaultMessage: "Routes"
+        }),
+        subtitle: formatMessage({
+          id: getTranslation("routes.page.subtitle"),
+          defaultMessage: "Overview of all existing routes"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Box, { children }) })
+  ] });
+}
+const Routes = () => {
+  const { getRoutes } = useApi();
+  const { formatMessage } = useIntl();
+  const { toggleNotification } = useNotification();
+  const [routes, setRoutes] = useState([]);
+  const [loading, setLoading] = useState(true);
+  useEffect(() => {
+    async function fetchRoutes() {
+      try {
+        const data = await getRoutes();
+        setRoutes(data);
+      } catch (err) {
+        console.error("Failed to fetch routes:", err);
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: getTranslation("notification.routes.fetchFailed"),
+            defaultMessage: "Failed to fetch routes"
+          })
+        });
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchRoutes();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(FullLoader, {}) });
+  }
+  if (routes.length === 0) {
+    return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(Center, { height: 400, children: /* @__PURE__ */ jsx(EmptyBox, { msg: formatMessage({
+      id: getTranslation("routes.page.emptyRoutes"),
+      defaultMessage: "No routes found"
+    }) }) }) });
+  }
+  return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsx(TableHeader, {}),
+    /* @__PURE__ */ jsx(Tbody, { children: routes.map((route) => /* @__PURE__ */ jsx(TableRow, { route }, route.id)) })
+  ] }) });
+};
+export {
+  Routes as default
+};

package/dist/_chunks/index-BpvDMe8t.js

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const designSystem = require("@strapi/design-system");
+const index = require("./index-ChDbwEb-.js");
+const admin = require("@strapi/strapi/admin");
+const FullLoader = require("./FullLoader-Cmsf8xS6.js");
+const EmptyBox = require("./EmptyBox-T8t29l25.js");
+const reactIntl = require("react-intl");
+const icons = require("@strapi/icons");
+function getRouteType(route) {
+  if (route.wrapper) {
+    return "wrapper";
+  } else if (!route.internal) {
+    return "external";
+  } else {
+    return "internal";
+  }
+}
+function TableHeader() {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__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: "ID" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+      id: index.getTranslation("title"),
+      defaultMessage: "Title"
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+      id: index.getTranslation("route"),
+      defaultMessage: "Route"
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
+      id: index.getTranslation("routes.page.column.type"),
+      defaultMessage: "Type"
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: formatMessage({
+      id: index.getTranslation("actions"),
+      defaultMessage: "Actions"
+    }) }) })
+  ] }) });
+}
+function TableRow({ route }) {
+  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: route.id }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.title }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: route.fullPath }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { textColor: "neutral800", children: formatMessage({
+      id: index.getTranslation(`route.type.${getRouteType(route)}`),
+      defaultMessage: "-"
+    }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { gap: 2, justifyContent: "end", children: route.internal && /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.LinkButton,
+      {
+        variant: "secondary",
+        startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}),
+        href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`,
+        children: formatMessage({
+          id: index.getTranslation("edit"),
+          defaultMessage: "Edit"
+        })
+      }
+    ) }) })
+  ] });
+}
+function PageWrapper({ children }) {
+  const { formatMessage } = reactIntl.useIntl();
+  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      admin.Layouts.Header,
+      {
+        title: formatMessage({
+          id: index.getTranslation("routes.page.title"),
+          defaultMessage: "Routes"
+        }),
+        subtitle: formatMessage({
+          id: index.getTranslation("routes.page.subtitle"),
+          defaultMessage: "Overview of all existing routes"
+        })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { children }) })
+  ] });
+}
+const Routes = () => {
+  const { getRoutes } = index.useApi();
+  const { formatMessage } = reactIntl.useIntl();
+  const { toggleNotification } = admin.useNotification();
+  const [routes, setRoutes] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  React.useEffect(() => {
+    async function fetchRoutes() {
+      try {
+        const data = await getRoutes();
+        setRoutes(data);
+      } catch (err) {
+        console.error("Failed to fetch routes:", err);
+        toggleNotification({
+          type: "danger",
+          message: formatMessage({
+            id: index.getTranslation("notification.routes.fetchFailed"),
+            defaultMessage: "Failed to fetch routes"
+          })
+        });
+      } finally {
+        setLoading(false);
+      }
+    }
+    fetchRoutes();
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, {}) });
+  }
+  if (routes.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.Center, { height: 400, children: /* @__PURE__ */ jsxRuntime.jsx(EmptyBox.EmptyBox, { msg: formatMessage({
+      id: index.getTranslation("routes.page.emptyRoutes"),
+      defaultMessage: "No routes found"
+    }) }) }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(TableHeader, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { route }, route.id)) })
+  ] }) });
+};
+exports.default = Routes;