strapi-plugin-comments 2.0.0 → 2.0.4

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

@@ -0,0 +1,376 @@
+import React, { useRef, useMemo, useState } from 'react';
+import { useQuery } from 'react-query';
+import { Formik } from 'formik';
+import { capitalize, first, orderBy, isEmpty, isEqual } from 'lodash';
+import {
+	CheckPermissions,
+	LoadingIndicatorPage,
+	Form,
+	useTracking,
+	useNotification,
+	useRBAC,
+	useFocusWhenNavigate,
+	useOverlayBlocker,
+} from '@strapi/helper-plugin';
+import { Main } from '@strapi/design-system/Main';
+import { ContentLayout, HeaderLayout } from '@strapi/design-system/Layout';
+import { Button } from '@strapi/design-system/Button';
+import { Box } from '@strapi/design-system/Box';
+import { Stack } from '@strapi/design-system/Stack';
+import { Typography } from '@strapi/design-system/Typography';
+import { Grid, GridItem } from '@strapi/design-system/Grid';
+import { ToggleInput } from '@strapi/design-system/ToggleInput';
+import { Select, Option } from '@strapi/design-system/Select';
+import { useNotifyAT } from '@strapi/design-system/LiveRegions';
+import {
+  Card,
+  CardBody,
+  CardContent,
+} from '@strapi/design-system/Card';
+import { Check, Refresh, Play } from '@strapi/icons';
+
+import pluginPermissions from '../../permissions';
+import useConfig from '../../hooks/useConfig';
+import { fetchAllContentTypes, fetchRoles } from './utils/api';
+import { getMessage, parseRegExp } from '../../utils';
+import ConfirmationDialog from '../../components/ConfirmationDialog';
+import { RestartAlert } from './components/RestartAlert/styles';
+
+
+const Settings = () => {
+	useFocusWhenNavigate();
+
+	const { notifyStatus } = useNotifyAT();
+	const { trackUsage } = useTracking();
+	const trackUsageRef = useRef(trackUsage);
+	const toggleNotification = useNotification();
+    const { lockApp, unlockApp } = useOverlayBlocker();
+  
+	const viewPermissions = useMemo(() => ({ 
+	  access: pluginPermissions.settings.read,
+	  change: pluginPermissions.settings.change,
+	}), []);
+  
+	const {
+	  isLoading: isLoadingForPermissions,
+	  allowedActions: { canAccess, canChange },
+	} = useRBAC(viewPermissions);
+
+	const [restoreConfigmationVisible, setRestoreConfigmationVisible] = useState(false);
+	const [restartRequired, setRestartRequired] = useState(false);
+
+	const { fetch, restartMutation, submitMutation, restoreMutation } = useConfig(toggleNotification);
+	const { data: configData, isLoading: isConfigLoading, err: configErr } = fetch;
+
+	const { data: allCollectionsData, isLoading: areCollectionsLoading, err: collectionsErr } = useQuery(
+		['get-all-content-types', canAccess],
+		() => fetchAllContentTypes(toggleNotification)
+	  );
+
+	const { data: allRolesData, isLoading: areRolesLoading, err: rolesErr } = useQuery(
+		['get-all-roles', canAccess],
+		() => fetchRoles(toggleNotification)
+	);
+
+	const isLoading = isLoadingForPermissions || isConfigLoading || areCollectionsLoading || areRolesLoading;
+	const isError = configErr || collectionsErr || rolesErr;
+
+	const preparePayload = ({ enabledCollections, gqlAuthEnabled, approvalFlow, entryLabel, ...rest }) => ({
+		...rest,
+		enabledCollections,
+		approvalFlow: approvalFlow.filter(_ => enabledCollections.includes(_)),
+		entryLabel: {
+			...Object.keys(entryLabel).reduce((prev, curr) => ({
+				...prev,
+				[curr]: enabledCollections.includes(curr) ? entryLabel[curr] : undefined,
+			}), {}),
+			'*': entryLabel['*'],
+		},
+		reportReasons: configData?.reportReasons,
+		gql: gqlAuthEnabled ? { auth: true } : undefined,
+	});
+
+	if (isLoading || isError) {
+		return (<LoadingIndicatorPage>
+				{ getMessage('page.settings.loading')}
+			</LoadingIndicatorPage>);
+	}
+
+	const regexUID = !isLoading ? new RegExp(
+		parseRegExp(fetch.data.regex?.uid).value,
+		parseRegExp(fetch.data.regex?.uid).flags
+	) : null;
+
+	const allRoles = allRolesData?.data || [];
+	const allCollections = !isLoading && allCollectionsData
+		.filter(({ uid }) => first(uid.split(regexUID).filter(s => s && s.length > 0)) === 'api');
+	const enabledCollections = configData?.enabledCollections
+		?.map(uid => allCollections.find(_ => _.uid === uid) ? uid : undefined)
+		.filter(_ => _) || [];
+	const entryLabel = configData?.entryLabel || {};
+	const approvalFlow = configData?.approvalFlow || [];
+	const badWords = configData?.badWords || undefined;
+	const isGQLPluginEnabled = configData?.isGQLPluginEnabled;
+	const gqlAuthEnabled = configData?.gql?.auth || undefined;
+	const moderatorRoles = configData?.moderatorRoles
+		?.filter(code => allRoles.find(_ => _.code === code)) || [];
+
+	const changeApprovalFlowFor = (uid, current, value) => {
+		const currentSet = new Set(current);
+		if (value) {
+			currentSet.add(uid);
+		} else {
+			currentSet.delete(uid);
+		}
+		return Array.from(currentSet);
+	};
+
+	const changeEntryLabelFor = (uid, current, value) => ({
+		...current,
+		[uid]: value && !isEmpty(value) ? [...value] : undefined,
+	});
+
+	const handleUpdateConfiguration = async (form) => {
+		if (canChange) {
+			lockApp();
+			const payload = preparePayload(form);
+			await submitMutation.mutateAsync(payload);
+			const enabledCollectionsChanged = !isEqual(payload.enabledCollections, configData?.enabledCollections);
+			const gqlAuthChanged = !isEqual(payload.gql?.auth, configData?.gql?.auth);
+			if (enabledCollectionsChanged || gqlAuthChanged) {
+				setRestartRequired(true);
+			}
+			unlockApp();
+		}
+	};
+
+	const handleRestoreConfirmation = () => setRestoreConfigmationVisible(true);
+	const handleRestoreConfiguration = async () => {
+		if (canChange) {
+			lockApp();
+			await restoreMutation.mutateAsync();
+			unlockApp();
+			setRestartRequired(true);
+			setRestoreConfigmationVisible(false);
+		}
+	};
+	const handleRestoreCancel = () => setRestoreConfigmationVisible(false);
+
+	const handleRestart = async () => {
+		if (canChange) {
+			lockApp();
+			await restartMutation.mutateAsync();
+			setRestartRequired(false);
+			unlockApp();
+		}
+	};
+	const handleRestartDiscard = () => setRestartRequired(false);
+
+	const boxDefaultProps = {
+		background: "neutral0",
+		hasRadius: true,
+		shadow: "filterShadow",
+		padding: 6,
+	};
+
+	return (
+		<Main>
+			<Formik
+				initialValues={{
+					enabledCollections,
+					moderatorRoles,
+					badWords,
+					approvalFlow,
+					entryLabel,
+					gqlAuthEnabled,
+				}}
+				enableReinitialize={true}
+				onSubmit={handleUpdateConfiguration}
+			>
+				{({ handleSubmit, setFieldValue, values }) => (
+					<Form noValidate onSubmit={handleSubmit}>
+						<HeaderLayout
+							title={getMessage('page.settings.header.title')}
+							subtitle={getMessage('page.settings.header.description')}
+							primaryAction={
+								<CheckPermissions permissions={pluginPermissions.settingsChange}>
+									<Button type="submit" startIcon={<Check />} disabled={restartRequired} >
+										{getMessage('page.settings.actions.submit')}
+									</Button>
+								</CheckPermissions>
+							}
+						/>
+						<ContentLayout>
+							<Stack size={6}>
+								{ restartRequired && (
+									<RestartAlert 
+										closeLabel={getMessage('page.settings.actions.restart.alert.cancel')} 
+										title={getMessage('page.settings.actions.restart.alert.title')}
+										action={<Box><Button onClick={handleRestart} startIcon={<Play />}>{getMessage('page.settings.actions.restart')}</Button></Box>}
+										onClose={handleRestartDiscard}>
+										{ getMessage('page.settings.actions.restart.alert.description')}
+									</RestartAlert>)}
+
+								<Box {...boxDefaultProps}>
+									<Stack size={4}>
+										<Typography variant="delta" as="h2">
+											{getMessage('page.settings.section.general')}
+										</Typography>
+										<Grid gap={4}>
+											<GridItem col={12}>
+												<Select
+													name="enabledCollections"
+													label={getMessage('page.settings.form.enabledCollections.label')}
+													placeholder={getMessage('page.settings.form.enabledCollections.placeholder')}
+													hint={getMessage('page.settings.form.enabledCollections.hint')}
+													onClear={() => setFieldValue('enabledCollections', [], false)}
+													value={values.enabledCollections}
+													onChange={(value) => setFieldValue('enabledCollections', value, false)}
+													disabled={restartRequired}
+													multi
+													withTags
+												>
+													{ allCollections.map(({ uid, schema: { displayName } }) => 
+														(<Option key={uid} value={uid}>{displayName}</Option>))}
+												</Select>
+											</GridItem>
+											<GridItem col={6} xs={12}>
+												<Select
+													name="moderatorRoles"
+													label={getMessage('page.settings.form.moderatorRoles.label')}
+													placeholder={getMessage('page.settings.form.moderatorRoles.placeholder')}
+													hint={getMessage('page.settings.form.moderatorRoles.hint')}
+													onClear={() => setFieldValue('moderatorRoles', [], false)}
+													value={values.moderatorRoles}
+													onChange={(value) => setFieldValue('moderatorRoles', value, false)}
+													disabled={restartRequired}
+													multi
+													withTags
+												>
+													{ allRoles.map(({ code, name }) => 
+														(<Option key={code} value={code}>{name}</Option>))}
+												</Select>
+											</GridItem>
+											<GridItem col={6} xs={12}>
+												<ToggleInput
+													name="badWords"
+													label={getMessage('page.settings.form.badWords.label')}
+													hint={getMessage('page.settings.form.badWords.hint')}
+													checked={values.badWords}
+													onChange={({ target: { checked } }) => setFieldValue('badWords', checked, false)}
+													onLabel={getMessage('compontents.toogle.enabled')}
+													offLabel={getMessage('compontents.toogle.disabled')}
+													disabled={restartRequired}
+												/>
+											</GridItem>
+											{ isGQLPluginEnabled && (<GridItem col={6} xs={12}>
+												<ToggleInput
+													name="badWords"
+													label={getMessage('page.settings.form.gqlAuth.label')}
+													hint={getMessage('page.settings.form.gqlAuth.hint')}
+													checked={values.gqlAuthEnabled}
+													onChange={({ target: { checked } }) => setFieldValue('gqlAuthEnabled', checked, false)}
+													onLabel={getMessage('compontents.toogle.enabled')}
+													offLabel={getMessage('compontents.toogle.disabled')}
+													disabled={restartRequired}
+												/>
+											</GridItem>) }
+										</Grid>
+									</Stack>
+								</Box>
+								{ !isEmpty(values.enabledCollections) && (<Box {...boxDefaultProps}>
+									<Stack size={4}>
+										<Typography variant="delta" as="h2">
+											{getMessage('page.settings.section.collections')}
+										</Typography>
+										<Grid gap={4}>
+											{ orderBy(values.enabledCollections).map(uid => {
+												const { schema: { displayName, attributes = {} } } = allCollections.find(_ => _.uid === uid);
+												const stringAttributes = Object.keys(attributes).filter(_ => attributes[_].type === 'string');
+												return (<GridItem key={`collectionSettings-${uid}`} col={6} s={12} xs={12}>
+													<Card background="primary100" borderColor="primary200">
+														<CardBody>
+															<CardContent style={{ width: '100%' }}>
+																<Stack size={4}>
+																	<Typography variant="epsilon" fontWeight="semibold" as="h3">{ displayName }</Typography>
+																	<ToggleInput
+																		name={`collectionSettings-${uid}-approvalFlow`}
+																		label={getMessage('page.settings.form.approvalFlow.label')}
+																		hind={getMessage({
+																			id: 'page.settings.form.approvalFlow.hint',
+																			params: { name: displayName },
+																		})}
+																		checked={values.approvalFlow.includes(uid)}
+																		onChange={({ target: { checked } }) => setFieldValue('approvalFlow', changeApprovalFlowFor(uid, values.approvalFlow, checked), [])}
+																		onLabel={getMessage('compontents.toogle.enabled')}
+																		offLabel={getMessage('compontents.toogle.disabled')}
+																		disabled={restartRequired}
+																	/>
+																	{ !isEmpty(stringAttributes) && (<Select
+																		name={`collectionSettings-${uid}-entryLabel`}
+																		label={getMessage('page.settings.form.entryLabel.label')}
+																		placeholder={getMessage('page.settings.form.entryLabel.placeholder')}
+																		hint={getMessage('page.settings.form.entryLabel.hint')}
+																		onClear={() => setFieldValue('entryLabel', changeEntryLabelFor(uid, values.entryLabel))}
+																		value={values.entryLabel[uid] || []}
+																		onChange={(value) => setFieldValue('entryLabel', changeEntryLabelFor(uid, values.entryLabel, value))}
+																		multi
+																		withTags
+																		disabled={restartRequired}
+																	>
+																		{ stringAttributes.map(key => 
+																			(<Option key={`collectionSettings-${uid}-entryLabel-${key}`} value={key}>{ capitalize(key.split('_').join(' ')) }</Option>))}
+																	</Select>) }
+																</Stack>
+															</CardContent>
+														</CardBody>
+													</Card>
+												</GridItem>);
+											})}
+										</Grid>
+									</Stack>
+								</Box>)}
+
+								<CheckPermissions permissions={pluginPermissions.settingsChange}>
+									<Box {...boxDefaultProps}>
+										<Stack size={4}>
+											<Stack size={2}>
+												<Typography variant="delta" textColor="danger700" as="h2">
+													{getMessage('page.settings.section.restore')}
+												</Typography>
+												<Typography variant="pi"as="h4">
+													{getMessage('page.settings.section.restore.subtitle')}
+												</Typography>
+											</Stack>
+											<Grid gap={4}>
+												<GridItem col={6}>
+													<Button variant="danger-light" startIcon={<Refresh />} onClick={handleRestoreConfirmation}>
+														{getMessage('page.settings.actions.restore')}
+													</Button>
+
+													<ConfirmationDialog 
+														isVisible={restoreConfigmationVisible}
+														isActionAsync={restoreMutation.isLoading}
+														header={getMessage('page.settings.actions.restore.confirmation.header')}
+														labelConfirm={getMessage('page.settings.actions.restore.confirmation.button.confirm')}
+														iconConfirm={<Refresh />}
+														onConfirm={handleRestoreConfiguration} 
+														onCancel={handleRestoreCancel}>
+															{ getMessage('page.settings.actions.restore.confirmation.description') }
+													</ConfirmationDialog>
+												</GridItem>
+											</Grid>
+										</Stack>
+									</Box>				
+								</CheckPermissions>
+							</Stack>
+						</ContentLayout>
+					</Form>
+				)}
+			</Formik>
+		</Main>
+	);
+}
+
+
+export default Settings;

