Convert "Pages & Resources" page to a plugin system

package.json

@@ -46,6 +46,14 @@
     "@fortawesome/free-regular-svg-icons": "5.11.2",
     "@fortawesome/free-solid-svg-icons": "5.11.2",
     "@fortawesome/react-fontawesome": "0.2.0",
+    "@openedx-plugins/course-app-calculator": "file:plugins/course-apps/calculator",
+    "@openedx-plugins/course-app-edxnotes": "file:plugins/course-apps/edxnotes",
+    "@openedx-plugins/course-app-live": "file:plugins/course-apps/live",
+    "@openedx-plugins/course-app-ora_settings": "file:plugins/course-apps/ora_settings",
+    "@openedx-plugins/course-app-proctoring": "file:plugins/course-apps/proctoring",
+    "@openedx-plugins/course-app-progress": "file:plugins/course-apps/progress",
+    "@openedx-plugins/course-app-teams": "file:plugins/course-apps/teams",
+    "@openedx-plugins/course-app-wiki": "file:plugins/course-apps/wiki",
     "@reduxjs/toolkit": "1.5.0",
     "classnames": "2.2.6",
     "core-js": "3.8.1",

plugins/course-apps/calculator/Settings.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { useIntl } from '@edx/frontend-platform/i18n';
+
+import AppSettingsModal from 'CourseAuthoring/pages-and-resources/app-settings-modal/AppSettingsModal';
+import messages from './messages';
+
+/**
+ * Settings widget for the "calculator" Course App.
+ * @param {{onClose: () => void}} props 
+ * @returns 
+ */
+const CalculatorSettings = ({ onClose }) => {
+  const intl = useIntl();
+  return (
+    <AppSettingsModal
+      appId="calculator"
+      title={intl.formatMessage(messages.heading)}
+      enableAppHelp={intl.formatMessage(messages.enableCalculatorHelp)}
+      enableAppLabel={intl.formatMessage(messages.enableCalculatorLabel)}
+      learnMoreText={intl.formatMessage(messages.enableCalculatorLink)}
+      onClose={onClose}
+    />
+  );
+};
+
+export default CalculatorSettings;

plugins/course-apps/calculator/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@openedx-plugins/course-app-calculator",
+    "version": "0.1.0",
+    "description": "Calculator configuration for courses using it",
+    "dependencies": {
+    },
+    "devDependencies": {}
+}

plugins/course-apps/edxnotes/Settings.jsx

@@ -0,0 +1,27 @@
+import React from 'react';
+
+import { useIntl } from '@edx/frontend-platform/i18n';
+
+import AppSettingsModal from 'CourseAuthoring/pages-and-resources/app-settings-modal/AppSettingsModal';
+import messages from './messages';
+
+/**
+ * Settings widget for the "edxnotes" Course App.
+ * @param {{onClose: () => void}} props 
+ * @returns 
+ */
+const NotesSettings = ({ onClose }) => {
+  const intl = useIntl();
+  return (
+    <AppSettingsModal
+      appId="edxnotes"
+      title={intl.formatMessage(messages.heading)}
+      enableAppHelp={intl.formatMessage(messages.enableNotesHelp)}
+      enableAppLabel={intl.formatMessage(messages.enableNotesLabel)}
+      learnMoreText={intl.formatMessage(messages.enableNotesLink)}
+      onClose={onClose}
+    />
+    );
+  };
+
+  export default NotesSettings;

plugins/course-apps/edxnotes/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@openedx-plugins/course-app-edxnotes",
+    "version": "0.1.0",
+    "description": "edxnotes configuration for courses using it",
+    "dependencies": {
+    },
+    "devDependencies": {}
+}

src/pages-and-resources/live/BBBSettings.jsx → plugins/course-apps/live/BBBSettings.jsx

@@ -5,9 +5,9 @@ import { Form, Hyperlink } from '@edx/paragon';
 import PropTypes from 'prop-types';
 import messages from './messages';
 import { providerNames, bbbPlanTypes } from './constants';
-import AppConfigFormDivider from '../discussions/app-config-form/apps/shared/AppConfigFormDivider';
+import AppConfigFormDivider from 'CourseAuthoring/pages-and-resources/discussions/app-config-form/apps/shared/AppConfigFormDivider';
 import LiveCommonFields from './LiveCommonFields';
