@mattisvensson/strapi-plugin-webatlas 0.6.1 → 0.7.0

package/README.md

@@ -94,9 +94,16 @@ For each selected content type, you have the following settings:
 
 ## 📖 Usage
 
+### Setting the path field
+To set the path (slug) field for a content type, you need to ensure that the content type is enabled for Webatlas in the settings page. Once enabled, the plugin will automatically generate and manage the slug based on your configuration. The generated slug will be visible in the content type's aside panel when editing an entry. The **uid route** and **document route** will also be displayed there. These two path are permanent and cannot be changed.
+
+Hint: If you want a page to be at the root of your website, override the automatic slug generation by setting the slug to `(frontpage)`. 
+
+### API endpoints
+
 Webatlas provides two API endpoints. One to fetch routes and one to fetch navigations.
 
-### Fetch route
+#### Fetch route
 
 `GET /api/webatlas/path`
 
@@ -107,7 +114,7 @@ Query parameters:
 - `fields` (string, optional): Comma-separated list of fields to include in the response.
 - `status` (string, optional): `draft` or `published`. Default is `published`. Returns the draft or published version of the entity.
 
-### Fetch navigation
+#### Fetch navigation
 
 `GET /api/webatlas/navigation`
 

package/dist/_chunks/{de-CL1TIZPg.js → de-BZc1BkzH.js}

