@mattisvensson/strapi-plugin-webatlas 0.11.5 → 0.11.6

package/README.md

@@ -34,6 +34,7 @@ This plugin is still in the early stages of development. Many features are plann
 - **🧭 Multiple Navigations** Support for creating and managing multiple navigation structures. Whether it's a main menu, footer links, or a custom mobile drawer — organize your content into any number of navigations with drag-and-drop sorting, nested items, and visibility toggles.
 - **🧩 Composable Component Integration** Use plugin-generated slugs and navigations directly in your frontend. Fetch routes and navigation data by slug and with a consistent API response, optimized for dynamic rendering.
 - **🧠 Conflict Detection & Validation** Webatlas prevents slug collisions and helps avoid route conflicts by validating changes in real time. Get clear error messages and automatic suggestions when something doesn’t align.
+- **🔗 RoutePicker Custom Field** Use the RoutePicker custom field to select routes within your content types, ensuring consistent linking and navigation throughout your application.
 
 ## ⏳ Installation
 
@@ -104,6 +105,10 @@ After selecting the source field for path generation in settings, you'll see the
 
 **UID Path (UID Path)**: A permanent identifier path that never changes, used as a backup URL.
 
+### RoutePicker Custom Field
+
+The RoutePicker custom field allows you to select a route from the existing routes in your Strapi application. This ensures that links between content types are consistent and automatically updated when the route changes. You can use it for example in a "Button" component to link to a different page.
+
 ### API endpoints
 
 Webatlas provides two API endpoints. One to fetch routes and one to fetch navigations.

package/dist/admin/RoutePicker-C6omysLv.mjs

@@ -0,0 +1,101 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from "react";
+import { Field, Combobox, ComboboxOption, Box } from "@strapi/design-system";
+import { ExternalLink, Link } from "@strapi/icons";
+import { u as useApi } from "./index-OkabmPb4.mjs";
+import "@strapi/strapi/admin";
+const Input = forwardRef((props, ref) => {
+  const { attribute, disabled, placeholder, label, name, onChange, required, value, hint } = props;
+  const { getAllRoutes } = useApi();
+  const [routes, setRoutes] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [displayValue, setDisplayValue] = useState("");
+  const isDisabled = disabled || isLoading;
+  const handleChange = (newValue) => {
+    onChange({
+      target: { name, type: attribute.type, value: encodeURI(newValue) }
+    });
+  };
+  const handleOptionCreate = (inputValue) => {
+    const linkValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || String(inputValue || "");
+    if (linkValue) {
+      handleChange(linkValue);
+      setDisplayValue(encodeURI(linkValue));
+    }
+  };
+  const getStartIcon = () => {
+    if (!value) return null;
+    const matchedRoute = routes.find((route) => route.documentId === value);
+    if (matchedRoute) {
+      return /* @__PURE__ */ jsx(Link, { fill: "neutral500" });
+    }
+    return /* @__PURE__ */ jsx(ExternalLink, { fill: "neutral500" });
+  };
+  useEffect(() => {
+    const fetchRoutes = async () => {
+      setIsLoading(true);
+      const fetchedRoutes = await getAllRoutes();
+      setRoutes(fetchedRoutes);
+      setIsLoading(false);
+      if (value) {
+        const matchedRoute = fetchedRoutes.find((route) => route.documentId === value);
+        if (matchedRoute) {
+          setDisplayValue(`${matchedRoute.title} (${matchedRoute.path})`);
+        } else {
+          setDisplayValue(value);
+        }
+      } else {
+        setDisplayValue("");
+      }
+    };
+    fetchRoutes();
+  }, [value]);
+  return /* @__PURE__ */ jsxs(Field.Root, { id: name, required, hint, disabled: isDisabled, children: [
+    /* @__PURE__ */ jsx(Field.Label, { children: label }),
+    /* @__PURE__ */ jsx(
+      Combobox,
+      {
+        ref,
+        placeholder,
+        "aria-label": label,
+        "aria-disabled": isDisabled,
+        value: value || "",
+        textValue: displayValue || "",
+        creatable: true,
+        onCreateOption: handleOptionCreate,
+        createMessage: (inputValue) => `Use external link: ${encodeURI(inputValue)}`,
+        creatableStartIcon: /* @__PURE__ */ jsx(ExternalLink, { fill: "neutral500" }),
+        startIcon: getStartIcon(),
+        onChange: (routeId) => {
+          if (!routeId) {
+            setDisplayValue("");
+            handleChange("");
+            return;
+          }
+          const selectedRoute = routes.find((r) => r.documentId === routeId);
+          if (selectedRoute) {
+            setDisplayValue(`${selectedRoute.title} (${selectedRoute.path})`);
+            handleChange(routeId);
+          }
+        },
+        onInputChange: (inputValue) => {
+          const textValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || "";
+          setDisplayValue(textValue);
+        },
+        children: routes.map((route) => /* @__PURE__ */ jsxs(ComboboxOption, { value: route.documentId, children: [
+          route.title,
+          " (",
+          route.path,
+          ")"
+        ] }, route.documentId))
+      }
+    ),
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsx(Field.Hint, {}),
+      /* @__PURE__ */ jsx(Field.Error, {})
+    ] })
+  ] });
+});
+export {
+  Input as default
+};

package/dist/admin/RoutePicker-CZKBOemS.js