-import { useModel } from '../../generic/model-store';
+import { useModel } from 'CourseAuthoring/generic/model-store';
 
 const BbbSettings = ({
   intl,

src/pages-and-resources/live/BbbSettings.test.jsx → plugins/course-apps/live/BbbSettings.test.jsx

@@ -15,8 +15,8 @@ import { AppProvider, PageRoute } from '@edx/frontend-platform/react';
 import { IntlProvider } from '@edx/frontend-platform/i18n';
 
 import userEvent from '@testing-library/user-event';
-import initializeStore from '../../store';
-import { executeThunk } from '../../utils';
+import initializeStore from 'CourseAuthoring/store';
+import { executeThunk } from 'CourseAuthoring/utils';
 import LiveSettings from './Settings';
 import {
   generateLiveConfigurationApiResponse,

src/pages-and-resources/live/LiveCommonFields.jsx → plugins/course-apps/live/LiveCommonFields.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 import PropTypes from 'prop-types';
 import messages from './messages';
-import FormikControl from '../../generic/FormikControl';
+import FormikControl from 'CourseAuthoring/generic/FormikControl';
 
 const LiveCommonFields = ({
   intl,

src/pages-and-resources/live/Settings.jsx → plugins/course-apps/live/Settings.jsx

@@ -7,11 +7,11 @@ import PropTypes from 'prop-types';
 import * as Yup from 'yup';
 import { fetchLiveData, saveLiveConfiguration, saveLiveConfigurationAsDraft } from './data/thunks';
 import { selectApp } from './data/slice';
-import AppSettingsModal from '../app-settings-modal/AppSettingsModal';
-import { useModel } from '../../generic/model-store';
-import Loading from '../../generic/Loading';
+import AppSettingsModal from 'CourseAuthoring/pages-and-resources/app-settings-modal/AppSettingsModal';
+import { useModel } from 'CourseAuthoring/generic/model-store';
+import Loading from 'CourseAuthoring/generic/Loading';
 import { iconsSrc, bbbPlanTypes } from './constants';
-import { RequestStatus } from '../../data/constants';
+import { RequestStatus } from 'CourseAuthoring/data/constants';
 import messages from './messages';
 import ZoomSettings from './ZoomSettings';
 import BBBSettings from './BBBSettings';

src/pages-and-resources/live/Settings.test.jsx → plugins/course-apps/live/Settings.test.jsx

@@ -18,8 +18,8 @@ import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { AppProvider, PageRoute } from '@edx/frontend-platform/react';
 import { IntlProvider } from '@edx/frontend-platform/i18n';
 
-import initializeStore from '../../store';
-import { executeThunk } from '../../utils';
+import initializeStore from 'CourseAuthoring/store';
+import { executeThunk } from 'CourseAuthoring/utils';
 import LiveSettings from './Settings';
 import {
   generateLiveConfigurationApiResponse,

src/pages-and-resources/live/ZoomSettings.jsx → plugins/course-apps/live/ZoomSettings.jsx

@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import messages from './messages';
 import { providerNames } from './constants';
 import LiveCommonFields from './LiveCommonFields';
-import FormikControl from '../../generic/FormikControl';
+import FormikControl from 'CourseAuthoring/generic/FormikControl';
 
 const ZoomSettings = ({
   intl,

src/pages-and-resources/live/ZoomSettings.test.jsx → plugins/course-apps/live/ZoomSettings.test.jsx

@@ -13,8 +13,8 @@ import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { AppProvider, PageRoute } from '@edx/frontend-platform/react';
 import { IntlProvider } from '@edx/frontend-platform/i18n';
 
-import initializeStore from '../../store';
-import { executeThunk } from '../../utils';
+import initializeStore from 'CourseAuthoring/store';
+import { executeThunk } from 'CourseAuthoring/utils';
 import LiveSettings from './Settings';
 import {
   generateLiveConfigurationApiResponse,

src/pages-and-resources/live/data/slice.js → plugins/course-apps/live/data/slice.js

@@ -1,6 +1,6 @@
 /* eslint-disable no-param-reassign */
 import { createSlice } from '@reduxjs/toolkit';
-import { RequestStatus } from '../../../data/constants';
+import { RequestStatus } from 'CourseAuthoring/data/constants';
 
 const slice = createSlice({
   name: 'live',

src/pages-and-resources/live/data/thunks.js → plugins/course-apps/live/data/thunks.js

@@ -1,5 +1,5 @@
 import { history } from '@edx/frontend-platform';
-import { addModel, addModels, updateModel } from '../../../generic/model-store';
+import { addModel, addModels, updateModel } from 'CourseAuthoring/generic/model-store';
 import {
   getLiveConfiguration,
   getLiveProviders,
@@ -8,7 +8,7 @@ import {
   deNormalizeSettings,
 } from './api';
 import { loadApps, updateStatus, updateSaveStatus } from './slice';
-import { RequestStatus } from '../../../data/constants';
+import { RequestStatus } from 'CourseAuthoring/data/constants';
 
 function updateLiveSettingsState({
   appConfig,

plugins/course-apps/live/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@openedx-plugins/course-app-live",
+    "version": "0.1.0",
+    "description": "Live course configuration for courses using it",
+    "dependencies": {
+    },
+    "devDependencies": {}
+}

src/pages-and-resources/ora_settings/Settings.jsx → plugins/course-apps/ora_settings/Settings.jsx

@@ -5,11 +5,11 @@ import * as Yup from 'yup';
 import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
 
 import { Hyperlink } from '@edx/paragon';
-import { useModel } from '../../generic/model-store';
+import { useModel } from 'CourseAuthoring/generic/model-store';
 
-import FormSwitchGroup from '../../generic/FormSwitchGroup';
-import { useAppSetting } from '../../utils';
-import AppSettingsModal from '../app-settings-modal/AppSettingsModal';
+import FormSwitchGroup from 'CourseAuthoring/generic/FormSwitchGroup';
+import { useAppSetting } from 'CourseAuthoring/utils';
+import AppSettingsModal from 'CourseAuthoring/pages-and-resources/app-settings-modal/AppSettingsModal';
 import messages from './messages';
 
 const ORASettings = ({ intl, onClose }) => {

src/pages-and-resources/ora_settings/Settings.test.jsx → plugins/course-apps/ora_settings/Settings.test.jsx

@@ -9,14 +9,14 @@ jest.mock('@edx/frontend-platform/i18n', () => ({
 jest.mock('yup', () => ({
   boolean: jest.fn().mockReturnValue('Yub.boolean'),
 }));
-jest.mock('../../generic/model-store', () => ({
+jest.mock('CourseAuthoring/generic/model-store', () => ({
   useModel: jest.fn().mockReturnValue({ documentationLinks: { learnMoreConfiguration: 'https://learnmore.test' } }),
 }));
-jest.mock('../../generic/FormSwitchGroup', () => 'FormSwitchGroup');
-jest.mock('../../utils', () => ({
+jest.mock('CourseAuthoring/generic/FormSwitchGroup', () => 'FormSwitchGroup');
+jest.mock('CourseAuthoring/utils', () => ({
   useAppSetting: jest.fn().mockReturnValue(['abitrary value', jest.fn().mockName('saveSetting')]),
 }));
-jest.mock('../app-settings-modal/AppSettingsModal', () => 'AppSettingsModal');
+jest.mock('CourseAuthoring/pages-and-resources/app-settings-modal/AppSettingsModal', () => 'AppSettingsModal');
 
 const props = {
   onClose: jest.fn().mockName('onClose'),

plugins/course-apps/ora_settings/package.json

@@ -0,0 +1,9 @@
+{
+    "name": "@openedx-plugins/course-app-ora_settings",
+    "version": "0.1.0",
+    "description": "Open Response Assessment configuration for courses using it",
+    "dependencies": {
+    },
+    "devDependencies": {}
+}
+

src/pages-and-resources/proctoring/Settings.jsx → plugins/course-apps/proctoring/Settings.jsx

@@ -13,15 +13,15 @@ import {
   ActionRow, Alert, Badge, Form, Hyperlink, ModalDialog, StatefulButton,
 } from '@edx/paragon';
 
-import ExamsApiService from '../../data/services/ExamsApiService';
-import StudioApiService from '../../data/services/StudioApiService';
-import Loading from '../../generic/Loading';
-import ConnectionErrorAlert from '../../generic/ConnectionErrorAlert';
-import FormSwitchGroup from '../../generic/FormSwitchGroup';
-import { useModel } from '../../generic/model-store';
-import PermissionDeniedAlert from '../../generic/PermissionDeniedAlert';
-import { useIsMobile } from '../../utils';
-import { PagesAndResourcesContext } from '../PagesAndResourcesProvider';
+import ExamsApiService from 'CourseAuthoring/data/services/ExamsApiService';
+import StudioApiService from 'CourseAuthoring/data/services/StudioApiService';
+import Loading from 'CourseAuthoring/generic/Loading';
+import ConnectionErrorAlert from 'CourseAuthoring/generic/ConnectionErrorAlert';
+import FormSwitchGroup from 'CourseAuthoring/generic/FormSwitchGroup';
+import { useModel } from 'CourseAuthoring/generic/model-store';
+import PermissionDeniedAlert from 'CourseAuthoring/generic/PermissionDeniedAlert';
+import { useIsMobile } from 'CourseAuthoring/utils';
+import { PagesAndResourcesContext } from 'CourseAuthoring/pages-and-resources/PagesAndResourcesProvider';
 import messages from './messages';
 
 const ProctoringSettings = ({ intl, onClose }) => {

src/pages-and-resources/proctoring/Settings.test.jsx → plugins/course-apps/proctoring/Settings.test.jsx

@@ -9,10 +9,10 @@ import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
 import { AppProvider } from '@edx/frontend-platform/react';
 
-import StudioApiService from '../../data/services/StudioApiService';
-import ExamsApiService from '../../data/services/ExamsApiService';
-import initializeStore from '../../store';
-import PagesAndResourcesProvider from '../PagesAndResourcesProvider';
+import StudioApiService from 'CourseAuthoring/data/services/StudioApiService';
+import ExamsApiService from 'CourseAuthoring/data/services/ExamsApiService';
+import initializeStore from 'CourseAuthoring/store';
+import PagesAndResourcesProvider from 'CourseAuthoring/pages-and-resources/PagesAndResourcesProvider';
 import ProctoredExamSettings from './Settings';
 
 const defaultProps = {

plugins/course-apps/proctoring/package.json

@@ -0,0 +1,8 @@
+{
+    "name": "@openedx-plugins/course-app-proctoring",
+    "version": "0.1.0",
+    "description": "Proctoring configuration for courses using it",
+    "dependencies": {
+    },
+    "devDependencies": {}
+}