package/admin/src/pages/Settings/utils/api.js

@@ -0,0 +1,60 @@
+import { getApiURL, axiosInstance, handleAPIError } from '../../../utils';
+
+// eslint-disable-next-line import/prefer-default-export
+export const fetchConfig = async (toggleNotification) => {
+  try {
+    const { data } = await axiosInstance.get(getApiURL(`settings/config`));
+
+    return data;
+  } catch (err) {
+    handleAPIError(err, toggleNotification, 'page.settings.notification.fetch.error');
+  }
+};
+
+export const updateConfig = async (body, toggleNotification) => {
+  try {
+    const { data } = await axiosInstance.put(getApiURL(`settings/config`), body);
+
+    return data;
+  } catch (err) {
+    handleAPIError(err, toggleNotification);
+  }
+};
+
+export const restoreConfig = async (toggleNotification) => {
+  try {
+    const { data } = await axiosInstance.delete(getApiURL(`settings/config`));
+
+    return data;
+  } catch (err) {
+    handleAPIError(err, toggleNotification);
+  }
+};
+
+export const fetchAllContentTypes = async (toggleNotification) => {
+  try {
+    const { data } = await axiosInstance.get(`/content-type-builder/content-types`);
+    return data?.data;
+  } catch (err) {
+    handleAPIError(err, toggleNotification);
+  }
+};
+
+export const fetchRoles = async (toggleNotification) => {
+  try {
+    const { data } = await axiosInstance.get(`/admin/roles`);
+    return data;
+  } catch (err) {
+    handleAPIError(err, toggleNotification);
+  }
+};
+
+export const restartStrapi = async (toggleNotification) => {
+  try {
+    const { data } = await axiosInstance.get(getApiURL(`settings/restart`));
+
+    return data;
+  } catch (err) {
+    handleAPIError(err, toggleNotification);
+  }
+};