@@ -13,6 +13,7 @@ const de = {
   "webatlas.routes.page.subtitle": "Übersicht aller vorhandenen Routen",
   "webatlas.routes.page.emptyRoutes": "Es wurden keine Routen gefunden",
   "webatlas.routes.page.column.type": "Typ",
+  "webatlas.routes.page.searchPlaceholder": "Routen suchen",
   "webatlas.settings.page.subtitle": "Konfigurieren Sie Ihre Webatlas-Plugin-Einstellungen",
   "webatlas.settings.page.enabledContentTypes": "Aktivierte Inhaltstypen",
   "webatlas.settings.page.enabledContentTypes.hint": "Wählen Sie die Inhaltstypen aus, für die Sie URL-Aliase aktivieren möchten",
@@ -90,6 +91,8 @@ const de = {
   "webatlas.route.type.internal": "Intern",
   "webatlas.route.type.external": "Extern",
   "webatlas.route.type.wrapper": "Wrapper",
+  "webatlas.link.navigation": "Navigation",
+  "webatlas.link.routes": "Routen",
   "webatlas.title": "Titel",
   "webatlas.route": "Route",
   "webatlas.actions": "Aktionen",
@@ -115,4 +118,4 @@ const de = {
   "webatlas.notification.navigation.creationFailed": "Erstellung der Navigation fehlgeschlagen"
 };
 exports.default = de;
-//# sourceMappingURL=de-CL1TIZPg.js.map
+//# sourceMappingURL=de-BZc1BkzH.js.map

package/dist/_chunks/{de-CL1TIZPg.js.map → de-BZc1BkzH.js.map}

@@ -1 +1 @@
-{"version":3,"file":"de-CL1TIZPg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"de-BZc1BkzH.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/{de-CzVD4dbZ.mjs → de-oxxH8hft.mjs}

@@ -11,6 +11,7 @@ const de = {
   "webatlas.routes.page.subtitle": "Übersicht aller vorhandenen Routen",
   "webatlas.routes.page.emptyRoutes": "Es wurden keine Routen gefunden",
   "webatlas.routes.page.column.type": "Typ",
+  "webatlas.routes.page.searchPlaceholder": "Routen suchen",
   "webatlas.settings.page.subtitle": "Konfigurieren Sie Ihre Webatlas-Plugin-Einstellungen",
   "webatlas.settings.page.enabledContentTypes": "Aktivierte Inhaltstypen",
   "webatlas.settings.page.enabledContentTypes.hint": "Wählen Sie die Inhaltstypen aus, für die Sie URL-Aliase aktivieren möchten",
@@ -88,6 +89,8 @@ const de = {
   "webatlas.route.type.internal": "Intern",
   "webatlas.route.type.external": "Extern",
   "webatlas.route.type.wrapper": "Wrapper",
+  "webatlas.link.navigation": "Navigation",
+  "webatlas.link.routes": "Routen",
   "webatlas.title": "Titel",
   "webatlas.route": "Route",
   "webatlas.actions": "Aktionen",
@@ -115,4 +118,4 @@ const de = {
 export {
   de as default
 };
-//# sourceMappingURL=de-CzVD4dbZ.mjs.map
+//# sourceMappingURL=de-oxxH8hft.mjs.map

package/dist/_chunks/{de-CzVD4dbZ.mjs.map → de-oxxH8hft.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"de-CzVD4dbZ.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"de-oxxH8hft.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/{en-Du-Ap60j.js → en-Deg4n_IM.js}

@@ -13,6 +13,7 @@ const en = {
   "webatlas.routes.page.subtitle": "Overview of all existing routes",
   "webatlas.routes.page.emptyRoutes": "No routes found",
   "webatlas.routes.page.column.type": "Type",
+  "webatlas.routes.page.searchPlaceholder": "Search routes",
   "webatlas.settings.page.subtitle": "Configure your Webatlas plugin settings",
   "webatlas.settings.page.enabledContentTypes": "Enabled Content Types",
   "webatlas.settings.page.enabledContentTypes.hint": "Select the content types for which you want to enable URL aliases",
@@ -90,6 +91,8 @@ const en = {
   "webatlas.route.type.internal": "Internal",
   "webatlas.route.type.external": "External",
   "webatlas.route.type.wrapper": "Wrapper",
+  "webatlas.link.navigation": "Navigation",
+  "webatlas.link.routes": "Routes",
   "webatlas.title": "Title",
   "webatlas.route": "Route",
   "webatlas.actions": "Actions",
@@ -115,4 +118,4 @@ const en = {
   "webatlas.notification.navigation.creationFailed": "Creation of navigation failed"
 };
 exports.default = en;
-//# sourceMappingURL=en-Du-Ap60j.js.map
+//# sourceMappingURL=en-Deg4n_IM.js.map

package/dist/_chunks/{en-Du-Ap60j.js.map → en-Deg4n_IM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"en-Du-Ap60j.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en-Deg4n_IM.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/{en-Nk6QcTdr.mjs → en-DqC5aDzA.mjs}

@@ -11,6 +11,7 @@ const en = {
   "webatlas.routes.page.subtitle": "Overview of all existing routes",
   "webatlas.routes.page.emptyRoutes": "No routes found",
   "webatlas.routes.page.column.type": "Type",
+  "webatlas.routes.page.searchPlaceholder": "Search routes",
   "webatlas.settings.page.subtitle": "Configure your Webatlas plugin settings",
   "webatlas.settings.page.enabledContentTypes": "Enabled Content Types",
   "webatlas.settings.page.enabledContentTypes.hint": "Select the content types for which you want to enable URL aliases",
@@ -88,6 +89,8 @@ const en = {
   "webatlas.route.type.internal": "Internal",
   "webatlas.route.type.external": "External",
   "webatlas.route.type.wrapper": "Wrapper",
+  "webatlas.link.navigation": "Navigation",
+  "webatlas.link.routes": "Routes",
   "webatlas.title": "Title",
   "webatlas.route": "Route",
   "webatlas.actions": "Actions",
@@ -115,4 +118,4 @@ const en = {
 export {
   en as default
 };
-//# sourceMappingURL=en-Nk6QcTdr.mjs.map
+//# sourceMappingURL=en-DqC5aDzA.mjs.map

package/dist/_chunks/{en-Nk6QcTdr.mjs.map → en-DqC5aDzA.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"en-Nk6QcTdr.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en-DqC5aDzA.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/_chunks/{index-C2V-ZFHK.mjs → index-B6MYtu3A.mjs}

@@ -1,14 +1,14 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useNavigate, useParams, Routes, Route } from "react-router-dom";
 import { Trash, Pencil, Check, Drag, More, Link, OneToMany, ExternalLink, Plus } from "@strapi/icons";
-import { Dialog, Typography, Button, Modal, Flex, SingleSelect, SingleSelectOption, Grid, Box, Field, Toggle, Divider, Status, SimpleMenu, IconButton, MenuItem } from "@strapi/design-system";
+import { Box, Typography, Dialog, Button, Modal, Flex, SingleSelect, SingleSelectOption, Grid, Field, Toggle, Divider, Status, SimpleMenu, IconButton, MenuItem } from "@strapi/design-system";
 import { useState, useEffect, createContext, useRef, useContext, useReducer, useCallback, useMemo, forwardRef } from "react";
 import { createPortal } from "react-dom";
 import { useIntl } from "react-intl";
-import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo } from "./index-JVvkmiKE.mjs";
+import { u as useApi, g as getTranslation, d as debounce, a as duplicateCheck, t as transformToUrl, U as URLInfo } from "./index-CZ5qsGXH.mjs";
 import { useFetchClient, useNotification, Page, Layouts } from "@strapi/strapi/admin";
 import { C as Center, F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
-import { E as EmptyBox } from "./EmptyBox-BM4IscSk.mjs";
+import { EmptyDocuments } from "@strapi/icons/symbols";
 import { MeasuringStrategy, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
 import { arrayMove, useSortable, SortableContext, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
@@ -81,6 +81,12 @@ function createTempNavItemObject({
   };
   return tempNavItem;
 }
+function EmptyBox({ msg }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(EmptyDocuments, { width: "10rem", height: "6rem" }),
+    /* @__PURE__ */ jsx(Box, { padding: 4, children: /* @__PURE__ */ jsx(Typography, { variant: "beta", textColor: "neutral600", children: msg }) })
+  ] });
+}
 const ModalContext = createContext({ modalType: "", setModalType: () => {
 } });
 const SelectedNavigationContext = createContext({ selectedNavigation: void 0, setSelectedNavigation: () => {
@@ -4629,6 +4635,7 @@ function ItemCreateComponent({
   onCreate
 }) {
   const [loading, setLoading] = useState(false);
+  const [loadingRoute, setLoadingRoute] = useState(true);
   const { formatMessage } = useIntl();
   useEffect(() => {
     if (!entities) return;
@@ -4644,9 +4651,10 @@ function ItemCreateComponent({
   useEffect(() => {
     async function fetchRoute() {
       if (selectedContentType?.contentType && selectedEntity?.id) {
+        setLoadingRoute(true);
         try {
           const route = await getRelatedRoute(selectedEntity.documentId);
-          if (!route) return;
+          if (!route) throw new Error("No route found for the selected entity");
           dispatchPath({ type: "NO_URL_CHECK", payload: route.fullPath });
           dispatchPath({ type: "SET_UIDPATH", payload: route.uidPath });
           dispatchPath({ type: "SET_INITIALPATH", payload: route.fullPath });
@@ -4664,6 +4672,8 @@ function ItemCreateComponent({
           setEntityRoute(route);
         } catch (err) {
           console.log(err);
+        } finally {
+          setLoadingRoute(false);
         }
       }
     }
@@ -4690,6 +4700,68 @@ function ItemCreateComponent({
       setLoading(false);
     }
   };
+  function ItemDetails() {
+    if (loadingRoute) return /* @__PURE__ */ jsx(FullLoader, { height: 50 });
+    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, children: [
+      /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, alignItems: "baseline", children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+          id: getTranslation("modal.item.titleField.label"),
+          defaultMessage: "Title"
+        }) }),
+        /* @__PURE__ */ jsx(
+          Field.Input,
+          {
+            placeholder: formatMessage({
+              id: getTranslation("modal.item.titleField.placeholder"),
+              defaultMessage: "e.g. About us"
+            }),
+            name: "title",
+            value: navItemState.title || "",
+            onChange: (e) => dispatchItemState({ type: "SET_TITLE", payload: e.target.value }),
+            required: true
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
+            id: getTranslation("modal.item.routeField.label"),
+            defaultMessage: "Route"
+          }) }),
+          /* @__PURE__ */ jsx(
+            Field.Input,
+            {
+              required: true,
+              placeholder: formatMessage({
+                id: getTranslation("modal.item.routeField.placeholder"),
+                defaultMessage: "e.g. about/"
+              }),
+              name: "slug",
+              value: path?.value || "",
+              onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
+              onBlur: (e) => {
+                if (e.target.value === path.prevValue) return;
+                dispatchPath({ type: "DEFAULT", payload: e.target.value });
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(URLInfo, { validationState, replacement })
+      ] }) })
+    ] }) });
+  }
+  if (availableEntities && availableEntities.length === 0) {
+    return /* @__PURE__ */ jsx(
+      NavModal,
+      {
+        confirmText: formatMessage({ id: getTranslation("add"), defaultMessage: "Add" }),
+        closeText: formatMessage({ id: getTranslation("cancel"), defaultMessage: "Cancel" }),
+        titleText: formatMessage({ id: getTranslation("modal.internalItem.titleText.create"), defaultMessage: "Add new navigation item" }),
+        footer: /* @__PURE__ */ jsx(Fragment, {}),
+        children: /* @__PURE__ */ jsx(FullLoader, { height: 50 })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     NavModal,
     {
@@ -4760,53 +4832,7 @@ function ItemCreateComponent({
         ] }),
         selectedEntity && selectedContentType && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Box, { paddingBottom: 6, paddingTop: 6, children: /* @__PURE__ */ jsx(Divider, {}) }),
-          /* @__PURE__ */ jsxs(Grid.Root, { gap: 4, paddingBottom: 6, children: [
-            /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, alignItems: "baseline", children: /* @__PURE__ */ jsx(Box, { width: "100%", children: /* @__PURE__ */ jsxs(Field.Root, { children: [
-              /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-                id: getTranslation("modal.item.titleField.label"),
-                defaultMessage: "Title"
-              }) }),
-              /* @__PURE__ */ jsx(
-                Field.Input,
-                {
-                  placeholder: formatMessage({
-                    id: getTranslation("modal.item.titleField.placeholder"),
-                    defaultMessage: "e.g. About us"
-                  }),
-                  name: "title",
-                  value: navItemState.title || "",
-                  onChange: (e) => dispatchItemState({ type: "SET_TITLE", payload: e.target.value }),
-                  required: true
-                }
-              )
-            ] }) }) }),
-            /* @__PURE__ */ jsx(Grid.Item, { col: 6, s: 12, children: /* @__PURE__ */ jsxs(Box, { width: "100%", children: [
-              /* @__PURE__ */ jsxs(Field.Root, { children: [
-                /* @__PURE__ */ jsx(Field.Label, { children: formatMessage({
-                  id: getTranslation("modal.item.routeField.label"),
-                  defaultMessage: "Route"
-                }) }),
-                /* @__PURE__ */ jsx(
-                  Field.Input,
-                  {
-                    required: true,
-                    placeholder: formatMessage({
-                      id: getTranslation("modal.item.routeField.placeholder"),
-                      defaultMessage: "e.g. about/"
-                    }),
-                    name: "slug",
-                    value: path?.value || "",
-                    onChange: (e) => dispatchPath({ type: "NO_TRANSFORM_AND_CHECK", payload: e.target.value }),
-                    onBlur: (e) => {
-                      if (e.target.value === path.prevValue) return;
-                      dispatchPath({ type: "DEFAULT", payload: e.target.value });
-                    }
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx(URLInfo, { validationState, replacement })
-            ] }) })
-          ] })
+          /* @__PURE__ */ jsx(ItemDetails, {})
         ] })
       ]
     }
@@ -12201,4 +12227,4 @@ const App = () => {
 export {
   App as default
 };
-//# sourceMappingURL=index-C2V-ZFHK.mjs.map
+//# sourceMappingURL=index-B6MYtu3A.mjs.map