@@ -0,0 +1,101 @@
+"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 icons = require("@strapi/icons");
+const index = require("./index-ik3u6iCE.js");
+require("@strapi/strapi/admin");
+const Input = React.forwardRef((props, ref) => {
+  const { attribute, disabled, placeholder, label, name, onChange, required, value, hint } = props;
+  const { getAllRoutes } = index.useApi();
+  const [routes, setRoutes] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [displayValue, setDisplayValue] = React.useState("");
+  const isDisabled = disabled || isLoading;
+  const handleChange = (newValue) => {
+    onChange({
+      target: { name, type: attribute.type, value: encodeURI(newValue) }
+    });
+  };
+  const handleOptionCreate = (inputValue) => {
+    const linkValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || String(inputValue || "");
+    if (linkValue) {
+      handleChange(linkValue);
+      setDisplayValue(encodeURI(linkValue));
+    }
+  };
+  const getStartIcon = () => {
+    if (!value) return null;
+    const matchedRoute = routes.find((route) => route.documentId === value);
+    if (matchedRoute) {
+      return /* @__PURE__ */ jsxRuntime.jsx(icons.Link, { fill: "neutral500" });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, { fill: "neutral500" });
+  };
+  React.useEffect(() => {
+    const fetchRoutes = async () => {
+      setIsLoading(true);
+      const fetchedRoutes = await getAllRoutes();
+      setRoutes(fetchedRoutes);
+      setIsLoading(false);
+      if (value) {
+        const matchedRoute = fetchedRoutes.find((route) => route.documentId === value);
+        if (matchedRoute) {
+          setDisplayValue(`${matchedRoute.title} (${matchedRoute.path})`);
+        } else {
+          setDisplayValue(value);
+        }
+      } else {
+        setDisplayValue("");
+      }
+    };
+    fetchRoutes();
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Field.Root, { id: name, required, hint, disabled: isDisabled, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Label, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      designSystem.Combobox,
+      {
+        ref,
+        placeholder,
+        "aria-label": label,
+        "aria-disabled": isDisabled,
+        value: value || "",
+        textValue: displayValue || "",
+        creatable: true,
+        onCreateOption: handleOptionCreate,
+        createMessage: (inputValue) => `Use external link: ${encodeURI(inputValue)}`,
+        creatableStartIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.ExternalLink, { fill: "neutral500" }),
+        startIcon: getStartIcon(),
+        onChange: (routeId) => {
+          if (!routeId) {
+            setDisplayValue("");
+            handleChange("");
+            return;
+          }
+          const selectedRoute = routes.find((r) => r.documentId === routeId);
+          if (selectedRoute) {
+            setDisplayValue(`${selectedRoute.title} (${selectedRoute.path})`);
+            handleChange(routeId);
+          }
+        },
+        onInputChange: (inputValue) => {
+          const textValue = typeof inputValue === "string" ? inputValue : inputValue?.target?.value || "";
+          setDisplayValue(textValue);
+        },
+        children: routes.map((route) => /* @__PURE__ */ jsxRuntime.jsxs(designSystem.ComboboxOption, { value: route.documentId, children: [
+          route.title,
+          " (",
+          route.path,
+          ")"
+        ] }, route.documentId))
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Box, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Hint, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Error, {})
+    ] })
+  ] });
+});
+exports.default = Input;

package/dist/admin/{SettingTitle-UPbQCuTC.mjs → SettingTitle-Bu_8jLRE.mjs}

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Button, Flex, Typography, Box } from "@strapi/design-system";
 import { Page, Layouts } from "@strapi/strapi/admin";