package/admin/src/permissions.js

@@ -6,11 +6,14 @@ const pluginPermissions = {
       { action: permissions.render(permissions.reports.read), subject: null },
       // { action: 'plugin::comments.discover.read', subject: null },
       { action: permissions.render(permissions.settings.read), subject: null },
+      { action: permissions.render(permissions.settings.read), subject: null },
     ],
     // discover: [{ action: 'plugin::comments.discover.read', subject: null }],
     moderate: [{ action: permissions.render(permissions.comments.moderate), subject: null }],
     reports: [{ action: permissions.render(permissions.reports.read), subject: null }],
     reportsReview: [{ action: permissions.render(permissions.reports.action), subject: null }],
+    settings: [{ action: permissions.render(permissions.settings.read), subject: null }],
+    settingsChange: [{ action: permissions.render(permissions.settings.change), subject: null }],
   };
   
   export default pluginPermissions;

package/admin/src/translations/en.json

@@ -1,5 +1,7 @@
 {
     "plugin.name": "Comments",
+    "plugin.section": "Comments plugin",
+    "plugin.section.item": "Configuration",
     "common.button.back": "Go back",
     "nav.header.moderation": "Moderation",
     "nav.header.settings": "Settings",
@@ -79,8 +81,49 @@
     "page.details.filters.label": "View",
     "page.details.filters.removed.visibility": "Show removed comments",
     "page.coming.soon": "Wait for what is coming soon...",
+    "page.settings": "Settings",
+    "page.settings.header.title": "Comments",
+    "page.settings.header.description": "Configure your comments moderation capabilities",
+    "page.settings.actions.submit": "Save",
+    "page.settings.actions.restore": "Restore",
+    "page.settings.actions.restart": "Restart Strapi",
+    "page.settings.section.general": "General configuration",
+    "page.settings.section.collections": "Collection(s) configuration",
+    "page.settings.section.restore": "Restore default configuration",
+    "page.settings.section.restore.subtitle": "Discarding all of applied settings and getting back to plugin default ones. Use reasonable.",
+    "page.settings.form.enabledCollections.label": "Enable Comments for Collection(s)",
+    "page.settings.form.enabledCollections.placeholder": "Select one or more collection",
+    "page.settings.form.enabledCollections.hint": "If none of collection is selected, feature are enabled for any of exsiting",
+    "page.settings.form.moderatorRoles.label": "Send significant notifications to",
+    "page.settings.form.moderatorRoles.placeholder": "Select one or more roles",
+    "page.settings.form.moderatorRoles.hint": "Roles which are going to be notified by the plugin about significant actions to perform",
+    "page.settings.form.badWords.label": "Bad words filtering",
+    "page.settings.form.badWords.hint": "If enabled, every post / update of comment is going to be checked against bad wording",
+    "page.settings.form.gqlAuth.label": "GraphQL queries authorization",
+    "page.settings.form.gqlAuth.hint": "If enabled, GraphQL API queries & mutations can be triggered only by Authenticated Strapi users. Otherwise API remains open.",
+    "page.settings.form.approvalFlow.label": "Enable approval flow",
+    "page.settings.form.approvalFlow.hint": "Comments for \"{name}\" are going to be taken through manual approval flow",
+    "page.settings.form.entryLabel.label": "Title fields",
+    "page.settings.form.entryLabel.placeholder": "Select at least one or leave empty to apply defaults",
+    "page.settings.form.entryLabel.hint": "If left empty title rendering is going to take following ordered fields: \"Title\", \"Subject\" & \"Name\"",
+    "page.settings.actions.restore.confirmation.header": "Restore default configuration",
+    "page.settings.actions.restore.confirmation.description": "You're about to restore plugin configuration to it default values. It might have destructive impact on already collected content. Do you really want to proceed?",
+    "page.settings.actions.restore.confirmation.button.confirm": "Yes, I want to restore",
+    "page.settings.actions.restart.alert.title": "Strapi requires restart",
+    "page.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.",
+    "page.settings.actions.restart.alert.close": "Discard",
+    "page.settings.notification.fetch.error": "Failed to fetch configuration. Retrying...",
+    "page.settings.notification.submit.success": "Configuration has been saved successfully",
+    "page.settings.notification.submit.error": "Failed to save configuration. Try again.",
+    "page.settings.notification.restore.success": "Configuration has been restored successfully",
+    "page.settings.notification.restore.error": "Failed to restore configuration. Try again.",
+    "page.settings.notification.restart.success": "Application has been restarted successfully",
+    "page.settings.notification.restart.error": "Failed to restart your application. Try to do it manually.",
+    "page.settings.loading": "Fetching configuration...",
     "compontents.confirmation.dialog.header": "Confirmation",
     "compontents.confirmation.dialog.description": "Do you really want to perform this action?",
     "compontents.confirmation.dialog.button.confirm": "Yes, I do",
-    "compontents.confirmation.dialog.button.cancel": "Cancel"
+    "compontents.confirmation.dialog.button.cancel": "Cancel",
+    "compontents.toogle.enabled": "Enabled",
+    "compontents.toogle.disabled": "Disabled"
 }

