@mattisvensson/strapi-plugin-webatlas 0.2.5 → 0.3.0

package/dist/_chunks/{index-BjbgWZrg.mjs → index-CCiDvLAC.mjs}

@@ -3,9 +3,10 @@ import * as React from "react";
 import { useRef, useEffect, useState, useCallback, createContext, useMemo, createElement, useContext, Fragment, forwardRef, Children, isValidElement, cloneElement, useLayoutEffect, useReducer } from "react";
 import { Link, List, Information } from "@strapi/icons";
 import { useFetchClient, unstable_useContentManagerContext } from "@strapi/strapi/admin";
-import { Box, Typography, Flex, Field, Checkbox, Divider, Link as Link$1 } from "@strapi/design-system";
+import { Box, Typography, Flex, Divider, Field, Checkbox, Link as Link$1 } from "@strapi/design-system";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { flushSync } from "react-dom";
+import { useIntl } from "react-intl";
 const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
   const v = glob[path];
   if (v) {
@@ -22,7 +23,7 @@ const __variableDynamicImportRuntimeHelper = (glob, path, segs) => {
     );
   });
 };
-const version = "0.2.4";
+const version = "0.2.6";
 const keywords = [];
 const type = "commonjs";
 const exports = {
@@ -146,6 +147,7 @@ const pluginPkg = {
   packageManager
 };
 const PLUGIN_ID = pluginPkg.strapi.name.replace(/^(@[^-,.][\w,-]+\/|strapi-)plugin-/i, "") || "webatlas";
+const PLUGIN_NAME = pluginPkg.strapi.displayName;
 const Initializer = ({ setPlugin }) => {
   const ref = useRef(setPlugin);
   useEffect(() => {
@@ -3641,6 +3643,7 @@ function Tooltip({ description: description2 }) {
         background: "neutral1000",
         hasRadius: true,
         shadow: "filterShadow",
+        maxWidth: "300px",
         children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral0", children: description2 })
       }
     ) }) })
@@ -3657,19 +3660,6 @@ function debounce(func, wait) {
     timeout = setTimeout(later, wait);
   };
 }
