@mattisvensson/strapi-plugin-webatlas 0.7.1 → 0.8.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-NZpDoHIv.js","sources":["../../admin/src/pages/Settings/PageWrapper.tsx","../../admin/src/pages/Settings/ContentTypeAccordion.tsx","../../admin/src/pages/Settings/index.tsx"],"sourcesContent":["import { Button, Box } from '@strapi/design-system';\nimport { Page, Layouts} from '@strapi/strapi/admin'\nimport { PLUGIN_NAME } from '../../../../pluginId';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport type { ConfigContentType } from '../../../../types';\n\nexport default function PageWrapper({ \n  settingsState, \n  initialState, \n  save, \n  isSaving,\n  children\n}: { \n  settingsState?: any, \n  initialState?: any, \n  save?: () => void, \n  isSaving?: boolean,\n  children: React.ReactNode \n}) {\n\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={PLUGIN_NAME}\n        subtitle={formatMessage({\n          id: getTranslation('settings.page.subtitle'),\n          defaultMessage: 'Settings',\n        })}\n        primaryAction={ settingsState && initialState && save &&\n          <Button\n            type=\"submit\"\n            onClick={() => save()}\n            loading={isSaving}\n            disabled={\n              JSON.stringify(settingsState) === JSON.stringify(initialState)\n              || settingsState.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n              || isSaving\n            }\n          >\n            {formatMessage({\n              id: getTranslation('save'),\n              defaultMessage: 'Save',\n            })}\n          </Button>\n        }\n      />\n      <Layouts.Content>\n        <Box\n          background='neutral0'\n          borderColor=\"neutral150\"\n          hasRadius\n          paddingBottom={4}\n          paddingLeft={4}\n          paddingRight={4}\n          paddingTop={6}\n          shadow=\"tableShadow\"\n        >\n          {children}\n        </Box>\n      </Layouts.Content>\n    </Page.Main>\n  )\n}","import { SingleSelect, SingleSelectOption } from '@strapi/design-system';\nimport Tooltip from '../../components/Tooltip'\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport type { ContentType, ConfigContentType } from '../../../../types';\n\nexport default function ContentTypeAccordion({ \n  contentType,\n  contentTypeSettings,\n  dispatch\n}: { \n  contentType: ContentType | undefined, \n  contentTypeSettings: ConfigContentType, \n  dispatch: React.Dispatch<any>\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  if (!contentType) return null\n\n  return (\n    <Box\n      borderColor={!contentTypeSettings.default && 'danger500'}\n      key={contentType.uid}\n    >\n      <Accordion.Item key={contentType.uid} value={contentType.uid} size=\"S\">\n        <Accordion.Header>\n          <Accordion.Trigger>\n            {contentType?.info.displayName}\n          </Accordion.Trigger>\n        </Accordion.Header>\n        <Accordion.Content>\n          <Box padding={3}>\n            <Field.Root\n              name=\"selectedContentTypes\"\n              hint={formatMessage({\n                id: getTranslation('settings.page.defaultField.hint'),\n                defaultMessage: 'The selected field from the content type will be used to generate the URL alias. Use a field that is unique and descriptive, such as a \"title\" or \"name\".',\n              })}\n              error={!contentTypeSettings.default && formatMessage({\n                id: getTranslation('settings.page.defaultField.error'),\n                defaultMessage: 'Please select a default field',\n              })}\n              required\n            >\n              <Field.Label>\n                {formatMessage({\n                  id: getTranslation('settings.page.defaultField'),\n                  defaultMessage: 'Default URL Alias field',\n                })}\n              </Field.Label>\n              <SingleSelect\n                name={`defaultField-${contentType.uid}`}\n                onClear={() => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: '' } })}\n                value={contentTypeSettings?.default || ''}\n                onChange={(value: string) => dispatch({ type: 'SET_DEFAULT_FIELD', payload: { ctUid: contentType.uid, field: value } })}\n              >\n                {Object.entries(contentType.attributes).map(([key], index) => {\n                  if (\n                    key === 'id' || \n                    key === 'documentId' ||\n                    key === 'createdAt' || \n                    key === 'updatedAt' || \n                    key === 'createdBy' || \n                    key === 'updatedBy' ||\n                    key === 'webatlas_path' ||\n                    key === 'webatlas_override'\n                  ) return null\n                  return <SingleSelectOption key={index} value={key}>{key}</SingleSelectOption>\n                })}\n              </SingleSelect>\n              <Field.Hint/>\n            </Field.Root>\n            <Box paddingTop={4}>\n              <Field.Root\n                name=\"urlAliasPattern\"\n                hint={formatMessage({\n                  id: getTranslation('settings.page.urlAliasPattern.hint'),\n                  defaultMessage: 'The pattern to prepend to the generated URL alias. For example, if you enter \"blog\" and the value of default field is \"My First Post\", the generated URL alias will be \"blog/my-first-post\". Leave empty for no prefix.',\n                })}\n              >\n                <Field.Label>\n                  {formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern'),\n                    defaultMessage: 'URL Alias Pattern',\n                  })}\n                  <Tooltip description={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.tooltip'),\n                    defaultMessage: 'Leading and trailing slashes will be removed. Spaces will be replaced with hyphens. Special characters will be encoded.',\n                  })} />\n                </Field.Label>\n                <Field.Input\n                  value={contentTypeSettings.pattern}\n                  onChange={(e: React.ChangeEvent<HTMLInputElement>) => dispatch({ type: 'SET_PATTERN', payload: { ctUid: contentType.uid, pattern: e.target.value } })}\n                  disabled={!contentTypeSettings.default}\n                  type=\"text\"\n                  placeholder={formatMessage({\n                    id: getTranslation('settings.page.urlAliasPattern.placeholder'),\n                    defaultMessage: 'e.g. blog',\n                  })}\n                />\n                <Field.Hint />\n              </Field.Root>\n            </Box>\n          </Box>\n        </Accordion.Content>\n      </Accordion.Item>\n    </Box>\n    \n  )\n}","/*\n *\n * Settings\n * This file contains the settings page for the Webatlas plugin in Strapi.\n * It allows users to configure which content types are enabled for URL aliases and navigations,\n * as well as setting default fields and the URL alias patterns for each content type. \n *\n*/\n\nimport { useEffect, useState, useReducer } from 'react';\nimport { Box, Accordion, Field } from '@strapi/design-system';\nimport { useNotification } from '@strapi/strapi/admin'\nimport { MultiSelect, MultiSelectOption } from '@strapi/design-system';\nimport usePluginConfig from '../../hooks/usePluginConfig';\nimport type { ContentType, ConfigContentType, PluginConfig } from '../../../../types';\nimport transformToUrl from '../../../../utils/transformToUrl';\nimport useAllContentTypes from '../../hooks/useAllContentTypes';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { FullLoader } from '../../components/UI';\nimport PageWrapper from './PageWrapper';\nimport ContentTypeAccordion from './ContentTypeAccordion';\n\ntype Action =\n  | { type: 'SET_SELECTED_CONTENT_TYPES'; payload: ConfigContentType[] }\n  | { type: 'SET_DEFAULT_FIELD'; payload: { ctUid: string; field: string } }\n  | { type: 'SET_PATTERN'; payload: { ctUid: string; pattern: string } }\n\nfunction reducer(settingsState: PluginConfig, action: Action): PluginConfig {\n  let updatedContentTypes\n  switch (action.type) {\n    case 'SET_SELECTED_CONTENT_TYPES':\n      updatedContentTypes = action.payload.map(ct => {\n        return settingsState.selectedContentTypes.find((cta: ConfigContentType) => cta.uid === ct.uid) || ct\n      })\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    case 'SET_DEFAULT_FIELD':\n      updatedContentTypes = settingsState.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, default: action.payload.field } : ct\n      );\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    case 'SET_PATTERN':\n      updatedContentTypes = settingsState.selectedContentTypes.map(ct =>\n        ct.uid === action.payload.ctUid ? { ...ct, pattern: transformToUrl(action.payload.pattern) } : ct\n      );\n      return { ...settingsState, selectedContentTypes: updatedContentTypes };\n    default:\n      throw new Error();\n  }\n}\n\nconst Settings = () => {\n  const { config, setConfig, loading, fetchError } = usePluginConfig();\n  const [settingsState, dispatch] = useReducer(reducer, config || { selectedContentTypes: [] });\n  const { contentTypes: allContentTypesData } = useAllContentTypes();\n  const allContentTypes = allContentTypesData?.filter((ct: ContentType) => ct.pluginOptions?.webatlas?.active === true);\n  const [initialState, setInitialState] = useState(config || { selectedContentTypes: [] })\n  const { toggleNotification } = useNotification();\n  const { formatMessage } = useIntl();\n  const [isSaving, setIsSaving] = useState(false);\n\n  useEffect(() => {\n    setInitialState(config || { selectedContentTypes: [] })\n  }, [config]);\n\n  useEffect(() => {\n    if (!config) return;\n    dispatch({ type: 'SET_SELECTED_CONTENT_TYPES', payload: config.selectedContentTypes });\n  }, [config]);\n  \n  useEffect(() => {\n    if (fetchError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslation('notification.error'),\n          defaultMessage: 'An error occurred',\n        }) + ': ' + fetchError,\n      });\n    }\n  }, [fetchError, toggleNotification, formatMessage]);\n\n  async function save() {\n    if (\n      !settingsState \n      || settingsState.selectedContentTypes.find((cta: ConfigContentType) => !cta.default) !== undefined\n    ) return\n\n    setIsSaving(true);\n    try {\n      await setConfig(settingsState)\n      setInitialState(settingsState)\n\n      toggleNotification({\n        type: 'success',\n        message: formatMessage({\n          id: getTranslation('notification.settings.saved'),\n          defaultMessage: 'Settings saved successfully',\n        }),\n      });\n      setIsSaving(false);\n    } catch (err) {\n      setIsSaving(false);\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: getTranslation('notification.error'),\n          defaultMessage: 'An error occurred',\n        }) + ': ' + err,\n      });\n      console.error(err);\n    }\n  }\n\n  if (loading) {\n    return <PageWrapper>\n      <FullLoader height={200} />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper settingsState={settingsState} initialState={initialState} save={save} isSaving={isSaving}>\n      <Field.Root\n        name=\"selectedContentTypes\"\n        hint={formatMessage({\n          id: getTranslation('settings.page.enabledContentTypes.hint'),\n          defaultMessage: 'Select the content types for which you want to enable URL aliases',\n        })}\n      >\n        <Field.Label>\n          {formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes'),\n            defaultMessage: 'Enabled Content Types',\n          })}\n        </Field.Label>\n        <MultiSelect\n          placeholder={formatMessage({\n            id: getTranslation('settings.page.enabledContentTypes.placeholder'),\n            defaultMessage: 'Select content types...',\n          })}\n          onClear={() => dispatch({ type: 'SET_SELECTED_CONTENT_TYPES', payload: [] })}\n          value={[...settingsState.selectedContentTypes.map((ct: ConfigContentType) => ct.uid)]}\n          onChange={(value: string[]) =>\n            dispatch({\n              type: 'SET_SELECTED_CONTENT_TYPES',\n              payload: value.map(v => ({\n                uid: v,\n                default: '',\n                pattern: '',\n              })),\n            })\n          }\n          withTags\n        >\n          {allContentTypes && allContentTypes.map(item => \n            <MultiSelectOption key={item.uid} value={item.uid}>{item.info.displayName}</MultiSelectOption>\n          )}\n        </MultiSelect>\n        <Field.Hint/>\n      </Field.Root>\n      {settingsState.selectedContentTypes && settingsState.selectedContentTypes.length > 0 && \n        <Box paddingTop={4}>\n          <Field.Root name=\"selectedContentTypesAccordion\">\n            <Field.Label>\n              {formatMessage({\n                id: getTranslation('settings.page.contentTypeSettings'),\n                defaultMessage: 'Content Type settings',\n              })}\n            </Field.Label>\n            <Accordion.Root>\n              {settingsState.selectedContentTypes?.map((contentTypeSettings: ConfigContentType) => {\n                const ct: ContentType | undefined = allContentTypes?.find((item) => item.uid === contentTypeSettings.uid)\n                return <ContentTypeAccordion key={contentTypeSettings.uid} contentType={ct} contentTypeSettings={contentTypeSettings} dispatch={dispatch} />\n              })}\n            </Accordion.Root>\n          </Field.Root>\n        </Box>\n      }\n    </PageWrapper>\n  );\n};\n\nexport default Settings;\n"],"names":["useIntl","jsxs","Page","jsx","Layouts","PLUGIN_NAME","getTranslation","Button","Box","Accordion","Field","SingleSelect","index","SingleSelectOption","Tooltip","transformToUrl","usePluginConfig","useReducer","useAllContentTypes","useState","useNotification","useEffect","FullLoader","MultiSelect","MultiSelectOption"],"mappings":"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"}

