@mattisvensson/strapi-plugin-webatlas 0.11.0 → 0.11.2

package/README.md

@@ -27,10 +27,11 @@ This plugin is still in the early stages of development. Many features are plann
 
 - **Strapi v5** - [v0.x.x (work in progress - beta)](https://github.com/mattisvensson/strapi-plugin-webatlas/releases)
 - **Strapi v4** - not supported
+
 ## ✨ Features
 
 - **🚀 Automatic Slug Generation:** Automatically generate clean, SEO-friendly slugs based on your content fields and the route hierarchy. No more manual slug writing — just choose the field, place it under a different route and the plugin takes care of the rest. Slugs are unique and easily customizable.
-- **🗺️ Route Hierarchy and Overview:** Create a hierarchical structure for your routes and gain a full, centralized overview of all registered routes and their corresponding content entries. 
+- **🗺️ Route Hierarchy and Overview:** Create a hierarchical structure for your routes and gain a full, centralized overview of all registered routes and their corresponding content entries.
 - **🧭 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.
@@ -38,13 +39,16 @@ This plugin is still in the early stages of development. Many features are plann
 ## ⏳ Installation
 
 ### Via command line
+
 Install Webatlas via command line with a package manager of your choice.
 Using NPM:
+
 ```bash
 npm install @mattisvensson/strapi-plugin-webatlas@beta
 ```
 
 Using Yarn:
+
 ```bash
 yarn add @mattisvensson/strapi-plugin-webatlas@beta
 ```
@@ -66,13 +70,13 @@ Your schema should contain the following:
 
 ```json
 {
-  // ... other schema properties ...
-  "pluginOptions": {
-    "webatlas": {
-      "enabled": true
-    },
-    // ... other plugin options ...
-  }
+	// ... other schema properties ...
+	"pluginOptions": {
+		"webatlas": {
+			"enabled": true
+		}
+		// ... other plugin options ...
+	}
 }
 ```
 
@@ -107,6 +111,7 @@ Webatlas provides two API endpoints. One to fetch routes and one to fetch naviga
 `GET /api/webatlas/path`
 
 Query parameters:
+
 - `slug` (string, required): The slug/path to fetch the route for. This can either be the generated path from webatlas, the uId path or the canonical path.
 - `populate` (string, optional): Comma-separated list of relations to populate. Use `deep` to populate all relations in any depth.
 - `populateDeepDepth` (string, optional): Depth for deep population.
@@ -120,6 +125,7 @@ The response contains the entity's content type and a `webatlas` object with add
 `GET /api/webatlas/navigation`
 
 One of these query parameters (`documentId`, `slug`, `name`, or `id`) are mandatory to fetch a navigation. If you provide multiple, `documentId` has the highest priority, followed by `slug`, `name` and `id`.
+
 - `documentId` (string, optional): The document ID of the navigation to fetch.
 - `slug` (string, optional): The slug of the navigation to fetch.
 - `name` (string, optional): The name of the navigation to fetch.

package/dist/admin/{FullLoader-CrPED_dY.mjs → FullLoader-Btjb2W2p.mjs}

@@ -1,6 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Flex, Loader } from "@strapi/design-system";
-function Center({ height = 400, children }) {
+function Center({
+  height = 400,
+  children
+}) {
   return /* @__PURE__ */ jsx(Flex, { direction: "column", minHeight: `${height}px`, justifyContent: "center", children });
 }
 function FullLoader({ height }) {
@@ -10,4 +13,3 @@ export {
   Center as C,
   FullLoader as F
 };
-//# sourceMappingURL=FullLoader-CrPED_dY.mjs.map

package/dist/admin/{FullLoader-Cmsf8xS6.js → FullLoader-Da2n70bJ.js}

@@ -1,7 +1,10 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const designSystem = require("@strapi/design-system");
-function Center({ height = 400, children }) {
+function Center({
+  height = 400,
+  children
+}) {
   return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", minHeight: `${height}px`, justifyContent: "center", children });
 }
 function FullLoader({ height }) {
@@ -9,4 +12,3 @@ function FullLoader({ height }) {
 }
 exports.Center = Center;
 exports.FullLoader = FullLoader;
-//# sourceMappingURL=FullLoader-Cmsf8xS6.js.map

package/dist/admin/{SettingTitle-BjE_2u6R.js → SettingTitle-B0quw3f8.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-Yq-QR8t0.js");
+const index = require("./index-Cx_mktdk.js");
 const reactIntl = require("react-intl");
 const icons = require("@strapi/icons");
 function PageWrapper({
@@ -38,7 +38,10 @@ function PageWrapper({
     /* @__PURE__ */ jsxRuntime.jsx(admin.Layouts.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Flex, { direction: "column", alignItems: "stretch", gap: 6, children }) })
   ] });
 }
-function ContentBox({ title, children }) {
+function ContentBox({
+  title,
+  children
+}) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     designSystem.Flex,
     {
@@ -65,4 +68,3 @@ function SettingTitle({ children }) {
 exports.ContentBox = ContentBox;
 exports.PageWrapper = PageWrapper;
 exports.SettingTitle = SettingTitle;
-//# sourceMappingURL=SettingTitle-BjE_2u6R.js.map

package/dist/admin/{SettingTitle-B1IaU3qs.mjs → SettingTitle-HMfQOJnK.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-DCYCtKrj.mjs";
+import { f as PLUGIN_NAME, g as getTranslation } from "./index-B79ELMEC.mjs";
 import { useIntl } from "react-intl";
 import { Check } from "@strapi/icons";
 function PageWrapper({
@@ -37,7 +37,10 @@ function PageWrapper({
     /* @__PURE__ */ jsx(Layouts.Content, { children: /* @__PURE__ */ jsx(Flex, { direction: "column", alignItems: "stretch", gap: 6, children }) })
   ] });
 }
-function ContentBox({ title, children }) {
+function ContentBox({
+  title,
+  children
+}) {
   return /* @__PURE__ */ jsxs(
     Flex,
     {
@@ -66,4 +69,3 @@ export {
   PageWrapper as P,
   SettingTitle as S
 };
-//# sourceMappingURL=SettingTitle-B1IaU3qs.mjs.map

package/dist/admin/de-B5pRvs13.mjs

@@ -126,4 +126,3 @@ const de = {
 export {
   de as default
 };
-//# sourceMappingURL=de-B5pRvs13.mjs.map

package/dist/admin/de-CqU1FU8C.js

@@ -126,4 +126,3 @@ const de = {
   "webatlas.settings.section.navigation": "Navigation"
 };
 exports.default = de;
-//# sourceMappingURL=de-CqU1FU8C.js.map

package/dist/admin/en-BE-zzIv8.mjs

@@ -126,4 +126,3 @@ const en = {
 export {
   en as default
 };
-//# sourceMappingURL=en-BE-zzIv8.mjs.map

package/dist/admin/en-C7I90FwV.js

@@ -126,4 +126,3 @@ const en = {
   "webatlas.settings.section.navigation": "Navigation"
 };
 exports.default = en;
-//# sourceMappingURL=en-C7I90FwV.js.map

package/dist/admin/{index-Cf9j0bn2.mjs → index-9_HhKDUC.mjs}

@@ -1,10 +1,10 @@
 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-DCYCtKrj.mjs";
+import { g as getTranslation, u as useApi, d as debounce, p as pluginPermissions } from "./index-B79ELMEC.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";
-import { F as FullLoader } from "./FullLoader-CrPED_dY.mjs";
+import { F as FullLoader } from "./FullLoader-Btjb2W2p.mjs";
 import { useIntl } from "react-intl";
 import { useSearchParams } from "react-router-dom";
 import { Cross, ChevronDown, Pencil } from "@strapi/icons";
@@ -73,8 +73,15 @@ function SearchInput({
         "button",
         {
           type: "button",
-          onClick: () => handleSearchChange({ target: { value: "" } }),
-          style: { color: "inherit", background: "none", border: "none", cursor: "pointer" },
+          onClick: () => handleSearchChange({
+            target: { value: "" }
+          }),
+          style: {
+            color: "inherit",
+            background: "none",
+            border: "none",
+            cursor: "pointer"
+          },
           "aria-label": "Clear search",
           children: /* @__PURE__ */ jsx(Cross, {})
         }
@@ -125,25 +132,11 @@ function TableHeader({
 function TableRow({ route }) {
   const { formatMessage } = useIntl();
   return /* @__PURE__ */ jsxs(Tr, { children: [
-    [route.title, route.canonicalPath, route.path].map((field, index) => /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
-      Typography,
-      {
-        title: field,
-        textColor: "neutral800",
-        children: field || "-"
-      }
-    ) }, index)),
-    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
-      Typography,
-      {
-        title: route.type,
-        textColor: "neutral800",
-        children: formatMessage({
-          id: getTranslation(`path.type.${route.type}`),
-          defaultMessage: "-"
-        })
-      }
-    ) }),
+    [route.title, route.canonicalPath, route.path].map((field, index) => /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { title: field, textColor: "neutral800", children: field || "-" }) }, index)),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { title: route.type, textColor: "neutral800", children: formatMessage({
+      id: getTranslation(`path.type.${route.type}`),
+      defaultMessage: "-"
+    }) }) }),
     /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Flex, { gap: 2, justifyContent: "end", children: route.type === "internal" && /* @__PURE__ */ jsx(
       LinkButton,
       {
@@ -165,26 +158,19 @@ function PathTable({
 }) {
   const { formatMessage } = useIntl();
   const TABLE_COL_COUNT = 5;
-  return /* @__PURE__ */ jsxs(
-    Table,
-    {
-      colCount: TABLE_COL_COUNT,
-      rowCount: routes.length,
-      children: [
-        /* @__PURE__ */ jsx(TableHeader, { sortKey, handleSort }),
-        /* @__PURE__ */ jsx(Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: TABLE_COL_COUNT, children: /* @__PURE__ */ jsx(
-          EmptyStateLayout,
-          {
-            shadow: "none",
-            content: formatMessage({
-              id: getTranslation("paths.page.emptyPaths"),
-              defaultMessage: "No paths found"
-            })
-          }
-        ) }) }) })
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(Table, { colCount: TABLE_COL_COUNT, rowCount: routes.length, children: [
+    /* @__PURE__ */ jsx(TableHeader, { sortKey, handleSort }),
+    /* @__PURE__ */ jsx(Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsx(Tr, { children: /* @__PURE__ */ jsx(Td, { colSpan: TABLE_COL_COUNT, children: /* @__PURE__ */ jsx(
+      EmptyStateLayout,
+      {
+        shadow: "none",
+        content: formatMessage({
+          id: getTranslation("paths.page.emptyPaths"),
+          defaultMessage: "No paths found"
+        })
+      }
+    ) }) }) })
+  ] });
 }
 const Paths = () => {
   const { getAllRoutes } = useApi();
@@ -249,24 +235,10 @@ const Paths = () => {
     return /* @__PURE__ */ jsx(PageWrapper, { children: /* @__PURE__ */ jsx(FullLoader, {}) });
   }
   return /* @__PURE__ */ jsx(Page.Protect, { permissions: pluginPermissions["page.routes"], children: /* @__PURE__ */ jsxs(PageWrapper, { children: [
-    /* @__PURE__ */ jsx(
-      SearchInput,
-      {
-        handleSearchChange,
-        searchQuery
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PathTable,
-      {
-        routes: sortedRoutes,
-        sortKey,
-        handleSort
-      }
-    )
+    /* @__PURE__ */ jsx(SearchInput, { handleSearchChange, searchQuery }),
+    /* @__PURE__ */ jsx(PathTable, { routes: sortedRoutes, sortKey, handleSort })
   ] }) });
 };
 export {
   Paths as default
 };
-//# sourceMappingURL=index-Cf9j0bn2.mjs.map