Let Studio Home REST API determine if libraries v1 and/or v2 are enabled [FC-0062]

.env

@@ -44,5 +44,4 @@ INVITE_STUDENTS_EMAIL_TO=''
 ENABLE_HOME_PAGE_COURSE_API_V2=true
 ENABLE_CHECKLIST_QUALITY=''
 ENABLE_GRADING_METHOD_IN_PROBLEMS=false
-LIBRARY_MODE="v1 only"
 LIBRARY_SUPPORTED_BLOCKS="problem,video,html"

.env.development

@@ -47,5 +47,4 @@ INVITE_STUDENTS_EMAIL_TO="[email protected]"
 ENABLE_HOME_PAGE_COURSE_API_V2=true
 ENABLE_CHECKLIST_QUALITY=true
 ENABLE_GRADING_METHOD_IN_PROBLEMS=false
-LIBRARY_MODE="mixed"
 LIBRARY_SUPPORTED_BLOCKS="problem,video,html"

.env.test

@@ -39,5 +39,4 @@ INVITE_STUDENTS_EMAIL_TO="[email protected]"
 ENABLE_HOME_PAGE_COURSE_API_V2=true
 ENABLE_CHECKLIST_QUALITY=true
 ENABLE_GRADING_METHOD_IN_PROBLEMS=false
-LIBRARY_MODE="mixed"
 LIBRARY_SUPPORTED_BLOCKS="problem,video,html"

README.rst

@@ -299,11 +299,13 @@ Configuration
 
 In additional to the standard settings, the following local configurations can be set to switch between different library modes:
 
-* ``LIBRARY_MODE``: can be set to ``mixed`` (default for development), ``v1 only`` (default for production) and ``v2 only``.
+* ``MEILISEARCH_ENABLED``: Studio setting which is enabled when the `meilisearch plugin`_ is installed.
+* ``edx-platform`` Waffle flags:
+
+  * ``contentstore.new_studio_mfe.disable_legacy_libraries``: this feature flag must be OFF to show legacy Libraries V1
+  * ``contentstore.new_studio_mfe.disable_new_libraries``: this feature flag must be OFF to show Content Libraries V2
 
-  * ``mixed``: Shows 2 tabs, "Libraries" that lists the v2 libraries and "Legacy Libraries" that lists the v1 libraries. When creating a new library in this mode it will create a new v2 library.
-  * ``v1 only``: Shows only 1 tab, "Libraries" that lists v1 libraries only. When creating a new library in this mode it will create a new v1 library.
-  * ``v2 only``: Shows only 1 tab, "Libraries" that lists v2 libraries only. When creating a new library in this mode it will create a new v2 library.
+.. _meilisearch plugin: https://github.com/open-craft/tutor-contrib-meilisearch
 
 Developing
 **********

src/index.jsx

@@ -133,7 +133,6 @@ initialize({
         ENABLE_HOME_PAGE_COURSE_API_V2: process.env.ENABLE_HOME_PAGE_COURSE_API_V2 === 'true',
         ENABLE_CHECKLIST_QUALITY: process.env.ENABLE_CHECKLIST_QUALITY || 'true',
         ENABLE_GRADING_METHOD_IN_PROBLEMS: process.env.ENABLE_GRADING_METHOD_IN_PROBLEMS === 'true',
-        LIBRARY_MODE: process.env.LIBRARY_MODE || 'v1 only',
         LIBRARY_SUPPORTED_BLOCKS: (process.env.LIBRARY_SUPPORTED_BLOCKS || 'problem,video,html').split(','),
       }, 'CourseAuthoringConfig');
     },

src/library-authoring/__mocks__/contentLibrariesListV2.js