-function URLInfo({ validationState, replacement }) {
-  if (validationState === "initial") return null;
-  let color = "neutral800";
-  let text = "Checking if URL is available...";
-  if (validationState === "checking") {
-    color = "neutral800";
-    text = "Checking if URL is available...";
-  } else if (validationState === "done") {
-    color = replacement ? "danger500" : "success500";
-    text = replacement ? `URL is not available. Replaced with "${replacement}".` : "URL is available";
-  }
-  return /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Typography, { textColor: color, children: text }) });
-}
 async function duplicateCheck(url, routeDocumentId) {
   if (!url) throw new Error("URL is required");
   try {
@@ -3681,6 +3671,33 @@ async function duplicateCheck(url, routeDocumentId) {
     throw new Error("Failed to check URL uniqueness");
   }
 }
+const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
+function URLInfo({ validationState, replacement, setUrlStatus }) {
+  const [color, setColor] = useState(null);
+  const [text, setText] = useState(null);
+  const { formatMessage } = useIntl();
+  useEffect(() => {
+    if (validationState === "initial") return;
+    if (validationState === "checking") {
+      setColor("neutral800");
+      setText(formatMessage({
+        id: getTranslation("components.URLInfo.checking"),
+        defaultMessage: "Checking if URL is available..."
+      }));
+    } else if (validationState === "done") {
+      setColor(replacement ? "danger500" : "success500");
+      setText(replacement ? `${formatMessage({
+        id: getTranslation("components.URLInfo.notAvailable"),
+        defaultMessage: "URL is not available. Replaced with"
+      })} "${replacement}".` : formatMessage({
+        id: getTranslation("components.URLInfo.available"),
+        defaultMessage: "URL is available."
+      }));
+      if (setUrlStatus) setUrlStatus(replacement ? "invalid" : "valid");
+    }
+  }, [validationState, replacement, formatMessage, setUrlStatus]);
+  return /* @__PURE__ */ jsx(Box, { paddingTop: 2, children: /* @__PURE__ */ jsx(Typography, { textColor: color, children: text }) });
+}
 function reducer(state, action) {
   switch (action.type) {
     case "DEFAULT":
@@ -3715,14 +3732,16 @@ function reducer(state, action) {
   }
 }
 const Alias = ({ config }) => {
-  const { layout, form } = unstable_useContentManagerContext();
+  const { form } = unstable_useContentManagerContext();
   const { initialValues, values, onChange } = form;
   const { getRelatedRoute } = useApi();
+  const { formatMessage } = useIntl();
   const [routeId, setRouteId] = useState();
   const [isOverride, setIsOverride] = useState(false);
   const [validationState, setValidationState] = useState("initial");
   const [replacement, setReplacement] = useState("");
   const [initialLoadComplete, setInitialLoadComplete] = useState(false);
+  const [urlIsValid, setUrlIsValid] = useState(null);
   const [path, dispatchPath] = useReducer(reducer, {
     needsUrlCheck: false,
     value: "",
@@ -3732,39 +3751,39 @@ const Alias = ({ config }) => {
   const hasUserChangedField = useRef(false);
   const initialPath = useRef("");
   const prevValueRef = useRef(null);
-  if (!config) return null;
-  const debouncedCheckUrl = useCallback(debounce(checkUrl, 500), []);
+  const debouncedCheckUrl = useCallback(debounce(checkUrl, 250), []);
   useEffect(() => {
     onChange("webatlas_path", path.value);
     onChange("webatlas_override", isOverride);
-  }, [path.value, routeId, isOverride]);
-  const debouncedValueEffect = useMemo(
-    () => debounce((currentValues) => {
-      const key = config?.default;
-      if (!key) return;
-      const currentValue = currentValues[key];
-      if (!currentValue) {
-        dispatchPath({ type: "NO_URL_CHECK", payload: "" });
-        return;
-      }
-      if (initialLoadComplete && (hasUserChangedField.current || !routeId) && prevValueRef.current !== currentValue && !isOverride) {
-        const path2 = config.pattern ? `${config.pattern}/${currentValue}` : `${currentValue}`;
-        if (currentValue === initialValues[key]) {
-          dispatchPath({ type: "NO_URL_CHECK", payload: path2 });
-        } else {
-          dispatchPath({ type: "DEFAULT", payload: path2 });
-        }
-        prevValueRef.current = currentValue;
+  }, [path.value, isOverride]);
+  const debouncedValueEffect = useMemo(() => debounce((currentValues) => {
+    const key = config?.default;
+    if (!key) return;
+    const currentValue = currentValues[key];
+    if (!currentValue) {
+      dispatchPath({ type: "NO_URL_CHECK", payload: "" });
+      return;
+    }
+    if (initialLoadComplete && (hasUserChangedField.current || !routeId) && prevValueRef.current !== currentValue && !isOverride) {
+      const path2 = config.pattern ? `${config.pattern}/${currentValue}` : `${currentValue}`;
+      if (currentValue === initialValues[key]) {
+        dispatchPath({ type: "NO_URL_CHECK", payload: path2 });
+      } else {
+        dispatchPath({ type: "DEFAULT", payload: path2 });
       }
-    }, 500),
-    [config?.default, config?.pattern, initialValues, isOverride, initialLoadComplete, routeId]
-  );
+      prevValueRef.current = currentValue;
+    }
+  }, 500), [config?.default, config?.pattern, initialValues, isOverride, initialLoadComplete, routeId]);
   useEffect(() => {
-    if (!initialLoadComplete) return;
     const key = config?.default;
     if (!key) return;
     const currentValue = values[key];
     const initialValue = initialValues[key];
+    if (currentValue && !isOverride) {
+      const path2 = config.pattern ? `${config.pattern}/${currentValue}` : `${currentValue}`;
+      onChange("webatlas_path", path2);
+    }
+    if (!initialLoadComplete) return;
     if (currentValue !== initialValue) {
       hasUserChangedField.current = true;
     }
@@ -3820,9 +3839,14 @@ const Alias = ({ config }) => {
     } catch (err) {
       console.log(err);
     } finally {
+      setUrlIsValid(null);
       setValidationState("done");
     }
   }
+  if (!initialLoadComplete) return /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage({
+    id: getTranslation("components.CMEditViewAside.loading"),
+    defaultMessage: "Loading..."
+  }) });
   return /* @__PURE__ */ jsx(
     Box,
     {
@@ -3837,28 +3861,53 @@ const Alias = ({ config }) => {
           gap: 4,
           children: [
             /* @__PURE__ */ jsxs(Box, { children: [
-              /* @__PURE__ */ jsxs(Field.Root, { hint: !initialValues.id && !config.default ? "[id] will be replaced with the entry ID" : "", children: [
-                /* @__PURE__ */ jsxs(Field.Label, { children: [
-                  "URL",
-                  /* @__PURE__ */ jsx(Tooltip, { description: "The following characters are valid: A-Z, a-z, 0-9, /, -, _, $, ., +, !, *, ', (, )" })
-                ] }),
-                /* @__PURE__ */ jsx(
-                  Field.Input,
-                  {
-                    id: "url-input",
-                    value: path.value,
-                    placeholder: config.default ? `Edit the "${config.default}" field to generate a URL` : `${layout.list.settings.displayName?.toLowerCase()}/[id]`,
-                    onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
-                    disabled: !isOverride,
-                    onBlur: (e) => {
-                      if (e.target.value === path.prevValue) return;
-                      dispatchPath({ type: "DEFAULT", payload: e.target.value });
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(Field.Hint, {})
+              !routeId && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+                /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", marginBottom: 2, children: formatMessage({
+                  id: getTranslation("components.CMEditViewAside.alias.newRouteInfo"),
+                  defaultMessage: "A new URL route will be created upon saving this entry."
+                }) }),
+                /* @__PURE__ */ jsx(Box, { paddingBottom: 2, paddingTop: 2, children: /* @__PURE__ */ jsx(Divider, {}) })
               ] }),
-              /* @__PURE__ */ jsx(URLInfo, { validationState, replacement }),
+              /* @__PURE__ */ jsxs(
+                Field.Root,
+                {
+                  hint: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.urlInput.start"),
+                    defaultMessage: "Edit the"
+                  }) + ' "' + config.default + '" ' + formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.urlInput.end"),
+                    defaultMessage: "field to generate a URL"
+                  }),
+                  children: [
+                    /* @__PURE__ */ jsxs(Field.Label, { children: [
+                      formatMessage({
+                        id: getTranslation("components.CMEditViewAside.alias.urlInput.label"),
+                        defaultMessage: "URL"
+                      }),
+                      /* @__PURE__ */ jsx(Tooltip, { description: formatMessage({
+                        id: getTranslation("components.CMEditViewAside.alias.urlInput.tooltip"),
+                        defaultMessage: "The following characters are valid: A-Z, a-z, 0-9, /, -, _, $, ., +, !, *, ', (, )"
+                      }) })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Field.Input,
+                      {
+                        id: "url-input",
+                        value: path.value,
+                        onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
+                        disabled: !isOverride,
+                        onBlur: (e) => {
+                          if (e.target.value === path.prevValue) return;
+                          dispatchPath({ type: "DEFAULT", payload: e.target.value });
+                        },
+                        style: { outline: urlIsValid !== null ? urlIsValid === "valid" ? "1px solid #5cb176" : "1px solid #ee5e52" : void 0 }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(Field.Hint, {})
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(URLInfo, { validationState, replacement, setUrlStatus: setUrlIsValid }),
               /* @__PURE__ */ jsx(
                 Flex,
                 {
@@ -3870,7 +3919,10 @@ const Alias = ({ config }) => {
                       id: "override-url",
                       checked: isOverride,
                       onCheckedChange: () => setIsOverride((prev) => !prev),
-                      children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "Override generated URL" })
+                      children: /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage({
+                        id: getTranslation("components.CMEditViewAside.alias.overrideCheckbox"),
+                        defaultMessage: "Override automatic URL generation"
+                      }) })
                     }
                   )
                 }
@@ -3881,8 +3933,14 @@ const Alias = ({ config }) => {
               /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
                 Field.Root,
                 {
-                  hint: "Permanent UID path, cannot be changed.",
-                  label: "UID path",
+                  hint: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.uidRoute.hint"),
+                    defaultMessage: "Permanent UID route, cannot be changed"
+                  }),
+                  label: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.uidRoute.label"),
+                    defaultMessage: "UID route"
+                  }),
                   children: [
                     /* @__PURE__ */ jsx(Field.Label, {}),
                     /* @__PURE__ */ jsx(
@@ -3899,8 +3957,14 @@ const Alias = ({ config }) => {
               /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(
                 Field.Root,
                 {
-                  hint: "Permanent DocumentID path, cannot be changed.",
-                  label: "DocumentID path",
+                  hint: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.documentIdRoute.hint"),
+                    defaultMessage: "Permanent Document ID route, cannot be changed"
+                  }),
+                  label: formatMessage({
+                    id: getTranslation("components.CMEditViewAside.alias.documentIdRoute.label"),
+                    defaultMessage: "Document ID route"
+                  }),
                   children: [
                     /* @__PURE__ */ jsx(Field.Label, {}),
                     /* @__PURE__ */ jsx(
@@ -3929,6 +3993,7 @@ const CMEditViewAside = () => {
   const [isAllowedContentType, setIsAllowedContentType] = useState(false);
   const [isActiveContentType, setIsActiveContentType] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
+  const { formatMessage } = useIntl();
   useEffect(() => {
     if (!config) return;
     const contentType = contentTypes?.find((ct) => ct.uid === model);
@@ -3960,17 +4025,43 @@ const CMEditViewAside = () => {
       }
     });
   }, []);
-  if (isLoading) return /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: "Loading..." });
+  if (isLoading || !config) return /* @__PURE__ */ jsx(Typography, { textColor: "neutral600", children: formatMessage({
+    id: getTranslation("components.CMEditViewAside.loading"),
+    defaultMessage: "Loading..."
+  }) });
   if (!isAllowedContentType) return /* @__PURE__ */ jsxs(Typography, { textColor: "neutral600", children: [
-    "This content type is not allowed for ",
-    /* @__PURE__ */ jsx("strong", { children: "WebAtlas" }),
-    ". If you wish to use it, please contact your administrator."
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notAllowed.start"),
+      defaultMessage: "This content type is not allowed for"
+    }),
+    " ",
+    /* @__PURE__ */ jsx("strong", { children: PLUGIN_NAME }),
+    ".",
+    " ",
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notAllowed.end"),
+      defaultMessage: "If you wish to use it, please contact your administrator"
+    }),
+    "."
   ] });
   if (!isActiveContentType || !contentTypeConfig) return /* @__PURE__ */ jsxs(Typography, { textColor: "neutral600", children: [
-    "This content type is not configured for ",
-    /* @__PURE__ */ jsx("strong", { children: "WebAtlas" }),
-    ". If you wish to use it, please configure it in the",
-    /* @__PURE__ */ jsx(Link$1, { href: "/admin/settings/webatlas/configuration", marginLeft: 1, children: "settings" }),
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notConfigured.start"),
+      defaultMessage: "This content type is not configured for"
+    }),
+    " ",
+    /* @__PURE__ */ jsx("strong", { children: PLUGIN_NAME }),
+    ".",
+    " ",
+    formatMessage({
+      id: getTranslation("components.CMEditViewAside.notConfigured.middle"),
+      defaultMessage: "If you wish to use it, please configure it in the"
+    }),
+    " ",
+    /* @__PURE__ */ jsx(Link$1, { href: "/admin/settings/webatlas/configuration", children: formatMessage({
+      id: getTranslation("components.CMEditViewAside.notConfigured.end"),
+      defaultMessage: "settings"
+    }) }),
     "."
   ] });
   return /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(Alias, { config: contentTypeConfig }) });
@@ -3985,7 +4076,7 @@ const index = {
         defaultMessage: "Routes"
       },
       Component: async () => {
-        const component = await import("./index-B5ilx6DT.mjs");
+        const component = await import("./index-B2Tiv3EK.mjs");
         return { default: component.default };
       },
       permissions: [
@@ -4004,7 +4095,7 @@ const index = {
         defaultMessage: "Navigation"
       },
       Component: async () => {
-        const component = await import("./index-D_OdzeaU.mjs");
+        const component = await import("./index-C7B8QHDT.mjs");
         return { default: component.default };
       },
       permissions: [
@@ -4033,7 +4124,7 @@ const index = {
         Component: async () => {
           return await import(
             /* webpackChunkName: "webatlas-settings-page" */
-            "./index-BxuR805w.mjs"
+            "./index-BocSkZOu.mjs"
           );
         },
         permissions: [
@@ -4062,7 +4153,7 @@ const index = {
     return Promise.all(
       locales.map(async (locale) => {
         try {
-          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/en.json": () => import("./en-Byx4XI2L.mjs") }), `./translations/${locale}.json`, 3);
+          const { default: data } = await __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/de.json": () => import("./de-C8PE3n3B.mjs"), "./translations/en.json": () => import("./en-CR1YZvJo.mjs") }), `./translations/${locale}.json`, 3);
           return { data, locale };
         } catch {
           return { data: {}, locale };
@@ -4072,6 +4163,7 @@ const index = {
   }
 };
 export {
+  PLUGIN_NAME as P,
   Tooltip as T,
   URLInfo as U,
   _extends as _,
@@ -4079,6 +4171,7 @@ export {
   usePluginConfig as b,
   useAllContentTypes as c,
   debounce as d,
+  getTranslation as g,
   index as i,
   transformToUrl as t,
   useApi as u

package/dist/_chunks/index-CXzNr2cH.mjs

@@ -0,0 +1,93 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Layouts } from "@strapi/strapi/admin";
+import { Table, Thead, Tr, Th, Typography, VisuallyHidden, Tbody, Td, Flex, LinkButton } from "@strapi/design-system";
+import { Pencil } from "@strapi/icons";
+import { u as useApi, g as getTranslation } from "./index-D981K4TK.mjs";
+import { C as Center, E as EmptyBox } from "./EmptyBox-7D4LrvdH.mjs";
+import { useIntl } from "react-intl";
+function getRouteType(route) {
+  if (route.wrapper) {
+    return "wrapper";
+  } else if (!route.internal) {
+    return "external";
+  } else {
+    return "internal";
+  }
+}
+const Routes = () => {
+  const { getRoutes } = useApi();
+  const { formatMessage } = useIntl();
+  const [routes, setRoutes] = useState([]);
+  useEffect(() => {
+    async function fetchRoutes() {
+      const data = await getRoutes();
+      setRoutes(data);
+    }
+    fetchRoutes();
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { 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: routes.length === 0 ? /* @__PURE__ */ jsx(Center, { height: 400, children: /* @__PURE__ */ jsx(EmptyBox, { msg: formatMessage({
+      id: getTranslation("routes.page.emptyRoutes"),
+      defaultMessage: "No routes found"
+    }) }) }) : /* @__PURE__ */ jsxs(Table, { colCount: 4, rowCount: routes.length, children: [
+      /* @__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"
+        }) }) })
+      ] }) }),
+      /* @__PURE__ */ jsx(Tbody, { children: routes.map((route) => /* @__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"
+            })
+          }
+        ) }) })
+      ] }, route.id)) })
+    ] }) })
+  ] });
+};
+export {
+  Routes as default
+};
+//# sourceMappingURL=index-CXzNr2cH.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-CXzNr2cH.mjs","sources":["../../admin/src/utils/getRouteType.ts","../../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}","/*\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 { useState, useEffect } from 'react';\nimport { Layouts } from '@strapi/strapi/admin';\nimport { Flex, Typography, Table, Thead, Tbody, Tr, Td, Th, VisuallyHidden, LinkButton } from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { Route } from '../../../../types';\nimport { useApi } from '../../hooks';\nimport { EmptyBox, Center } from '../../components/UI';\nimport { getTranslation, getRouteType } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nconst Routes = () => {\n  const { getRoutes } = useApi();\n  const { formatMessage } = useIntl();\n\n  const [routes, setRoutes] = useState<Route[]>([]);\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      const data = await getRoutes();\n      setRoutes(data);\n    }\n    fetchRoutes();\n  }, [])\n\n  return (\n    <>\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        {routes.length === 0 ? (\n          <Center height={400}>\n            <EmptyBox msg={formatMessage({\n              id: getTranslation('routes.page.emptyRoutes'),\n              defaultMessage: 'No routes found',\n            })} />\n          </Center>\n        ) : (\n          <Table colCount={4} rowCount={routes.length}>\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            <Tbody>\n              {routes.map((route: Route) => (\n                <Tr key={route.id}>\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            </Tbody>\n          </Table>\n        )}\n      </Layouts.Content>\n    </>\n  );\n};\n\nexport default Routes;"],"names":[],"mappings":"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"}

package/dist/_chunks/{index-kz3NL7uv.js → index-Cd6y6nuf.js}

@@ -5,10 +5,21 @@ const React = require("react");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 const icons = require("@strapi/icons");
-const index = require("./index-CAjBRbaH.js");
+const index = require("./index-Cf9ZIBLd.js");
 const EmptyBox = require("./EmptyBox-DT6D5gcf.js");
+const reactIntl = require("react-intl");
+function getRouteType(route) {
+  if (route.wrapper) {
+    return "wrapper";
+  } else if (!route.internal) {
+    return "external";
+  } else {
+    return "internal";
+  }
+}
 const Routes = () => {
   const { getRoutes } = index.useApi();
+  const { formatMessage } = reactIntl.useIntl();
   const [routes, setRoutes] = React.useState([]);
   React.useEffect(() => {
     async function fetchRoutes() {
@@ -21,24 +32,62 @@ const Routes = () => {
     /* @__PURE__ */ jsxRuntime.jsx(
       admin.Layouts.Header,
       {
-        title: "Routes",
-        subtitle: "Overview of all existing routes"
+        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: routes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyBox.Center, { height: 400, children: /* @__PURE__ */ jsxRuntime.jsx(EmptyBox.EmptyBox, { msg: "No routes found" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: routes.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(EmptyBox.Center, { height: 400, children: /* @__PURE__ */ jsxRuntime.jsx(EmptyBox.EmptyBox, { msg: formatMessage({
+      id: index.getTranslation("routes.page.emptyRoutes"),
+      defaultMessage: "No routes found"
+    }) }) }) : /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: routes.length, 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: "ID" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Title" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: "Route" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: "Actions" }) })
+        /* @__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"
+        }) }) })
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: routes.map((route) => /* @__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.Flex, { gap: 2, justifyContent: "end", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.LinkButton, { variant: "secondary", startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Pencil, {}), href: `/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`, children: "Edit" }) }) })
+        /* @__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"
+            })
+          }
+        ) }) })
       ] }, route.id)) })
     ] }) })
   ] });
 };
 exports.default = Routes;
+//# sourceMappingURL=index-Cd6y6nuf.js.map

package/dist/_chunks/index-Cd6y6nuf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cd6y6nuf.js","sources":["../../admin/src/utils/getRouteType.ts","../../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}","/*\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 { useState, useEffect } from 'react';\nimport { Layouts } from '@strapi/strapi/admin';\nimport { Flex, Typography, Table, Thead, Tbody, Tr, Td, Th, VisuallyHidden, LinkButton } from '@strapi/design-system';\nimport { Pencil } from '@strapi/icons';\nimport { Route } from '../../../../types';\nimport { useApi } from '../../hooks';\nimport { EmptyBox, Center } from '../../components/UI';\nimport { getTranslation, getRouteType } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nconst Routes = () => {\n  const { getRoutes } = useApi();\n  const { formatMessage } = useIntl();\n\n  const [routes, setRoutes] = useState<Route[]>([]);\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      const data = await getRoutes();\n      setRoutes(data);\n    }\n    fetchRoutes();\n  }, [])\n\n  return (\n    <>\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        {routes.length === 0 ? (\n          <Center height={400}>\n            <EmptyBox msg={formatMessage({\n              id: getTranslation('routes.page.emptyRoutes'),\n              defaultMessage: 'No routes found',\n            })} />\n          </Center>\n        ) : (\n          <Table colCount={4} rowCount={routes.length}>\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            <Tbody>\n              {routes.map((route: Route) => (\n                <Tr key={route.id}>\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            </Tbody>\n          </Table>\n        )}\n      </Layouts.Content>\n    </>\n  );\n};\n\nexport default Routes;"],"names":["useApi","useIntl","useState","useEffect","jsxs","Fragment","jsx","Layouts","getTranslation","Center","EmptyBox","Table","Thead","Tr","Th","Typography","VisuallyHidden","Tbody","Td","Flex","LinkButton","Pencil"],"mappings":"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"}