-import { f as PLUGIN_NAME, g as getTranslation } from "./index-Dx-EVn-t.mjs";
+import { f as PLUGIN_NAME, g as getTranslation } from "./index-OkabmPb4.mjs";
 import { useIntl } from "react-intl";
 import { Check } from "@strapi/icons";
 function PageWrapper({

package/dist/admin/{SettingTitle-DGSkTF7e.js → SettingTitle-DcQMSkno.js}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const designSystem = require("@strapi/design-system");
 const admin = require("@strapi/strapi/admin");
-const index = require("./index-Bm8lkiNL.js");
+const index = require("./index-ik3u6iCE.js");
 const reactIntl = require("react-intl");
 const icons = require("@strapi/icons");
 function PageWrapper({

package/dist/admin/{index-b3yS9Dm7.mjs → index-Bp-XFH1V.mjs}

@@ -1,6 +1,6 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from "react";
-import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-Dx-EVn-t.mjs";
+import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-OkabmPb4.mjs";
 import { Page, Layouts, useNotification } from "@strapi/strapi/admin";
 import { Grid, Box, Field, Thead, Tr, Th, Typography, VisuallyHidden, Td, Flex, LinkButton, Table, Tbody, EmptyStateLayout } from "@strapi/design-system";
 import "@strapi/icons/symbols";

package/dist/admin/{index-CyzPvvul.js → index-CbllvYIN.js}

@@ -4,11 +4,11 @@ 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-Bm8lkiNL.js");
+const index = require("./index-ik3u6iCE.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Da2n70bJ.js");
-const SettingTitle = require("./SettingTitle-DGSkTF7e.js");
+const SettingTitle = require("./SettingTitle-DcQMSkno.js");
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":

package/dist/admin/{index-BiXgA5Ru.js → index-CoLBgxOP.js}

@@ -7,7 +7,7 @@ const designSystem = require("@strapi/design-system");
 const React = require("react");
 const ReactDOM = require("react-dom");
 const reactIntl = require("react-intl");
-const index = require("./index-Bm8lkiNL.js");
+const index = require("./index-ik3u6iCE.js");
 const admin = require("@strapi/strapi/admin");
 const FullLoader = require("./FullLoader-Da2n70bJ.js");
 const symbols = require("@strapi/icons/symbols");

package/dist/admin/{index-D4B4s4XO.mjs → index-DLMGEpc0.mjs}

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducer, useState, useRef, useEffect } from "react";
 import { Field } from "@strapi/design-system";
 import { useNotification, Page } from "@strapi/strapi/admin";
-import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-Dx-EVn-t.mjs";
+import { c as usePluginConfig, g as getTranslation, p as pluginPermissions } from "./index-OkabmPb4.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
-import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-UPbQCuTC.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-Bu_8jLRE.mjs";
 function reducer(newConfig, action) {
   switch (action.type) {
     case "SET_MAX_DEPTH":

package/dist/admin/{index-DLoZpHxU.mjs → index-DjLi4gIu.mjs}

@@ -5,7 +5,7 @@ import { Box, Typography, Dialog, Button, Modal, Flex, SingleSelect, SingleSelec
 import { useState, useEffect, createContext, useRef, useContext, useMemo, useReducer, useCallback, forwardRef } from "react";
 import { createPortal } from "react-dom";
 import { useIntl } from "react-intl";
-import { u as useApi, g as getTranslation, P as PLUGIN_ID, d as debounce, a as duplicateCheck, T as Tooltip, b as PathInfo, c as usePluginConfig, p as pluginPermissions } from "./index-Dx-EVn-t.mjs";
+import { u as useApi, g as getTranslation, P as PLUGIN_ID, d as debounce, a as duplicateCheck, T as Tooltip, b as PathInfo, c as usePluginConfig, p as pluginPermissions } from "./index-OkabmPb4.mjs";
 import { useNotification, useFetchClient, Page, Layouts } from "@strapi/strapi/admin";
 import { C as Center, F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
 import { EmptyDocuments } from "@strapi/icons/symbols";

package/dist/admin/{index-DcUmtUyp.js → index-Dok2SBFT.js}

@@ -4,11 +4,11 @@ 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-Bm8lkiNL.js");
+const index = require("./index-ik3u6iCE.js");
 const reactIntl = require("react-intl");
 require("@strapi/icons/symbols");
 const FullLoader = require("./FullLoader-Da2n70bJ.js");
-const SettingTitle = require("./SettingTitle-DGSkTF7e.js");
+const SettingTitle = require("./SettingTitle-DcQMSkno.js");
 const icons = require("@strapi/icons");
 function ContentTypeAccordion({
   contentType,

package/dist/admin/{index-CrgTYzgl.mjs → index-DqA1gNsu.mjs}

@@ -2,11 +2,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useReducer, useState, useRef, useEffect } from "react";
 import { Box, Accordion, Field, SingleSelect, SingleSelectOption, Typography, Link } from "@strapi/design-system";
 import { useNotification, Page } from "@strapi/strapi/admin";
-import { g as getTranslation, c as usePluginConfig, e as useAllContentTypes, p as pluginPermissions, f as PLUGIN_NAME, h as PLUGIN_VERSION } from "./index-Dx-EVn-t.mjs";
+import { g as getTranslation, c as usePluginConfig, e as useAllContentTypes, p as pluginPermissions, f as PLUGIN_NAME, h as PLUGIN_VERSION } from "./index-OkabmPb4.mjs";
 import { useIntl } from "react-intl";
 import "@strapi/icons/symbols";
 import { F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
-import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-UPbQCuTC.mjs";
+import { P as PageWrapper, C as ContentBox, S as SettingTitle } from "./SettingTitle-Bu_8jLRE.mjs";
 import { ExternalLink } from "@strapi/icons";
 function ContentTypeAccordion({
   contentType,

package/dist/admin/{index-Dx-EVn-t.mjs → index-OkabmPb4.mjs}

@@ -52,7 +52,7 @@ function transformToUrl(input, replaceSlash = true) {
   input = input.replace(/-+/g, "-");
   return input;
 }
-const version = "0.11.4";
+const version = "0.11.5";
 const strapi$1 = { "name": "webatlas", "displayName": "Webatlas" };
 const pluginPkg = {
   version,
@@ -4151,7 +4151,7 @@ const index = {
         id: `${PLUGIN_ID}.link.paths`,
         defaultMessage: "Paths"
       },
-      Component: () => import("./index-b3yS9Dm7.mjs"),
+      Component: () => import("./index-Bp-XFH1V.mjs"),
       permissions: [pluginPermissions["page.routes"][0]]
     });
     app.addMenuLink({
@@ -4161,7 +4161,7 @@ const index = {
         id: `${PLUGIN_ID}.link.navigation`,
         defaultMessage: "Navigation"
       },
-      Component: () => import("./index-DLoZpHxU.mjs"),
+      Component: () => import("./index-DjLi4gIu.mjs"),
       permissions: [pluginPermissions["page.navigation"][0]]
     });
     app.addSettingsLink(
@@ -4179,7 +4179,7 @@ const index = {
         },
         id: `${PLUGIN_ID}-general`,
         to: `${PLUGIN_ID}/general`,
-        Component: () => import("./index-CrgTYzgl.mjs"),
+        Component: () => import("./index-DqA1gNsu.mjs"),
         permissions: [pluginPermissions["settings.general"][0]]
       }
     );
@@ -4190,9 +4190,51 @@ const index = {
       },
       id: `${PLUGIN_ID}-navigation`,
       to: `${PLUGIN_ID}/navigation`,
-      Component: () => import("./index-D4B4s4XO.mjs"),
+      Component: () => import("./index-DLMGEpc0.mjs"),
       permissions: [pluginPermissions["settings.navigation"][0]]
     });
+    app.customFields.register({
+      name: "route-picker",
+      pluginId: PLUGIN_ID,
+      type: "string",
+      intlLabel: {
+        id: `${PLUGIN_ID}.route-picker.label`,
+        defaultMessage: "Route Picker"
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.route-picker.description`,
+        defaultMessage: "Select a route"
+      },
+      components: {
+        Input: async () => import("./RoutePicker-C6omysLv.mjs").then((module) => ({
+          default: module.default
+        }))
+      },
+      options: {
+        advanced: [
+          {
+            sectionTitle: {
+              id: "global.settings",
+              defaultMessage: "Settings"
+            },
+            items: [
+              {
+                name: "required",
+                type: "checkbox",
+                intlLabel: {
+                  id: "content-type-builder.form.attribute.item.requiredField",
+                  defaultMessage: "Required field"
+                },
+                description: {
+                  id: "content-type-builder.form.attribute.item.requiredField.description",
+                  defaultMessage: "You won't be able to create an entry if this field is empty"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    });
     app.registerPlugin({
       id: PLUGIN_ID,
       initializer: Initializer,

package/dist/admin/{index-BztvKcfc.js → index-e8zVLBgW.js}

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
-const index = require("./index-Bm8lkiNL.js");
+const index = require("./index-ik3u6iCE.js");
 const admin = require("@strapi/strapi/admin");
 const designSystem = require("@strapi/design-system");
 require("@strapi/icons/symbols");

package/dist/admin/{index-Bm8lkiNL.js → index-ik3u6iCE.js}

@@ -70,7 +70,7 @@ function transformToUrl(input, replaceSlash = true) {
   input = input.replace(/-+/g, "-");
   return input;
 }
-const version = "0.11.4";
+const version = "0.11.5";
 const strapi$1 = { "name": "webatlas", "displayName": "Webatlas" };
 const pluginPkg = {
   version,
@@ -4169,7 +4169,7 @@ const index = {
         id: `${PLUGIN_ID}.link.paths`,
         defaultMessage: "Paths"
       },
-      Component: () => Promise.resolve().then(() => require("./index-BztvKcfc.js")),
+      Component: () => Promise.resolve().then(() => require("./index-e8zVLBgW.js")),
       permissions: [pluginPermissions["page.routes"][0]]
     });
     app.addMenuLink({
@@ -4179,7 +4179,7 @@ const index = {
         id: `${PLUGIN_ID}.link.navigation`,
         defaultMessage: "Navigation"
       },
-      Component: () => Promise.resolve().then(() => require("./index-BiXgA5Ru.js")),
+      Component: () => Promise.resolve().then(() => require("./index-CoLBgxOP.js")),
       permissions: [pluginPermissions["page.navigation"][0]]
     });
     app.addSettingsLink(
@@ -4197,7 +4197,7 @@ const index = {
         },
         id: `${PLUGIN_ID}-general`,
         to: `${PLUGIN_ID}/general`,
-        Component: () => Promise.resolve().then(() => require("./index-DcUmtUyp.js")),
+        Component: () => Promise.resolve().then(() => require("./index-Dok2SBFT.js")),
         permissions: [pluginPermissions["settings.general"][0]]
       }
     );
@@ -4208,9 +4208,51 @@ const index = {
       },
       id: `${PLUGIN_ID}-navigation`,
       to: `${PLUGIN_ID}/navigation`,
-      Component: () => Promise.resolve().then(() => require("./index-CyzPvvul.js")),
+      Component: () => Promise.resolve().then(() => require("./index-CbllvYIN.js")),
       permissions: [pluginPermissions["settings.navigation"][0]]
     });
+    app.customFields.register({
+      name: "route-picker",
+      pluginId: PLUGIN_ID,
+      type: "string",
+      intlLabel: {
+        id: `${PLUGIN_ID}.route-picker.label`,
+        defaultMessage: "Route Picker"
+      },
+      intlDescription: {
+        id: `${PLUGIN_ID}.route-picker.description`,
+        defaultMessage: "Select a route"
+      },
+      components: {
+        Input: async () => Promise.resolve().then(() => require("./RoutePicker-CZKBOemS.js")).then((module2) => ({
+          default: module2.default
+        }))
+      },
+      options: {
+        advanced: [
+          {
+            sectionTitle: {
+              id: "global.settings",
+              defaultMessage: "Settings"
+            },
+            items: [
+              {
+                name: "required",
+                type: "checkbox",
+                intlLabel: {
+                  id: "content-type-builder.form.attribute.item.requiredField",
+                  defaultMessage: "Required field"
+                },
+                description: {
+                  id: "content-type-builder.form.attribute.item.requiredField.description",
+                  defaultMessage: "You won't be able to create an entry if this field is empty"
+                }
+              }
+            ]
+          }
+        ]
+      }
+    });
     app.registerPlugin({
       id: PLUGIN_ID,
       initializer: Initializer,

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const index = require("./index-Bm8lkiNL.js");
+const index = require("./index-ik3u6iCE.js");
 exports.default = index.index;

package/dist/admin/index.mjs

@@ -1,4 +1,4 @@
-import { i } from "./index-Dx-EVn-t.mjs";
+import { i } from "./index-OkabmPb4.mjs";
 export {
   i as default
 };

package/dist/server/index.js

@@ -4665,8 +4665,6 @@ function calculateParentAndOrder({
   };
 }
 async function enrichWebatlasData(data, contentTypeUid) {
-  console.log("Enriching data with webatlas fields...", { contentTypeUid });
-  console.log("Original data:", JSON.stringify(data, null, 2));
   if (!data || typeof data !== "object") return data;
   const collectDocumentIds = (obj, uid) => {
     if (!obj || typeof obj !== "object") return [];
@@ -4714,7 +4712,7 @@ async function enrichWebatlasData(data, contentTypeUid) {
     select: ["relatedDocumentId", "relatedContentType", "path", "canonicalPath", "slug", "uidPath"]
   });
   const routeMap = new Map(routes2?.map((route2) => [route2.relatedDocumentId, route2]) || []);
-  const enrichEntity = (entity, uid) => {
+  const enrichEntity2 = (entity, uid) => {
     if (!entity || typeof entity !== "object") return entity;
     const ct = uid ? strapi.contentTypes[uid] : null;
     const isWebatlasEnabled = ct?.pluginOptions?.webatlas?.enabled === true;
@@ -4732,37 +4730,138 @@ async function enrichWebatlasData(data, contentTypeUid) {
         const attribute = attr;
         if (attribute.type === "relation" && entity[key]) {
           const targetUid = attribute.target;
-          strapi.log.debug("relation found");
           if (Array.isArray(entity[key])) {
             entity[key] = entity[key].map(
-              (item) => item ? enrichEntity(item, targetUid) : item
+              (item) => item ? enrichEntity2(item, targetUid) : item
             );
           } else {
-            entity[key] = enrichEntity(entity[key], targetUid);
+            entity[key] = enrichEntity2(entity[key], targetUid);
           }
         }
         if (attribute.type === "component" && entity[key]) {
           const componentUid = attribute.component;
           if (Array.isArray(entity[key])) {
             entity[key] = entity[key].map(
-              (item) => item ? enrichEntity(item, componentUid) : item
+              (item) => item ? enrichEntity2(item, componentUid) : item
             );
           } else {
-            entity[key] = enrichEntity(entity[key], componentUid);
+            entity[key] = enrichEntity2(entity[key], componentUid);
           }
         }
         if (attribute.type === "dynamiczone" && Array.isArray(entity[key])) {
           entity[key] = entity[key].map((item) => {
             if (!item || !item.__component) return item;
-            return enrichEntity(item, item.__component);
+            return enrichEntity2(item, item.__component);
           });
         }
       }
     }
-    strapi.log.debug("finished - returning");
     return entity;
   };
-  return enrichEntity(data, contentTypeUid);
+  return enrichEntity2(data, contentTypeUid);
+}
+function isExternalUrl(value) {
+  return !/^[a-z0-9]+$/.test(value);
+}
+function collectRoutePickerIds(obj, uid) {
+  if (!obj || typeof obj !== "object") return [];
+  const ids = [];
+  if (!uid) return ids;
+  const ct = strapi.contentTypes[uid] || strapi.components?.[uid];
+  if (!ct?.attributes) return ids;
+  for (const [key, attr] of Object.entries(ct.attributes)) {
+    const attribute = attr;
+    if (attribute.customField === "plugin::webatlas.route-picker" && obj[key]) {
+      const value = obj[key];
+      if (typeof value === "string" && !isExternalUrl(value)) {
+        ids.push(value);
+      }
+    }
+    if (attribute.type === "relation" && obj[key]) {
+      const targetUid = attribute.target;
+      if (Array.isArray(obj[key])) {
+        ids.push(...obj[key].flatMap((item) => collectRoutePickerIds(item, targetUid)));
+      } else {
+        ids.push(...collectRoutePickerIds(obj[key], targetUid));
+      }
+    }
+    if (attribute.type === "component" && obj[key]) {
+      const componentUid = attribute.component;
+      if (Array.isArray(obj[key])) {
+        ids.push(...obj[key].flatMap((item) => collectRoutePickerIds(item, componentUid)));
+      } else {
+        ids.push(...collectRoutePickerIds(obj[key], componentUid));
+      }
+    }
+    if (attribute.type === "dynamiczone" && Array.isArray(obj[key])) {
+      ids.push(
+        ...obj[key].flatMap((item) => {
+          if (!item || !item.__component) return [];
+          return collectRoutePickerIds(item, item.__component);
+        })
+      );
+    }
+  }
+  return ids;
+}
+function enrichEntity(entity, uid, routeMap) {
+  if (!entity || typeof entity !== "object") return entity;
+  const ct = strapi.contentTypes[uid] || strapi.components?.[uid];
+  if (!ct?.attributes) return entity;
+  for (const [key, attr] of Object.entries(ct.attributes)) {
+    const attribute = attr;
+    if (attribute.customField === "plugin::webatlas.route-picker" && entity[key]) {
+      const value = entity[key];
+      if (typeof value === "string" && !isExternalUrl(value)) {
+        const route2 = routeMap.get(value);
+        if (route2) {
+          entity[key] = route2.canonicalPath || route2.path || value;
+        }
+      }
+    }
+    if (attribute.type === "relation" && entity[key]) {
+      const targetUid = attribute.target;
+      if (Array.isArray(entity[key])) {
+        entity[key] = entity[key].map(
+          (item) => item ? enrichEntity(item, targetUid, routeMap) : item
+        );
+      } else {
+        entity[key] = enrichEntity(entity[key], targetUid, routeMap);
+      }
+    }
+    if (attribute.type === "component" && entity[key]) {
+      const componentUid = attribute.component;
+      if (Array.isArray(entity[key])) {
+        entity[key] = entity[key].map(
+          (item) => item ? enrichEntity(item, componentUid, routeMap) : item
+        );
+      } else {
+        entity[key] = enrichEntity(entity[key], componentUid, routeMap);
+      }
+    }
+    if (attribute.type === "dynamiczone" && Array.isArray(entity[key])) {
+      entity[key] = entity[key].map((item) => {
+        if (!item || !item.__component) return item;
+        return enrichEntity(item, item.__component, routeMap);
+      });
+    }
+  }
+  return entity;
+}
+async function enrichRoutePickerFields(data, contentTypeUid) {
+  if (!data || typeof data !== "object") return data;
+  const documentIds = collectRoutePickerIds(data, contentTypeUid);
+  if (documentIds.length === 0) return data;
+  const uniqueDocumentIds = [...new Set(documentIds)];
+  const routes2 = await strapi.db?.query(waRoute).findMany({
+    where: {
+      documentId: { $in: uniqueDocumentIds }
+    },
+    select: ["documentId", "path", "canonicalPath"]
+  });
+  const routeMap = new Map(routes2?.map((route2) => [route2.documentId, route2]) || []);
+  const enriched = enrichEntity(data, contentTypeUid, routeMap);
+  return enriched;
 }
 const migration_001_canonical_path = {
   version: "001",
@@ -5186,7 +5285,7 @@ const addWebatlasField = ({ strapi: strapi2 }) => {
       ([uid, ct]) => ct.info?.pluralName === apiEndpoint
     );
     if (!contentTypeEntry) return;
-    const [contentTypeUid, contentType] = contentTypeEntry;
+    const [contentTypeUid] = contentTypeEntry;
     if (ctx.body.data) {
       if (Array.isArray(ctx.body.data)) {
         ctx.body.data = await Promise.all(
@@ -5202,8 +5301,43 @@ const addWebatlasField = ({ strapi: strapi2 }) => {
     }
   };
 };
+const enrichRoutePicker = ({ strapi: strapi2 }) => {
+  return async (ctx, next) => {
+    await next();
+    if (!ctx.request.url.startsWith("/api/")) {
+      return;
+    }
+    if (!ctx.body || ctx.status !== 200) {
+      return;
+    }
+    const urlMatch = ctx.request.url.match(/^\/api\/([^/?]+)/);
+    if (!urlMatch) return;
+    const apiEndpoint = urlMatch[1];
+    const contentTypeEntry = Object.entries(strapi2.contentTypes).find(
+      ([uid, ct]) => ct.info?.pluralName === apiEndpoint
+    );
+    if (!contentTypeEntry) return;
+    const [contentTypeUid] = contentTypeEntry;
+    if (ctx.body.data) {
+      if (Array.isArray(ctx.body.data)) {
+        ctx.body.data = await Promise.all(
+          ctx.body.data.map((item) => enrichRoutePickerFields(item, contentTypeUid))
+        );
+      } else {
+        ctx.body.data = await enrichRoutePickerFields(ctx.body.data, contentTypeUid);
+      }
+    } else if (Array.isArray(ctx.body)) {
+      ctx.body = await Promise.all(
+        ctx.body.map((item) => enrichRoutePickerFields(item, contentTypeUid))
+      );
+    } else if (typeof ctx.body === "object") {
+      ctx.body = await enrichRoutePickerFields(ctx.body, contentTypeUid);
+    }
+  };
+};
 const middlewares = {
-  addWebatlasField
+  addWebatlasField,
+  enrichRoutePicker
 };
 const bootstrap = async ({ strapi: strapi2 }) => {
   try {
@@ -5217,6 +5351,7 @@ const bootstrap = async ({ strapi: strapi2 }) => {
     documentMiddleware(strapi2, enabledContentTypes, config2);
     webatlasMiddleware(strapi2);
     strapi2.server.use(middlewares.addWebatlasField({ strapi: strapi2 }));
+    strapi2.server.use(middlewares.enrichRoutePicker({ strapi: strapi2 }));
   } catch (error) {
     strapi2.log.error(`Bootstrap failed. ${String(error)}`);
   }
@@ -5224,6 +5359,11 @@ const bootstrap = async ({ strapi: strapi2 }) => {
 const destroy = ({ strapi: strapi2 }) => {
 };
 const register = ({ strapi: strapi2 }) => {
+  strapi2.customFields.register({
+    name: "route-picker",
+    plugin: PLUGIN_ID,
+    type: "string"
+  });
 };
 const config = {
   default: {
@@ -6087,6 +6227,7 @@ const client = ({ strapi: strapi2 }) => ({
       let cleanEntity = cleanRootKeys(entity);
       cleanEntity = removeWaFields(cleanEntity);
       cleanEntity = await enrichWebatlasData(cleanEntity, route2.relatedContentType);
+      cleanEntity = await enrichRoutePickerFields(cleanEntity, contentTypeKey);
       return {
         contentType: contentType.info.singularName,
         ...cleanEntity

package/dist/server/index.mjs

@@ -4663,8 +4663,6 @@ function calculateParentAndOrder({
   };
 }
 async function enrichWebatlasData(data, contentTypeUid) {
-  console.log("Enriching data with webatlas fields...", { contentTypeUid });
-  console.log("Original data:", JSON.stringify(data, null, 2));
   if (!data || typeof data !== "object") return data;
   const collectDocumentIds = (obj, uid) => {
     if (!obj || typeof obj !== "object") return [];
@@ -4712,7 +4710,7 @@ async function enrichWebatlasData(data, contentTypeUid) {
     select: ["relatedDocumentId", "relatedContentType", "path", "canonicalPath", "slug", "uidPath"]
   });
   const routeMap = new Map(routes2?.map((route2) => [route2.relatedDocumentId, route2]) || []);
-  const enrichEntity = (entity, uid) => {
+  const enrichEntity2 = (entity, uid) => {
     if (!entity || typeof entity !== "object") return entity;
     const ct = uid ? strapi.contentTypes[uid] : null;
     const isWebatlasEnabled = ct?.pluginOptions?.webatlas?.enabled === true;
@@ -4730,37 +4728,138 @@ async function enrichWebatlasData(data, contentTypeUid) {
         const attribute = attr;
         if (attribute.type === "relation" && entity[key]) {
           const targetUid = attribute.target;
-          strapi.log.debug("relation found");
           if (Array.isArray(entity[key])) {
             entity[key] = entity[key].map(
-              (item) => item ? enrichEntity(item, targetUid) : item
+              (item) => item ? enrichEntity2(item, targetUid) : item
             );
           } else {
-            entity[key] = enrichEntity(entity[key], targetUid);
+            entity[key] = enrichEntity2(entity[key], targetUid);
           }
         }
         if (attribute.type === "component" && entity[key]) {
           const componentUid = attribute.component;
           if (Array.isArray(entity[key])) {
             entity[key] = entity[key].map(
-              (item) => item ? enrichEntity(item, componentUid) : item
+              (item) => item ? enrichEntity2(item, componentUid) : item
             );
           } else {
-            entity[key] = enrichEntity(entity[key], componentUid);
+            entity[key] = enrichEntity2(entity[key], componentUid);
           }
         }
         if (attribute.type === "dynamiczone" && Array.isArray(entity[key])) {
           entity[key] = entity[key].map((item) => {
             if (!item || !item.__component) return item;
-            return enrichEntity(item, item.__component);
+            return enrichEntity2(item, item.__component);
           });
         }
       }
     }
-    strapi.log.debug("finished - returning");
     return entity;
   };
-  return enrichEntity(data, contentTypeUid);
+  return enrichEntity2(data, contentTypeUid);
+}
+function isExternalUrl(value) {
+  return !/^[a-z0-9]+$/.test(value);
+}
+function collectRoutePickerIds(obj, uid) {
+  if (!obj || typeof obj !== "object") return [];
+  const ids = [];
+  if (!uid) return ids;
+  const ct = strapi.contentTypes[uid] || strapi.components?.[uid];
+  if (!ct?.attributes) return ids;
+  for (const [key, attr] of Object.entries(ct.attributes)) {
+    const attribute = attr;
+    if (attribute.customField === "plugin::webatlas.route-picker" && obj[key]) {
+      const value = obj[key];
+      if (typeof value === "string" && !isExternalUrl(value)) {
+        ids.push(value);
+      }
+    }
+    if (attribute.type === "relation" && obj[key]) {
+      const targetUid = attribute.target;
+      if (Array.isArray(obj[key])) {
+        ids.push(...obj[key].flatMap((item) => collectRoutePickerIds(item, targetUid)));
+      } else {
+        ids.push(...collectRoutePickerIds(obj[key], targetUid));
+      }
+    }
+    if (attribute.type === "component" && obj[key]) {
+      const componentUid = attribute.component;
+      if (Array.isArray(obj[key])) {
+        ids.push(...obj[key].flatMap((item) => collectRoutePickerIds(item, componentUid)));
+      } else {
+        ids.push(...collectRoutePickerIds(obj[key], componentUid));
+      }
+    }
+    if (attribute.type === "dynamiczone" && Array.isArray(obj[key])) {
+      ids.push(
+        ...obj[key].flatMap((item) => {
+          if (!item || !item.__component) return [];
+          return collectRoutePickerIds(item, item.__component);
+        })
+      );
+    }
+  }
+  return ids;
+}
+function enrichEntity(entity, uid, routeMap) {
+  if (!entity || typeof entity !== "object") return entity;
+  const ct = strapi.contentTypes[uid] || strapi.components?.[uid];
+  if (!ct?.attributes) return entity;
+  for (const [key, attr] of Object.entries(ct.attributes)) {
+    const attribute = attr;
+    if (attribute.customField === "plugin::webatlas.route-picker" && entity[key]) {
+      const value = entity[key];
+      if (typeof value === "string" && !isExternalUrl(value)) {
+        const route2 = routeMap.get(value);
+        if (route2) {
+          entity[key] = route2.canonicalPath || route2.path || value;
+        }
+      }
+    }
+    if (attribute.type === "relation" && entity[key]) {
+      const targetUid = attribute.target;
+      if (Array.isArray(entity[key])) {
+        entity[key] = entity[key].map(
+          (item) => item ? enrichEntity(item, targetUid, routeMap) : item
+        );
+      } else {
+        entity[key] = enrichEntity(entity[key], targetUid, routeMap);
+      }
+    }
+    if (attribute.type === "component" && entity[key]) {
+      const componentUid = attribute.component;
+      if (Array.isArray(entity[key])) {
+        entity[key] = entity[key].map(
+          (item) => item ? enrichEntity(item, componentUid, routeMap) : item
+        );
+      } else {
+        entity[key] = enrichEntity(entity[key], componentUid, routeMap);
+      }
+    }
+    if (attribute.type === "dynamiczone" && Array.isArray(entity[key])) {
+      entity[key] = entity[key].map((item) => {
+        if (!item || !item.__component) return item;
+        return enrichEntity(item, item.__component, routeMap);
+      });
+    }
+  }
+  return entity;
+}
+async function enrichRoutePickerFields(data, contentTypeUid) {
+  if (!data || typeof data !== "object") return data;
+  const documentIds = collectRoutePickerIds(data, contentTypeUid);
+  if (documentIds.length === 0) return data;
+  const uniqueDocumentIds = [...new Set(documentIds)];
+  const routes2 = await strapi.db?.query(waRoute).findMany({
+    where: {
+      documentId: { $in: uniqueDocumentIds }
+    },
+    select: ["documentId", "path", "canonicalPath"]
+  });
+  const routeMap = new Map(routes2?.map((route2) => [route2.documentId, route2]) || []);
+  const enriched = enrichEntity(data, contentTypeUid, routeMap);
+  return enriched;
 }
 const migration_001_canonical_path = {
   version: "001",
@@ -5184,7 +5283,7 @@ const addWebatlasField = ({ strapi: strapi2 }) => {
       ([uid, ct]) => ct.info?.pluralName === apiEndpoint
     );
     if (!contentTypeEntry) return;
-    const [contentTypeUid, contentType] = contentTypeEntry;
+    const [contentTypeUid] = contentTypeEntry;
     if (ctx.body.data) {
       if (Array.isArray(ctx.body.data)) {
         ctx.body.data = await Promise.all(
@@ -5200,8 +5299,43 @@ const addWebatlasField = ({ strapi: strapi2 }) => {
     }
   };
 };
+const enrichRoutePicker = ({ strapi: strapi2 }) => {
+  return async (ctx, next) => {
+    await next();
+    if (!ctx.request.url.startsWith("/api/")) {
+      return;
+    }
+    if (!ctx.body || ctx.status !== 200) {
+      return;
+    }
+    const urlMatch = ctx.request.url.match(/^\/api\/([^/?]+)/);
+    if (!urlMatch) return;
+    const apiEndpoint = urlMatch[1];
+    const contentTypeEntry = Object.entries(strapi2.contentTypes).find(
+      ([uid, ct]) => ct.info?.pluralName === apiEndpoint
+    );
+    if (!contentTypeEntry) return;
+    const [contentTypeUid] = contentTypeEntry;
+    if (ctx.body.data) {
+      if (Array.isArray(ctx.body.data)) {
+        ctx.body.data = await Promise.all(
+          ctx.body.data.map((item) => enrichRoutePickerFields(item, contentTypeUid))
+        );
+      } else {
+        ctx.body.data = await enrichRoutePickerFields(ctx.body.data, contentTypeUid);
+      }
+    } else if (Array.isArray(ctx.body)) {
+      ctx.body = await Promise.all(
+        ctx.body.map((item) => enrichRoutePickerFields(item, contentTypeUid))
+      );
+    } else if (typeof ctx.body === "object") {
+      ctx.body = await enrichRoutePickerFields(ctx.body, contentTypeUid);
+    }
+  };
+};
 const middlewares = {
-  addWebatlasField
+  addWebatlasField,
+  enrichRoutePicker
 };
 const bootstrap = async ({ strapi: strapi2 }) => {
   try {
@@ -5215,6 +5349,7 @@ const bootstrap = async ({ strapi: strapi2 }) => {
     documentMiddleware(strapi2, enabledContentTypes, config2);
     webatlasMiddleware(strapi2);
     strapi2.server.use(middlewares.addWebatlasField({ strapi: strapi2 }));
+    strapi2.server.use(middlewares.enrichRoutePicker({ strapi: strapi2 }));
   } catch (error) {
     strapi2.log.error(`Bootstrap failed. ${String(error)}`);
   }
@@ -5222,6 +5357,11 @@ const bootstrap = async ({ strapi: strapi2 }) => {
 const destroy = ({ strapi: strapi2 }) => {
 };
 const register = ({ strapi: strapi2 }) => {
+  strapi2.customFields.register({
+    name: "route-picker",
+    plugin: PLUGIN_ID,
+    type: "string"
+  });
 };
 const config = {
   default: {
@@ -6085,6 +6225,7 @@ const client = ({ strapi: strapi2 }) => ({
       let cleanEntity = cleanRootKeys(entity);
       cleanEntity = removeWaFields(cleanEntity);
       cleanEntity = await enrichWebatlasData(cleanEntity, route2.relatedContentType);
+      cleanEntity = await enrichRoutePickerFields(cleanEntity, contentTypeKey);
       return {
         contentType: contentType.info.singularName,
         ...cleanEntity

package/dist/server/src/index.d.ts

@@ -300,6 +300,9 @@ declare const _default: {
         addWebatlasField: ({ strapi }: {
             strapi: import('@strapi/types/dist/core').Strapi;
         }) => (ctx: any, next: any) => Promise<void>;
+        enrichRoutePicker: ({ strapi }: {
+            strapi: import('@strapi/types/dist/core').Strapi;
+        }) => (ctx: any, next: any) => Promise<void>;
     };
 };
 export default _default;

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@mattisvensson/strapi-plugin-webatlas",
 	"description": "A strapi plugin to manage URL routes and navigations.",
 	"license": "MIT",
-	"version": "0.11.5",
+	"version": "0.11.6",
 	"keywords": [
 		"strapi",
 		"plugin",