@@ -2,7 +2,7 @@ module.exports = {
   next: null,
   previous: null,
   count: 2,
-  num_pages: 1,
+  num_pages: 2,
   current_page: 1,
   start: 0,
   results: [

src/setupTest.js

@@ -44,7 +44,6 @@ mergeConfig({
   ENABLE_CHECKLIST_QUALITY: process.env.ENABLE_CHECKLIST_QUALITY || 'true',
   STUDIO_BASE_URL: process.env.STUDIO_BASE_URL || null,
   LMS_BASE_URL: process.env.LMS_BASE_URL || null,
-  LIBRARY_MODE: process.env.LIBRARY_MODE || 'v1 only',
   LIBRARY_SUPPORTED_BLOCKS: (process.env.LIBRARY_SUPPORTED_BLOCKS || 'problem,video,html').split(','),
 }, 'CourseAuthoringConfig');
 

src/studio-home/StudioHome.test.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { useSelector } from 'react-redux';
 import { MemoryRouter, Routes, Route } from 'react-router-dom';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { initializeMockApp, getConfig, setConfig } from '@edx/frontend-platform';
+import { initializeMockApp } from '@edx/frontend-platform';
 import { getAuthenticatedHttpClient } from '@edx/frontend-platform/auth';
 import { IntlProvider, injectIntl } from '@edx/frontend-platform/i18n';
 import { AppProvider } from '@edx/frontend-platform/react';
@@ -165,21 +165,11 @@ describe('<StudioHome />', () => {
     });
 
     describe('render new library button', () => {
-      beforeEach(() => {
-        setConfig({
-          ...getConfig(),
-          LIBRARY_MODE: 'mixed',
-        });
-      });
-
-      it('should navigate to home_library when in "v1 only" lib mode', () => {
-        setConfig({
-          ...getConfig(),
-          LIBRARY_MODE: 'v1 only',
-        });
+      it('should navigate to home_library when libraries-v2 disabled', () => {
         useSelector.mockReturnValue({
           ...studioHomeMock,
           courseCreatorStatus: COURSE_CREATOR_STATES.granted,
+          librariesV2Enabled: false,
         });
         const studioBaseUrl = 'http://localhost:18010';
 
@@ -196,7 +186,7 @@ describe('<StudioHome />', () => {
       it('should navigate to the library authoring page in course authoring', () => {
         useSelector.mockReturnValue({
           ...studioHomeMock,
-          LIBRARY_MODE: 'v2 only',
+          librariesV1Enabled: false,
         });
         const { getByTestId } = render(<RootWrapper />);
         const createNewLibraryButton = getByTestId('new-library-button');
@@ -208,26 +198,20 @@ describe('<StudioHome />', () => {
     });
 
     it('do not render new library button for "v1 only" mode if showNewLibraryButton is False', () => {
-      setConfig({
-        ...getConfig(),
-        LIBRARY_MODE: 'v1 only',
-      });
       useSelector.mockReturnValue({
         ...studioHomeMock,
         showNewLibraryButton: false,
+        librariesV2Enabled: false,
       });
       const { queryByTestId } = render(<RootWrapper />);
       expect(queryByTestId('new-library-button')).not.toBeInTheDocument();
     });
 
     it('render new library button for "v2 only" mode even if showNewLibraryButton is False', () => {
-      setConfig({
-        ...getConfig(),
-        LIBRARY_MODE: 'v2 only',
-      });
       useSelector.mockReturnValue({
         ...studioHomeMock,
         showNewLibraryButton: false,
+        librariesV1Enabled: false,
       });
       const { queryByTestId } = render(<RootWrapper />);
       expect(queryByTestId('new-library-button')).toBeInTheDocument();

src/studio-home/StudioHome.tsx

@@ -19,7 +19,6 @@ import Header from '../header';
 import SubHeader from '../generic/sub-header/SubHeader';
 import HomeSidebar from './home-sidebar';
 import TabsSection from './tabs-section';
-import { isMixedOrV1LibrariesMode, isMixedOrV2LibrariesMode } from './tabs-section/utils';
 import OrganizationSection from './organization-section';
 import VerifyEmailLayout from './verify-email-layout';
 import CreateNewCourseForm from './create-new-course-form';
@@ -46,12 +45,12 @@ const StudioHome = () => {
     hasAbilityToCreateNewCourse,
     isFiltered,
     setShowNewCourseContainer,
+    librariesV1Enabled,
+    librariesV2Enabled,
   } = useStudioHome(isPaginationCoursesEnabled);
 
-  const libMode = getConfig().LIBRARY_MODE;
-
-  const v1LibraryTab = isMixedOrV1LibrariesMode(libMode) && location?.pathname.split('/').pop() === 'libraries-v1';
-  const showV2LibraryURL = isMixedOrV2LibrariesMode(libMode) && !v1LibraryTab;
+  const v1LibraryTab = librariesV1Enabled && location?.pathname.split('/').pop() === 'libraries-v1';
+  const showV2LibraryURL = librariesV2Enabled && !v1LibraryTab;
 
   const {
     userIsActive,
@@ -155,6 +154,8 @@ const StudioHome = () => {
               onClickNewCourse={() => setShowNewCourseContainer(true)}
               isShowProcessing={isShowProcessing && !isFiltered}
               isPaginationCoursesEnabled={isPaginationCoursesEnabled}
+              librariesV1Enabled={librariesV1Enabled}
+              librariesV2Enabled={librariesV2Enabled}
             />
           </section>
         </Layout.Element>

src/studio-home/__mocks__/studioHomeMock.js

@@ -61,7 +61,8 @@ module.exports = {
       canEdit: true,
     },
   ],
-  librariesEnabled: true,
+  librariesV1Enabled: true,
+  librariesV2Enabled: true,
   optimizationEnabled: false,
   requestCourseCreatorUrl: '/request_course_creator',
   rerunCreatorStatus: true,

src/studio-home/factories/mockApiResponses.jsx

@@ -31,7 +31,8 @@ export const generateGetStudioHomeDataApiResponse = () => ({
   courses: [],
   inProcessCourseActions: [],
   libraries: [],
-  librariesEnabled: true,
+  librariesV1Enabled: true,
+  librariesV2Enabled: true,
   optimizationEnabled: false,
   requestCourseCreatorUrl: '/request_course_creator',
   rerunCreatorStatus: true,

src/studio-home/hooks.jsx

@@ -68,6 +68,8 @@ const useStudioHome = (isPaginated = false) => {
     studioRequestEmail,
     inProcessCourseActions,
     courseCreatorStatus,
+    librariesV1Enabled,
+    librariesV2Enabled,
   } = studioHomeData;
 
   const isShowOrganizationDropdown = optimizationEnabled && courseCreatorStatus === COURSE_CREATOR_STATES.granted;
@@ -94,6 +96,8 @@ const useStudioHome = (isPaginated = false) => {
     hasAbilityToCreateNewCourse,
     isFiltered,
     setShowNewCourseContainer,
+    librariesV1Enabled,
+    librariesV2Enabled,
   };
 };