@mattisvensson/strapi-plugin-webatlas 0.4.2 → 0.5.0

package/dist/_chunks/index-CEt9P4TS.mjs

@@ -0,0 +1,127 @@
+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-CuJP8Fy7.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
+};
+//# sourceMappingURL=index-CEt9P4TS.mjs.map

package/dist/_chunks/index-CEt9P4TS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-CEt9P4TS.mjs","sources":["../../admin/src/utils/getRouteType.ts","../../admin/src/pages/Routes/TableHeader.tsx","../../admin/src/pages/Routes/TableRow.tsx","../../admin/src/pages/Routes/PageWrapper.tsx","../../admin/src/pages/Routes/index.tsx"],"sourcesContent":["import type { Route } from \"../../../types\";\n\nexport default function getRouteType(route: Route): 'internal' | 'external' | 'wrapper' {\n  if (route.wrapper) {\n    return 'wrapper';\n  } else if (!route.internal) {\n    return 'external';\n  } else {\n    return 'internal';\n  }\n}","import { Typography, Thead, Tr, Th, VisuallyHidden } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nexport default function TableHeader() {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Thead>\n      <Tr>\n        <Th>\n          <Typography variant=\"sigma\">ID</Typography>\n        </Th>\n        <Th>\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('title'),\n              defaultMessage: 'Title',\n            })}\n          </Typography>\n        </Th>\n        <Th>\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('route'),\n              defaultMessage: 'Route',\n            })}\n          </Typography>\n        </Th>\n        <Th>\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('routes.page.column.type'),\n              defaultMessage: 'Type',\n            })}\n          </Typography>\n        </Th>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: getTranslation('actions'),\n              defaultMessage: 'Actions',\n            })}\n          </VisuallyHidden>\n        </Th>\n      </Tr>\n    </Thead>\n  )\n}","import type { Route } from '../../../../types';\nimport { Typography, Tr, Td, Flex, LinkButton } from '@strapi/design-system';\nimport { getTranslation, getRouteType } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { Pencil } from '@strapi/icons';\n\nexport default function TableRow({ route }: { route: Route }) {\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Tr>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.id}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.title}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.fullPath}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslation(`route.type.${getRouteType(route)}`),\n            defaultMessage: '-',\n          })}\n        </Typography>\n      </Td>\n      <Td>\n        <Flex gap={2} justifyContent=\"end\">\n          {route.internal && \n            <LinkButton\n              variant=\"secondary\"\n              startIcon={<Pencil />} \n              href={`/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`}\n            >\n              {formatMessage({\n                id: getTranslation('edit'),\n                defaultMessage: 'Edit',\n              })}\n            </LinkButton>\n          }\n        </Flex>\n      </Td>\n    </Tr>\n  )\n}","import { Layouts, Page } from '@strapi/strapi/admin';\nimport { Box } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nexport default function PageWrapper({ children }: { children: React.ReactNode }) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('routes.page.title'),\n          defaultMessage: 'Routes',\n        })}\n        subtitle={formatMessage({\n          id: getTranslation('routes.page.subtitle'),\n          defaultMessage: 'Overview of all existing routes',\n        })}\n      />\n      <Layouts.Content>\n        <Box>\n          {children}\n        </Box>\n      </Layouts.Content>\n    </Page.Main>\n  );\n}","/*\n *\n * Routes\n * This file contains the Routes page of the Webatlas plugin for Strapi.\n * It displays a table of all existing routes with their details and allows editing.\n *\n*/\n\nimport type { Route } from '../../../../types';\nimport { useState, useEffect } from 'react';\nimport { Table, Tbody } from '@strapi/design-system';\nimport { useApi } from '../../hooks';\nimport { EmptyBox, Center, FullLoader } from '../../components/UI';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport TableHeader from './TableHeader';\nimport TableRow from './TableRow';\nimport { useNotification } from '@strapi/strapi/admin'\nimport PageWrapper from './PageWrapper';\n\nconst Routes = () => {\n  const { getRoutes } = useApi();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  \n  const [routes, setRoutes] = useState<Route[]>([]);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      try {\n        const data = await getRoutes();\n        setRoutes(data);\n      } catch (err) {\n        console.error('Failed to fetch routes:', err);\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTranslation('notification.routes.fetchFailed'),\n            defaultMessage: 'Failed to fetch routes',\n          }),\n        });\n      } finally {\n        setLoading(false);\n      }\n    }\n    fetchRoutes();\n  }, [])\n\n  if (loading) {\n    return <PageWrapper>\n      <FullLoader />\n    </PageWrapper>\n  }\n\n  if (routes.length === 0) {\n    return <PageWrapper>\n      <Center height={400}>\n        <EmptyBox msg={formatMessage({\n          id: getTranslation('routes.page.emptyRoutes'),\n          defaultMessage: 'No routes found',\n        })} />\n      </Center>\n    </PageWrapper>;\n  }\n  return (\n    <PageWrapper>\n      <Table colCount={4} rowCount={routes.length}>\n        <TableHeader />\n        <Tbody>\n          {routes.map((route: Route) => (\n            <TableRow key={route.id} route={route} />\n          ))}\n        </Tbody>\n      </Table>\n    </PageWrapper>\n  );\n};\n\nexport default Routes;"],"names":[],"mappings":"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"}

package/dist/_chunks/{index-IHvD3566.js → index-CJNR2c7_.js}

@@ -4,7 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-CSYue_D0.js");
+const index = require("./index-CJtLrSxU.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Cmsf8xS6.js");

package/dist/_chunks/{index-CSYue_D0.js → index-CJtLrSxU.js}

@@ -41,7 +41,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.4.1";
+const version = "0.4.2";
 const keywords = [];
 const type = "commonjs";
 const exports$1 = {
@@ -176,7 +176,7 @@ const Initializer = ({ setPlugin }) => {
 const RouteIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.Link, {});
 const NavigationIcon = () => /* @__PURE__ */ jsxRuntime.jsx(icons.List, {});
 function useApi() {
-  const { get, post, put, del } = admin.useFetchClient();
+  const { get, put, del } = admin.useFetchClient();
   const fetchAllContentTypes = async () => {
     const { data } = await get("/content-manager/content-types");
     return data.data;
@@ -4077,7 +4077,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-CiY-8z8F.js"));
+        const component = await Promise.resolve().then(() => require("./index-BfgRvDzx.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4096,7 +4096,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await Promise.resolve().then(() => require("./index-Clikpy91.js"));
+        const component = await Promise.resolve().then(() => require("./index-BOvKFOKk.js"));
         return { default: component.default };
       },
       permissions: [
@@ -4125,7 +4125,7 @@ const index = {
         Component: async () => {
           return await Promise.resolve().then(() => require(
             /* webpackChunkName: "webatlas-settings-page" */
-            "./index-IHvD3566.js"
+            "./index-CJNR2c7_.js"
           ));
         },
         permissions: [
@@ -4154,7 +4154,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-RiCps8UH.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-JLW5S3ZC.js")) }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => Promise.resolve().then(() => require("./de-D8LMOTFI.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-BdfmJUs8.js")) }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };