strapi-plugin-navigation 2.0.0-rc.1 → 2.0.3

package/admin/src/pages/View/components/NavigationItemPopup/NavigationItemPopupHeader.js

@@ -3,17 +3,13 @@
 import React from 'react';
 import { ButtonText } from '@strapi/design-system/Text';
 import { ModalHeader } from '@strapi/design-system/ModalLayout';
-import { useIntl } from 'react-intl';
-import { getTrad } from '../../../../translations';
+import { getMessage } from '../../../../utils';
 
-export const NavigationItemPopupHeader = () => {
-	const { formatMessage } = useIntl();
+export const NavigationItemPopupHeader = ({isNewItem}) => {
 	return (
 		<ModalHeader>
 			<ButtonText textColor="neutral800" as="h2" id="asset-dialog-title">
-				{formatMessage(
-					getTrad('popup.item.header'),
-				)}
+				{getMessage(`popup.item.header.${isNewItem ? 'new' : 'edit'}`)}
 			</ButtonText>
 		</ModalHeader>
 	);

package/admin/src/pages/View/components/NavigationItemPopup/index.js

@@ -5,7 +5,6 @@
  */
 
 import React from 'react';
-import { useIntl } from 'react-intl';
 import PropTypes from 'prop-types';
 import { find } from 'lodash';
 
@@ -15,8 +14,8 @@ import { ModalLayout } from '@strapi/design-system/ModalLayout';
 import NavigationItemForm from '../NavigationItemForm';
 import { extractRelatedItemLabel, isRelationCorrect, isRelationPublished } from '../../utils/parsers';
 import { navigationItemType } from '../../utils/enums';
-import { getTrad } from '../../../../translations';
 import { NavigationItemPopupHeader } from './NavigationItemPopupHeader';
+import { getMessage } from '../../../../utils';
 
 const NavigationItemPopUp = ({
   isOpen,
@@ -30,7 +29,6 @@ const NavigationItemPopUp = ({
   usedContentTypesData,
 }) => {
 
-  const { formatMessage } = useIntl();
 
   const handleOnSubmit = (payload) => {
     onSubmit(payload);
@@ -51,7 +49,7 @@ const NavigationItemPopUp = ({
       relatedRef: item,
       type: item.isSingle ? navigationItemType.INTERNAL : item.type,
       isCollection,
-    }) ? '' : `[${formatMessage(getTrad('notification.navigation.item.relation.status.draft'))}] `.toUpperCase();
+    }) ? '' : `[${getMessage('notification.navigation.item.relation.status.draft')}] `.toUpperCase();
     return `${appendix}${label}`;
   };
 
@@ -80,7 +78,7 @@ const NavigationItemPopUp = ({
 
   return (
     <ModalLayout labelledBy="condition-modal-breadcrumbs" onClose={onClose} isOpen={isOpen}>
-      <NavigationItemPopupHeader />
+      <NavigationItemPopupHeader isNewItem={!data.viewId}/>
       <NavigationItemForm
         data={prepareFormData(data)}
         isLoading={isLoading}

package/admin/src/pages/View/index.js

@@ -10,11 +10,13 @@ import { isEmpty, get } from "lodash";
 
 // Design System
 import { Main } from '@strapi/design-system/Main';
+import { Flex } from '@strapi/design-system/Flex';
 import { ContentLayout } from '@strapi/design-system/Layout';
+import { Typography } from '@strapi/design-system/Typography';
 import { Box } from '@strapi/design-system/Box';
+import { Icon } from '@strapi/design-system/Icon';
 import { Button } from '@strapi/design-system/Button';
 import { LoadingIndicatorPage } from "@strapi/helper-plugin";
-import { EmptyStateLayout } from '@strapi/design-system/EmptyStateLayout';
 import EmptyDocumentsIcon from '@strapi/icons/EmptyDocuments';
 import PlusIcon from "@strapi/icons/Plus";
 
@@ -23,6 +25,7 @@ import List from '../../components/NavigationItemList';
 import NavigationContentHeader from './components/NavigationContentHeader';
 import NavigationHeader from './components/NavigationHeader';
 import NavigationItemPopUp from "./components/NavigationItemPopup";
+import Search from '../../components/Search';
 import useDataManager from "../../hooks/useDataManager";
 import { getTrad } from '../../translations';
 import {
@@ -31,7 +34,6 @@ import {
   usedContentTypes,
   validateNavigationStructure,
 } from './utils/parsers';
-import Search from '../../components/Search';
 
 const View = () => {
   const {
@@ -150,11 +152,19 @@ const View = () => {
     changeNavigationItemPopupState(false);
   };
 
+  const handleChangeNavigationSelection = (...args) => {
+    handleChangeSelection(...args);
+    setSearchValue('');
+  }
+
   return (
     <Main labelledBy="title" aria-busy={isLoadingForSubmit}>
       <NavigationHeader
         structureHasErrors={structureHasErrors}
-        structureHAsChanged={structureChanged}
+        structureHasChanged={structureChanged}
+        availableNavigations={availableNavigations}
+        activeNavigation={activeNavigation}
+        handleChangeSelection={handleChangeNavigationSelection}
         handleSave={handleSave}
       />
       <ContentLayout>
@@ -162,7 +172,7 @@ const View = () => {
         {changedActiveNavigation && (
           <>
             <NavigationContentHeader
-              startActions={<Search value={searchValue} setValue={setSearchValue}/>}
+              startActions={<Search value={searchValue} setValue={setSearchValue} />}
               endActions={<Button
                 onClick={addNewNavigationItem}
                 startIcon={<PlusIcon />}
@@ -172,22 +182,21 @@ const View = () => {
                 {formatMessage(getTrad('header.action.newItem'))}
               </Button>}
             />
-            {isEmpty(changedActiveNavigation.items || []) && (<Box paddingTop={4} >
-                <EmptyStateLayout
-                  action={
-                    <Button
-                      variant='secondary'
-                      startIcon={<PlusIcon />}
-                      label={formatMessage(getTrad('empty.cta'))}
-                      onClick={addNewNavigationItem}
-                    >
-                      {formatMessage(getTrad('empty.cta'))}
-                    </Button>
-                  }
-                  icon={<EmptyDocumentsIcon width='10rem' />}
-                  content={formatMessage(getTrad('empty'))}
-                />
-              </Box>
+            {isEmpty(changedActiveNavigation.items || []) && (
+              <Flex direction="column" minHeight="400px" justifyContent="center">
+                <Icon as={EmptyDocumentsIcon} width="160px" height="88px" color=""/>
+                <Box padding={4}>
+                  <Typography variant="beta" textColor="neutral600">{formatMessage(getTrad('empty'))}</Typography>
+                </Box>
+                <Button
+                  variant='secondary'
+                  startIcon={<PlusIcon />}
+                  label={formatMessage(getTrad('empty.cta'))}
+                  onClick={addNewNavigationItem}
+                >
+                  {formatMessage(getTrad('empty.cta'))}
+                </Button>
+              </Flex>
             )}
             {
               !isEmpty(changedActiveNavigation.items || [])

package/admin/src/pages/View/utils/parsers.js

@@ -7,6 +7,7 @@ export const transformItemToRESTPayload = (
   parent = undefined,
   master = undefined,
   config = {},
+  parentAttachedToMenu = true,
 ) => {
   const {
     id,
@@ -34,7 +35,7 @@ export const transformItemToRESTPayload = (
     find(contentTypes,
       ct => ct.uid === relatedType) :
     undefined;
-
+  const itemAttachedToMenu = menuAttached && parentAttachedToMenu
   return {
     id,
     parent,
@@ -45,7 +46,7 @@ export const transformItemToRESTPayload = (
     removed,
     order,
     uiRouterKey,
-    menuAttached,
+    menuAttached: itemAttachedToMenu,
     audience: audience.map((audienceItem) =>
       isObject(audienceItem) ? audienceItem.value : audienceItem,
     ),
@@ -60,7 +61,7 @@ export const transformItemToRESTPayload = (
           field: relatedContentType && relatedContentType.relatedField ? relatedContentType.relatedField : 'navigation',
         },
       ],
-    items: items.map((iItem) => transformItemToRESTPayload(iItem, id, master, config)),
+    items: items.map((iItem) => transformItemToRESTPayload(iItem, id, master, config, itemAttachedToMenu)),
   };
 };
 
@@ -251,6 +252,9 @@ export const prepareItemToViewPayload = (items = [], viewParentId = null, config
   }));
 
 export const extractRelatedItemLabel = (item = {}, fields = {}, config = {}) => {
+  if (get(item, 'isSingle', false)) {
+    return get(item, 'labelSingular', '');
+  }
   const { contentTypes = [] } = config;
   const { __collectionUid } = item;
   const contentType = contentTypes.find(_ => _.uid === __collectionUid)

package/admin/src/translations/en.json

@@ -5,9 +5,10 @@
 	"header.action.newItem": "New Item",
 	"submit.cta.cancel": "Cancel",
 	"submit.cta.save": "Save",
-	"empty": "Navigation container is empty",
+	"empty": "Your navigation is empty",
 	"empty.cta": "Create first item",
-	"popup.item.header": "Manage navigation item",
+	"popup.item.header.edit": "Edit navigation item",
+	"popup.item.header.new": "New navigation item",
 	"popup.item.form.title.label": "Title",
 	"popup.item.form.title.placeholder": "Enter the item title or leave blank to pull from related entity",
 	"popup.item.form.uiRouterKey.label": "UI router key",
@@ -17,17 +18,18 @@
 	"popup.item.form.path.preview": "Preview:",
 	"popup.item.form.externalPath.label": "External URL",
 	"popup.item.form.externalPath.placeholder": "Link to the external source",
-	"popup.item.form.externalPath.validation.type": "This value is not a proper url." ,
+	"popup.item.form.externalPath.validation.type": "This value is not a proper url.",
 	"popup.item.form.menuAttached.label": "Attach to menu",
 	"popup.item.form.type.label": "Internal link",
 	"popup.item.form.type.internal.label": "Internal source",
 	"popup.item.form.type.external.label": "External source",
 	"popup.item.form.type.external.description": "Output path: {value}",
 	"popup.item.form.audience.label": "Audience",
-	"popup.item.form.audience.placeholder": "Type to start searching...",
+	"popup.item.form.audience.placeholder": "Select audience...",
 	"popup.item.form.relatedSection.label": "Relation to",
 	"popup.item.form.relatedType.label": "Content Type",
 	"popup.item.form.relatedType.placeholder": "Select content type...",
+	"popup.item.form.relatedType.empty": "There are no content types to select",
 	"popup.item.form.related.label": "Entity",
 	"popup.item.form.related.empty": "There are no more entities of \"{ contentTypeName }\" to select",
 	"popup.item.form.button.create": "Create item",
@@ -41,9 +43,49 @@
 	"notification.navigation.item.relation": "Entity relation does not exist!",
 	"notification.navigation.item.relation.status.draft": "draft",
 	"notification.navigation.item.relation.status.published": "published",
-	"navigation.item.action.newItem": "New nested item",
-	"navigation.item.badge.removed": "Removed",
-	"navigation.item.badge.draft": "{type}: Draft",
-	"navigation.item.badge.published": "{type}: Published"
-  }
-  
+	"pages.settings.general.title": "General settings",
+	"pages.settings.additional.title": "Additional settings",
+	"pages.settings.nameField.title": "Content types settings",
+	"pages.settings.restoring.title": "Restoring",
+	"pages.settings.section.title": "Navigation Plugin",
+	"pages.settings.section.subtitle": "Configuration",
+	"pages.settings.header.title": "Navigation",
+	"pages.settings.header.description": "Configure the navigation plugin",
+	"pages.settings.actions.restart": "Restart Strapi",
+	"pages.settings.actions.submit": "Save configuration",
+	"pages.settings.actions.restore": "Restore configuration",
+	"pages.settings.actions.restore.confirmation.header": "Do you want to continue?",
+	"pages.settings.actions.restore.confirmation.confirm": "Restore",
+	"pages.settings.actions.restore.confirmation.description": "Plugin config will be restored from plugins.js file.",
+	"pages.settings.actions.restore.description": "Restoring the plugin configuration will cause it to be replaced with configuration saved inside 'plugins.js' file.",
+	"pages.settings.actions.restart.alert.title": "Strapi requires restart",
+	"pages.settings.actions.restart.alert.description": "You've made a configuration changes which requires your Strapi application to be restarted to take an effect in GraphQL schema. Do it manually or by using below trigger.",
+	"pages.settings.actions.restart.alert.close": "Discard",
+	"pages.settings.actions.restart.alert.cancel": "Cancel",
+	"pages.settings.notification.fetch.error": "Failed to fetch configuration. Retrying...",
+	"pages.settings.notification.submit.success": "Config has been updated successfully",
+	"pages.settings.notification.restore.success": "Config has been restored successfully",
+	"pages.settings.notification.restart.success": "Application has been restarted successfully",
+	"pages.settings.notification.submit.error": "Config update has failed",
+	"pages.settings.notification.restore.error": "Config restore has failed",
+	"pages.settings.notification.restart.error": "Failed to restart your application. Try to do it manually.",
+	"pages.settings.form.contentTypes.label": "Enable for Collection(s)",
+	"pages.settings.form.contentTypes.placeholder": "eg. Pages, Posts",
+	"pages.settings.form.contentTypes.hint": "Content types that can be related with navigation items. This configuration is applicable both for REST & GraphQL",
+	"pages.settings.form.allowedLevels.label": "Allowed levels",
+	"pages.settings.form.allowedLevels.placeholder": "eg. 2",
+	"pages.settings.form.allowedLevels.hint": "Maximum level for which you're able to mark item as \"Menu attached\"",
+	"pages.settings.form.audience.label": "Audience",
+	"pages.settings.form.audience.hint": "Enable audience field",
+	"pages.settings.form.nameField.label": "Name fields",
+	"pages.settings.form.nameField.placeholder": "Select at least one or leave empty to apply defaults",
+	"pages.settings.form.nameField.hint": "If left empty name field is going to take following ordered fields: \"title\", \"subject\" and \"name\"",
+	"components.navigationItem.action.newItem": "Add nested item",
+	"components.navigationItem.badge.removed": "Removed",
+	"components.navigationItem.badge.draft": "{type}: Draft",
+	"components.navigationItem.badge.published": "{type}: Published",
+	"components.confirmation.dialog.button.cancel": "Cancel",
+	"components.confirmation.dialog.button.confirm": "Confirm",
+	"components.confirmation.dialog.description": "Do you want to continue?",
+	"components.confirmation.dialog.header": "Confirmation"
+}

package/admin/src/translations/fr.json

@@ -38,8 +38,8 @@
   "notification.navigation.item.relation": "L'entitée n'a pas de relations!",
   "notification.navigation.item.relation.status.draft": "brouillon",
   "notification.navigation.item.relation.status.published": "publié",
-  "navigation.item.action.newItem": "Nouvel élément imbriqué",
-	"navigation.item.badge.removed": "Supprimé",
-	"navigation.item.badge.draft": "Brouillon",
-	"navigation.item.badge.published": "Publié"
+  "components.navigationItem.action.newItem": "Nouvel élément imbriqué",
+	"components.navigationItem.badge.removed": "Supprimé",
+	"components.navigationItem.badge.draft": "Brouillon",
+	"components.navigationItem.badge.published": "Publié"
 }

package/admin/src/utils/api.js

@@ -0,0 +1,51 @@
+import { request } from '@strapi/helper-plugin';
+import pluginId from '../pluginId';
+
+export const fetchNavigationConfig = async () => {
+  try {
+    const data = await request(`/${pluginId}/settings/config`, { method: 'GET' });
+    return data;
+  } catch (err) {
+    toggleNotification({
+      type: 'warning',
+      message: { id: 'notification.error' },
+    });
+
+    return { err };
+  }
+}
+
+export const updateNavigationConfig = async ({ body }) =>
+  request(`/${pluginId}/config`, { method: 'PUT', body }, true);
+
+export const restoreNavigationConfig = async () =>
+  request(`/${pluginId}/config`, { method: 'DELETE' }, true);
+
+export const fetchAllContentTypes = async () => {
+  try {
+    const { data } = await request('/content-manager/content-types');
+    return { ...data }
+  } catch (err) {
+    toggleNotification({
+      type: 'warning',
+      message: { id: 'notification.error' },
+    });
+
+    return { err };
+  }
+}
+
+export const restartStrapi = async (toggleNotification) => {
+  try {
+    const { data } = await request(`/${pluginId}/settings/restart`);
+
+    return data;
+  } catch (err) {
+    toggleNotification({
+      type: 'warning',
+      message: { id: 'notification.error' },
+    });
+
+    return { err };
+  }
+};

package/admin/src/utils/index.js

@@ -0,0 +1,20 @@
+import { useIntl } from 'react-intl';
+import { isString } from 'lodash';
+
+import pluginId from '../pluginId';
+
+const getMessage = (input, defaultMessage = '', inPluginScope = true) => {
+    const { formatMessage } = useIntl();
+    let formattedId = ''
+    if (isString(input)) {
+        formattedId = input;
+    } else {
+        formattedId = input?.id;
+    }
+    return formatMessage({
+        id: `${inPluginScope ? pluginId : 'app.components'}.${formattedId}`,
+        defaultMessage,
+    }, input?.props || undefined)
+};
+
+export { getMessage };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "strapi-plugin-navigation",
-  "version": "2.0.0-rc.1",
+  "version": "2.0.3",
   "description": "Strapi - Navigation plugin",
   "strapi": {
     "name": "navigation",
-    "icon": "hamburger",
-    "description": "UI navigation management",
+    "displayName": "Navigation",
+    "description": "Create consumable navigation with a simple and straightforward visual builder",
     "kind": "plugin"
   },
   "repository": {
@@ -13,10 +13,11 @@
     "url": "https://github.com/VirtusLab/strapi-plugin-navigation"
   },
   "scripts": {
+    "publish:latest": "npm publish --tag latest",
     "test:unit": "jest --verbose --coverage"
   },
   "dependencies": {
-    "@strapi/utils": "^4.0.5",
+    "@strapi/utils": "^4.1.0",
     "uuid": "^8.3.0",
     "bad-words": "^3.0.3",
     "lodash": "^4.17.11",
@@ -43,8 +44,8 @@
     "@strapi/strapi": "4.x"
   },
   "author": {
-    "name": "VirtusLab // Mateusz Ziarko",
-    "email": "mziarko@virtuslab.com",
+    "name": "VirtusLab",
+    "email": "strapi@virtuslab.com",
     "url": "https://virtuslab.com"
   },
   "maintainers": [

package/server/bootstrap.js

@@ -23,7 +23,9 @@ module.exports = async ({ strapi }) => {
       pluginName: "navigation",
     },
   ];
+  await strapi.admin.services.permission.actionProvider.registerMany(actions);
 
+  // Initialize first navigation
   const navigations = await strapi
     .query("plugin::navigation.navigation")
     .findMany();
@@ -38,5 +40,32 @@ module.exports = async ({ strapi }) => {
         }
       });
   }
-  await strapi.admin.services.permission.actionProvider.registerMany(actions);
+  
+  // Initialize configuration
+  const pluginStore = strapi.store({
+    environment: '',
+    type: 'plugin',
+    name: 'navigation',
+  });
+
+  const config = await pluginStore.get({ key: 'config' });
+  const pluginDefaultConfig = await strapi.plugin('navigation').config
+  const defaultConfigValue = {
+    additionalFields: pluginDefaultConfig('additionalFields'),
+    contentTypes: pluginDefaultConfig('contentTypes'),
+    contentTypesNameFields: pluginDefaultConfig('contentTypesNameFields'),
+    allowedLevels: pluginDefaultConfig('allowedLevels'),
+    gql: pluginDefaultConfig('gql'),
+  }
+  
+  if (!config) {
+    pluginStore.set({
+      key: 'config', value: defaultConfigValue
+    });
+  }
+
+  if (strapi.plugin('graphql')) {
+    const graphqlConfiguration = require('./graphql')
+    await graphqlConfiguration({ strapi, config: config || defaultConfigValue });
+  }
 };

package/server/content-types/navigation/schema.json

@@ -0,0 +1,45 @@
+{
+  "collectionName": "navigations",
+  "info": {
+    "singularName": "navigation",
+    "pluralName": "navigations",
+    "displayName": "Navigation",
+    "name": "navigation"
+  },
+  "options": {
+    "increments": true,
+    "comment": ""
+  },
+  "pluginOptions": {
+    "content-manager": {
+      "visible": true
+    },
+    "content-type-builder": {
+      "visible": false
+    }
+  },
+  "attributes": {
+    "name": {
+      "type": "text",
+      "configurable": false,
+      "required": true
+    },
+    "slug": {
+      "type": "uid",
+      "target": "name",
+      "configurable": false,
+      "required": true
+    },
+    "visible": {
+      "type": "boolean",
+      "default": false,
+      "configurable": false
+    },
+    "items": {
+      "type": "relation",
+      "relation": "oneToMany",
+      "target": "plugin::navigation.navigation-item",
+      "configurable": false
+    }
+  }
+}

package/server/content-types/navigation-item/schema.json

@@ -4,7 +4,7 @@
     "singularName": "navigation-item",
     "pluralName": "navigation-items",
     "displayName": "Navigation Item",
-    "tableName": "navigation-item"
+    "name": "navigation-item"
   },
   "options": {
     "increments": true,

package/server/controllers/navigation.js

@@ -19,10 +19,34 @@ const errorHandler = (ctx) => (error) => {
   throw error;
 };
 
-module.exports = {
+module.exports = ({strapi}) => ({
   async config() {
     return getService().config();
   },
+
+  async updateConfig(ctx) {
+    await getService().updateConfig(ctx.request.body)
+    return ctx.send({ status: 200 });
+  },
+
+  async restoreConfig(ctx) {
+    await getService().restoreConfig()
+    return ctx.send({ status: 200 })
+  },
+
+  async settingsConfig() {
+    return getService().config(true);
+  },
+
+  async settingsRestart(ctx) {
+    try {
+      await getService().restart();
+      return ctx.send({ status: 200 });
+    } catch (e) {
+      errorHandler(ctx, e);
+    }
+  },
+
   async get() {
     return getService().get();
   },
@@ -50,13 +74,14 @@ module.exports = {
   },
   async render(ctx) {
     const { params, query = {} } = ctx;
-    const { type, menu: menuOnly } = query;
+    const { type, menu: menuOnly, path: rootPath } = query;
     const { idOrSlug } = parseParams(params);
-    return getService().render(
+    return getService().render({
       idOrSlug,
       type,
       menuOnly,
-    );
+      rootPath
+    });
   },
   async renderChild(ctx) {
     const { params, query = {} } = ctx;
@@ -69,4 +94,4 @@ module.exports = {
       menuOnly
     );
   },
-};
+});

package/server/graphql/index.js

@@ -2,16 +2,15 @@ const getTypes = require('./types');
 const getQueries = require('./queries');
 const getResolversConfig = require('./resolvers-config');
 
-module.exports = () => {
+module.exports = async ({ strapi, config }) => {
 	const extensionService = strapi.plugin('graphql').service('extension');
-
 	extensionService.shadowCRUD('plugin::navigation.audience').disable();
 	extensionService.shadowCRUD('plugin::navigation.navigation').disable();
 	extensionService.shadowCRUD('plugin::navigation.navigation-item').disable();
 	extensionService.shadowCRUD('plugin::navigation.navigations-items-related').disable();
 
-	extensionService.use(({ nexus }) => {
-		const types = getTypes({ strapi, nexus });
+	extensionService.use(({strapi, nexus}) => {
+		const types = getTypes({ strapi, nexus, config });
 		const queries = getQueries({ strapi, nexus });
 		const resolversConfig = getResolversConfig({ strapi });
 

package/server/graphql/queries/render-navigation.js

@@ -5,11 +5,12 @@ module.exports = ({ strapi, nexus }) => {
 		args: {
 			navigationIdOrSlug: nonNull(stringArg()),
 			type: 'NavigationRenderType',
-			menuOnly: booleanArg()
+			menuOnly: booleanArg(),
+			path: stringArg(),
 		},
 		resolve(obj, args) {
-			const { navigationIdOrSlug, type, menuOnly } = args;
-			return strapi.plugin('navigation').service('navigation').render(navigationIdOrSlug, type, menuOnly);
+			const { navigationIdOrSlug: idOrSlug, type, menuOnly, path: rootPath } = args;
+			return strapi.plugin('navigation').service('navigation').render({idOrSlug, type, menuOnly, rootPath});
 		},
 	};
 }

package/server/graphql/types/content-types-name-fields.js

@@ -1,8 +1,10 @@
 module.exports = ({ nexus }) => nexus.objectType({
   name: "ContentTypesNameFields",
-  definition(t) {
+  async definition(t) {
 		t.nonNull.list.nonNull.string("default")
-		const contentTypesNameFields = strapi.plugin('navigation').config('contentTypesNameFields')
+		const pluginStore = strapi.store({ type: 'plugin', name: 'navigation' });
+		const config = await pluginStore.get({ key: 'config' });
+		const contentTypesNameFields = config.contentTypesNameFields;
 		Object.keys(contentTypesNameFields || {}).forEach(key => t.nonNull.list.string(key))
   }
 })

package/server/graphql/types/navigation-related.js

@@ -1,5 +1,5 @@
-module.exports = ({ strapi, nexus }) => {
-	const related = strapi.plugin('navigation').config('gql')?.navigationItemRelated;
+module.exports = ({ strapi, nexus, config }) => {
+	const related = config.gql?.navigationItemRelated;
 	const name = "NavigationRelated";
 
 	if (related?.length) {