package/dist/_chunks/index-dzRHjemo.js

@@ -1,247 +0,0 @@
-"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-2J9mPFyV.js");
-const admin = require("@strapi/strapi/admin");
-require("@strapi/icons/symbols");
-const FullLoader = require("./FullLoader-Cmsf8xS6.js");
-const reactIntl = require("react-intl");
-const reactRouterDom = require("react-router-dom");
-function getRouteType(route) {
-  if (route.wrapper) {
-    return "wrapper";
-  } else if (!route.internal) {
-    return "external";
-  } else {
-    return "internal";
-  }
-}
-function TableHeader({
-  sortKey,
-  handleSort
-}) {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Thead, { children: /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("title"), cursor: "pointer", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
-        id: index.getTranslation("title"),
-        defaultMessage: "Title"
-      }) }),
-      sortKey === "title" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("fullPath"), cursor: "pointer", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
-        id: index.getTranslation("route"),
-        defaultMessage: "Route"
-      }) }),
-      sortKey === "fullPath" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Th, { onClick: () => handleSort("type"), cursor: "pointer", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(designSystem.Typography, { variant: "sigma", children: formatMessage({
-        id: index.getTranslation("routes.page.column.type"),
-        defaultMessage: "Type"
-      }) }),
-      sortKey === "type" && /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronDown, {})
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Th, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.VisuallyHidden, { children: formatMessage({
-      id: index.getTranslation("actions"),
-      defaultMessage: "Actions"
-    }) }) })
-  ] }) });
-}
-function TableRow({ route }) {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Tr, { children: [
-    /* @__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.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"
-        })
-      }
-    ) }) })
-  ] });
-}
-function PageWrapper({ children }) {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(admin.Page.Main, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      admin.Layouts.Header,
-      {
-        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: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children }) })
-  ] });
-}
-function compareBy(field, direction) {
-  if (!field) {
-    return () => 0;
-  }
-  if (field === "type") {
-    return (a, b) => {
-      const typeA = a.internal ? "internal" : "external";
-      const typeB = b.internal ? "internal" : "external";
-      return direction === "asc" ? typeA.localeCompare(typeB) : typeB.localeCompare(typeA);
-    };
-  }
-  return (a, b) => {
-    const aValue = a[field];
-    const bValue = b[field];
-    if (typeof aValue === "string" && typeof bValue === "string") {
-      return direction === "asc" ? aValue.localeCompare(bValue) : bValue.localeCompare(aValue);
-    }
-    return 0;
-  };
-}
-function SearchInput({
-  searchQuery,
-  handleSearchChange
-}) {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Root, { style: { marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Grid.Item, { col: 4, s: 12, children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Box, { width: "100%", children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Field.Root, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    designSystem.Field.Input,
-    {
-      name: "search",
-      placeholder: formatMessage({
-        id: index.getTranslation("routes.page.searchPlaceholder"),
-        defaultMessage: "Search routes"
-      }),
-      value: searchQuery,
-      onChange: handleSearchChange,
-      endAction: searchQuery ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: () => handleSearchChange({ target: { value: "" } }),
-          style: { color: "inherit", background: "none", border: "none", cursor: "pointer" },
-          "aria-label": "Clear search",
-          children: /* @__PURE__ */ jsxRuntime.jsx(icons.Cross, {})
-        }
-      ) : null
-    }
-  ) }) }) }) });
-}
-function RouteTable({
-  routes,
-  sortKey,
-  handleSort
-}) {
-  const { formatMessage } = reactIntl.useIntl();
-  return /* @__PURE__ */ jsxRuntime.jsxs(designSystem.Table, { colCount: 4, rowCount: routes.length, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { sortKey, handleSort }),
-    /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tbody, { children: routes.length > 0 ? routes.map((route) => /* @__PURE__ */ jsxRuntime.jsx(TableRow, { route }, route.id)) : /* @__PURE__ */ jsxRuntime.jsx(designSystem.Tr, { children: /* @__PURE__ */ jsxRuntime.jsx(designSystem.Td, { colSpan: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
-      designSystem.EmptyStateLayout,
-      {
-        content: formatMessage({
-          id: index.getTranslation("routes.page.emptyRoutes"),
-          defaultMessage: "No routes found"
-        }),
-        shadow: false
-      }
-    ) }) }) })
-  ] });
-}
-const Routes = () => {
-  const { getRoutes } = index.useApi();
-  const { formatMessage } = reactIntl.useIntl();
-  const { toggleNotification } = admin.useNotification();
-  const [allRoutes, setAllRoutes] = React.useState([]);
-  const [routes, setRoutes] = React.useState([]);
-  const [loading, setLoading] = React.useState(true);
-  const [searchParams, setSearchParams] = reactRouterDom.useSearchParams();
-  const initialQuery = searchParams.get("search") || "";
-  const [searchQuery, setSearchQuery] = React.useState(initialQuery);
-  const [sortKey, setSortKey] = React.useState(void 0);
-  const [sortDirection, setSortDirection] = React.useState("asc");
-  React.useEffect(() => {
-    const query = searchQuery.toLowerCase();
-    setRoutes(
-      allRoutes.filter(
-        (route) => JSON.stringify(route.id).toLowerCase().includes(query) || route.title.toLowerCase().includes(query) || route.fullPath.toLowerCase().includes(query) || route.relatedDocumentId.toLowerCase().includes(query) || route.relatedContentType.toLowerCase().includes(query)
-      )
-    );
-  }, [searchQuery, allRoutes]);
-  const debouncedSetSearchParams = React.useMemo(
-    () => index.debounce((value) => {
-      value ? setSearchParams({ search: value }) : setSearchParams({});
-    }, 300),
-    [setSearchParams]
-  );
-  const handleSearchChange = (e) => {
-    const value = e.target.value;
-    setSearchQuery(value);
-    debouncedSetSearchParams(value);
-  };
-  React.useEffect(() => {
-    async function fetchRoutes() {
-      try {
-        const data = await getRoutes();
-        setAllRoutes(data);
-        setRoutes(data);
-      } catch (err) {
-        console.error("Failed to fetch routes:", err);
-        toggleNotification({
-          type: "danger",
-          message: formatMessage({
-            id: index.getTranslation("notification.routes.fetchFailed"),
-            defaultMessage: "Failed to fetch routes"
-          })
-        });
-      } finally {
-        setLoading(false);
-      }
-    }
-    fetchRoutes();
-  }, []);
-  const handleSort = (key) => {
-    setSortDirection((prev) => prev === "asc" ? "desc" : "asc");
-    setSortKey(key);
-  };
-  React.useEffect(() => {
-    const sortedRoutes = sortKey ? [...routes].sort(compareBy(sortKey, sortDirection)) : routes;
-    setRoutes(sortedRoutes);
-  }, [sortKey, sortDirection]);
-  if (loading) {
-    return /* @__PURE__ */ jsxRuntime.jsx(PageWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(FullLoader.FullLoader, {}) });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(PageWrapper, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SearchInput,
-      {
-        handleSearchChange,
-        searchQuery
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      RouteTable,
-      {
-        routes,
-        sortKey,
-        handleSort
-      }
-    )
-  ] });
-};
-exports.default = Routes;
-//# sourceMappingURL=index-dzRHjemo.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index-dzRHjemo.js","sources":["../../admin/src/utils/getRouteType.ts","../../admin/src/pages/Routes/TableHeader.tsx","../../admin/src/pages/Routes/TableRow.tsx","../../admin/src/pages/Routes/PageWrapper.tsx","../../admin/src/pages/Routes/compareBy.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}","import type { RouteSortKey } from '../../../../types';\nimport { Typography, Thead, Tr, Th, VisuallyHidden } from '@strapi/design-system';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { ChevronDown } from '@strapi/icons';\n\nexport default function TableHeader({\n  sortKey,\n  handleSort\n}: {\n  sortKey: RouteSortKey,\n  handleSort: (key: RouteSortKey) => void\n}) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Thead>\n      <Tr>\n        <Th onClick={() => handleSort('title')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('title'),\n              defaultMessage: 'Title',\n            })}\n          </Typography>\n          {sortKey === 'title' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('fullPath')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('route'),\n              defaultMessage: 'Route',\n            })}\n          </Typography>\n          {sortKey === 'fullPath' && <ChevronDown />}\n        </Th>\n        <Th onClick={() => handleSort('type')} cursor=\"pointer\">\n          <Typography variant=\"sigma\">\n            {formatMessage({\n              id: getTranslation('routes.page.column.type'),\n              defaultMessage: 'Type',\n            })}\n          </Typography>\n          {sortKey === 'type' && <ChevronDown />}\n        </Th>\n        <Th>\n          <VisuallyHidden>\n            {formatMessage({\n              id: getTranslation('actions'),\n              defaultMessage: 'Actions',\n            })}\n          </VisuallyHidden>\n        </Th>\n      </Tr>\n    </Thead>\n  )\n}","import type { Route } from '../../../../types';\nimport { Typography, Tr, Td, Flex, LinkButton } from '@strapi/design-system';\nimport { getTranslation, getRouteType } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport { Pencil } from '@strapi/icons';\n\nexport default function TableRow({ route }: { route: Route }) {\n  const { formatMessage } = useIntl();\n  \n  return (\n    <Tr>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.title}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{route.fullPath}</Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">\n          {formatMessage({\n            id: getTranslation(`route.type.${getRouteType(route)}`),\n            defaultMessage: '-',\n          })}\n        </Typography>\n      </Td>\n      <Td>\n        <Flex gap={2} justifyContent=\"end\">\n          {route.internal && \n            <LinkButton\n              variant=\"secondary\"\n              startIcon={<Pencil />} \n              href={`/admin/content-manager/collection-types/${route.relatedContentType}/${route.relatedDocumentId}`}\n            >\n              {formatMessage({\n                id: getTranslation('edit'),\n                defaultMessage: 'Edit',\n              })}\n            </LinkButton>\n          }\n        </Flex>\n      </Td>\n    </Tr>\n  )\n}","import { Layouts, Page } from '@strapi/strapi/admin';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\n\nexport default function PageWrapper({ children }: { children: React.ReactNode }) {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Page.Main>\n      <Layouts.Header\n        title={formatMessage({\n          id: getTranslation('routes.page.title'),\n          defaultMessage: 'Routes',\n        })}\n        subtitle={formatMessage({\n          id: getTranslation('routes.page.subtitle'),\n          defaultMessage: 'Overview of all existing routes',\n        })}\n      />\n      <Layouts.Content>\n        <>\n          {children}\n        </>\n      </Layouts.Content>\n    </Page.Main>\n  );\n}","import type { Route, RouteSortKey } from '../../../../types';\n\nexport default function compareBy(field: RouteSortKey, direction: 'asc' | 'desc') {\n  if (!field) {\n    return () => 0;\n  }\n  if (field === 'type') {\n    return (a: Route, b: Route) => {\n      const typeA = a.internal ? 'internal' : 'external';\n      const typeB = b.internal ? 'internal' : 'external';\n      return direction === 'asc'\n        ? typeA.localeCompare(typeB)\n        : typeB.localeCompare(typeA);\n    };\n  }\n  return (a: Route, b: Route) => {\n    const aValue = a[field];\n    const bValue = b[field];\n    if (typeof aValue === 'string' && typeof bValue === 'string') {\n      return direction === 'asc'\n        ? aValue.localeCompare(bValue)\n        : bValue.localeCompare(aValue);\n    }\n    return 0;\n  };\n}","/*\n *\n * Routes\n * This file contains the Routes page of the Webatlas plugin for Strapi.\n * It displays a table of all existing routes with their details and allows editing.\n *\n*/\n\nimport type { Route, RouteSortKey } from '../../../../types';\nimport { useState, useEffect } from 'react';\nimport { Table, Tbody, Box, Grid, Field, EmptyStateLayout, Tr, Td } from '@strapi/design-system';\nimport { Cross } from '@strapi/icons';\nimport { useApi } from '../../hooks';\nimport { FullLoader } from '../../components/UI';\nimport { getTranslation } from '../../utils';\nimport { useIntl } from 'react-intl';\nimport TableHeader from './TableHeader';\nimport TableRow from './TableRow';\nimport { useNotification } from '@strapi/strapi/admin'\nimport PageWrapper from './PageWrapper';\nimport { useSearchParams } from 'react-router-dom';\nimport debounce from '../../utils/debounce';\nimport { useMemo } from 'react';\nimport compareBy from './compareBy';\n\nfunction SearchInput({\n  searchQuery,\n  handleSearchChange\n}: {\n  searchQuery: string;\n  handleSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n}) {\n\n  const { formatMessage } = useIntl();\n\n  return (\n    <Grid.Root style={{ marginBottom: '16px' }}>\n      <Grid.Item col={4} s={12}>\n        <Box width=\"100%\">\n          <Field.Root>\n            <Field.Input\n              name=\"search\"\n              placeholder={formatMessage({\n                id: getTranslation('routes.page.searchPlaceholder'),\n                defaultMessage: 'Search routes',\n              })}\n              value={searchQuery}\n              onChange={handleSearchChange}\n              endAction={\n                searchQuery ? (\n                  <button\n                    type=\"button\"\n                    onClick={() => handleSearchChange({ target: { value: '' } } as React.ChangeEvent<HTMLInputElement>)}\n                    style={{ color: 'inherit', background: 'none', border: 'none', cursor: 'pointer' }}\n                    aria-label=\"Clear search\"\n                  >\n                    <Cross />\n                  </button>\n                ) : null\n              }\n            />\n          </Field.Root>\n        </Box>\n      </Grid.Item>\n    </Grid.Root>\n  );\n}\n\nfunction RouteTable({\n  routes, \n  sortKey, \n  handleSort\n}: { \n  routes: Route[], \n  sortKey: RouteSortKey, \n  handleSort: (key: RouteSortKey) => void\n}) {\n  \n  const { formatMessage } = useIntl();\n\n  return (\n    <Table colCount={4} rowCount={routes.length}>\n      <TableHeader sortKey={sortKey} handleSort={handleSort} />\n      <Tbody>\n        {routes.length > 0 ? routes.map((route: Route) => (\n          <TableRow key={route.id} route={route} />\n        )) : \n          <Tr>\n            <Td colSpan={4}>\n              <EmptyStateLayout \n                content={\n                  formatMessage({\n                    id: getTranslation('routes.page.emptyRoutes'),\n                    defaultMessage: 'No routes found',\n                  })\n                } \n                shadow={false}\n              />\n            </Td>\n          </Tr>\n        }\n      </Tbody>\n    </Table>\n  )\n}\n\nconst Routes = () => {\n  const { getRoutes } = useApi();\n  const { formatMessage } = useIntl();\n  const { toggleNotification } = useNotification();\n  \n  const [allRoutes, setAllRoutes] = useState<Route[]>([]);\n  const [routes, setRoutes] = useState<Route[]>([]);\n  const [loading, setLoading] = useState(true);\n  const [searchParams, setSearchParams] = useSearchParams();\n  const initialQuery = searchParams.get('search') || '';\n  const [searchQuery, setSearchQuery] = useState(initialQuery);\n  const [sortKey, setSortKey] = useState<RouteSortKey>(undefined);\n  const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('asc');\n\n  useEffect(() => {\n    const query = searchQuery.toLowerCase()\n    setRoutes(\n      allRoutes.filter((route) =>\n        JSON.stringify(route.id).toLowerCase().includes(query) ||\n        route.title.toLowerCase().includes(query) ||\n        route.fullPath.toLowerCase().includes(query) ||\n        route.relatedDocumentId.toLowerCase().includes(query) ||\n        route.relatedContentType.toLowerCase().includes(query)\n      )\n    )\n  }, [searchQuery, allRoutes]);\n\n  const debouncedSetSearchParams = useMemo(() =>\n    debounce((value: string) => {\n      value\n        ? setSearchParams({ search: value })\n        : setSearchParams({});\n    }, 300),\n  [setSearchParams]);\n\n  const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const value = e.target.value\n    setSearchQuery(value);\n    debouncedSetSearchParams(value);\n  }\n\n  useEffect(() => {\n    async function fetchRoutes() {\n      try {\n        const data = await getRoutes();\n        setAllRoutes(data);\n        setRoutes(data);\n      } catch (err) {\n        console.error('Failed to fetch routes:', err);\n        toggleNotification({\n          type: 'danger',\n          message: formatMessage({\n            id: getTranslation('notification.routes.fetchFailed'),\n            defaultMessage: 'Failed to fetch routes',\n          }),\n        });\n      } finally {\n        setLoading(false);\n      }\n    }\n    fetchRoutes();\n  }, [])\n\n  const handleSort = (key: RouteSortKey) => {\n    setSortDirection(prev => (prev === 'asc' ? 'desc' : 'asc'));\n    setSortKey(key);\n  };\n\n  useEffect(() => {\n    const sortedRoutes = sortKey\n      ? [...routes].sort(compareBy(sortKey, sortDirection))\n      : routes;    \n    setRoutes(sortedRoutes);\n  }, [sortKey, sortDirection]);\n\n  if (loading) {\n    return <PageWrapper>\n      <FullLoader />\n    </PageWrapper>\n  }\n\n  return (\n    <PageWrapper>\n      <SearchInput\n        handleSearchChange={handleSearchChange}\n        searchQuery={searchQuery}\n      />\n      <RouteTable\n        routes={routes} \n        sortKey={sortKey}\n        handleSort={handleSort}\n      />\n    </PageWrapper>\n  );\n};\n\nexport default Routes;"],"names":["useIntl","jsx","Thead","jsxs","Tr","Th","Typography","getTranslation","ChevronDown","VisuallyHidden","Td","Flex","LinkButton","Pencil","Page","Layouts","Fragment","Grid","Box","Field","Cross","Table","Tbody","EmptyStateLayout","useApi","useNotification","useState","useSearchParams","useEffect","useMemo","debounce","FullLoader"],"mappings":"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"}

package/dist/admin/index.mjs.map

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