package/admin/src/utils/handleAPIError.js

@@ -1,8 +1,9 @@
+import pluginId from "../pluginId";
 
-const handleAPIError = (err = null, toggleNotification = null) => {
+const handleAPIError = (err = null, toggleNotification = null, message = 'app.components.notification.error') => {
     toggleNotification({
         type: 'warning',
-        message: 'app.components.notification.error',
+        message: `${pluginId}.${message}`,
     });
 
     if (err) {

package/admin/src/utils/index.js

@@ -7,4 +7,5 @@ export { default as getRelatedGroups } from './getRelatedGroups';
 export { default as renderEntryTitle } from './renderEntryTitle';
 export { default as renderInitials } from './renderInitials';
 export { default as resolveCommentStatus } from './resolveCommentStatus';
-export { default as resolveCommentStatusColor } from './resolveCommentStatusColor';
+export { default as resolveCommentStatusColor } from './resolveCommentStatusColor';
+export { default as parseRegExp } from './parseRegExp';

package/admin/src/utils/parseRegExp.js

@@ -0,0 +1,10 @@
+
+const parseRegExp = (regexpString) => {
+    const [value, flags] = regexpString.split('/').filter(_ => _.length > 0);
+    return {
+        value,
+        flags,
+    };
+}
+
+export default parseRegExp;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-comments",
-  "version": "2.0.0",
+  "version": "2.0.4",
   "description": "Strapi - Comments plugin",
   "strapi": {
     "name": "comments",
@@ -9,7 +9,8 @@
     "kind": "plugin"
   },
   "scripts": {
-    "publish": "npm publish --tag latest",
+    "prepare": "husky install",
+    "publish:latest": "npm publish --tag latest",
     "test:unit": "jest --verbose --coverage"
   },
   "repository": {
@@ -26,14 +27,16 @@
     "jest": "^26.0.1",
     "jest-cli": "^26.0.1",
     "jest-styled-components": "^7.0.2",
-    "koa": "2.13.3"
+    "koa": "2.13.3",
+    "husky": "7.0.4",
+    "prettier": "2.5.1"
   },
   "peerDependencies": {
     "@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

@@ -1,8 +1,20 @@
 'use strict';
 
+const { isEmpty } = require('lodash');
 const permissions = require('./../permissions');
+const { getPluginService } = require('./utils/functions');
 
 module.exports = async ({ strapi }) => {
+
+  // Provide GQL support
+  if (strapi.plugin('graphql')) {
+    const config = await getPluginService('common').getConfig();
+    const { enabledCollections } = config;
+    if (!isEmpty(enabledCollections)) {
+      await require('./graphql')({ strapi, config });
+    }
+  }
+
   // Check if the plugin users-permissions is installed because the navigation needs it
   if (Object.keys(strapi.plugins).indexOf("users-permissions") === -1) {
     throw new Error(
@@ -35,6 +47,18 @@ module.exports = async ({ strapi }) => {
       uid: permissions.reports.action,
       pluginName: "comments",
     },
+    {
+      section: "plugins",
+      displayName: "Settings: Read",
+      uid: permissions.settings.read,
+      pluginName: "comments",
+    },
+    {
+      section: "plugins",
+      displayName: "Settings: Change",
+      uid: permissions.settings.change,
+      pluginName: "comments",
+    },
   ];
 
   await strapi.admin.services.permission.actionProvider.registerMany(actions);

package/server/config/index.js

@@ -2,6 +2,7 @@
 
 module.exports = {
   default: {
+    enabledCollections: [],
     moderatorRoles: [],
     approvalFlow: [],
     entryLabel: {