fix!: adapt to upstream provides data shape change

Adapts to the upstream rename of the provides constant and the
flat string data shape. Removes the messages export from index.ts
since translations are handled at the site level.

BREAKING CHANGE: public identifiers now use `instructorDashboard`
instead of `instructor`.

Co-Authored-By: Claude <noreply@anthropic.com>

Author: arbrandes

package-lock.json

@@ -1,6 +1,6 @@
 import { EnvironmentTypes, SiteConfig, footerApp, headerApp, shellApp } from '@openedx/frontend-base';
 
-import { instructApp } from './src';
+import { instructorDashboardApp } from './src';
 
 import './src/app.scss';
 
@@ -17,7 +17,7 @@ const siteConfig: SiteConfig = {
     shellApp,
     headerApp,
     footerApp,
-    instructApp
+    instructorDashboardApp
   ],
   externalRoutes: [
     {

site.config.dev.tsx

@@ -11,7 +11,7 @@ const siteConfig: SiteConfig = {
   // if EnvironmentTypes.TEST is set, some tests fails due to it, TODO: update here once this issue is fixed in frontend-base
   environment: EnvironmentTypes?.TEST ?? 'test',
   apps: [{
-    appId: 'org.openedx.frontend.app.instructor',
+    appId: 'org.openedx.frontend.app.instructorDashboard',
     config: {}
   }],
 };

site.config.test.tsx

@@ -3,21 +3,18 @@ import { appId } from '@src/constants';
 import routes from '@src/routes';
 import slots from '@src/slots';
 import providers from '@src/providers';
+import provides from '@src/provides';
 
 const app: App = {
   appId,
   routes,
   providers,
+  provides,
   slots,
   config: {
     NODE_ENV: 'development',
     LMS_BASE_URL: 'http://local.openedx.io:8000'
   },
-  provides: {
-    'org.openedx.frontend.provides.courseNavigationRoles.v1': {
-      courseNavigationRoles: ['org.openedx.frontend.role.instructor'],
-    },
-  },
 };
 
 export default app;

src/app.ts

@@ -1 +1,2 @@
-export const appId = 'org.openedx.frontend.app.instructor';
+export const appId = 'org.openedx.frontend.app.instructorDashboard';
+export const instructorDashboardRole = 'org.openedx.frontend.role.instructorDashboard';

src/constants.ts

@@ -35,7 +35,7 @@ describe('base api', () => {
     it('fetches course info successfully', async () => {
       const courseId = 'test-course-123';
       const result = await getCourseInfo(courseId);
-      expect(mockGetAppConfig).toHaveBeenCalledWith('org.openedx.frontend.app.instructor');
+      expect(mockGetAppConfig).toHaveBeenCalledWith('org.openedx.frontend.app.instructorDashboard');
       expect(mockGetAuthenticatedHttpClient).toHaveBeenCalled();
       expect(mockHttpClient.get).toHaveBeenCalledWith('https://test-lms.com/api/instructor/v2/courses/test-course-123');
       expect(mockCamelCaseObject).toHaveBeenCalledWith(mockCourseData);

src/data/api.test.ts

@@ -30,8 +30,8 @@ describe('dataDownloads apiHook', () => {
 
   describe('queryKeys', () => {
     it('should generate correct query keys', () => {
-      expect(queryKeys.generatedReports('course-123')).toEqual(['org.openedx.frontend.app.instructor', 'dataDownloads', 'generatedReports', 'course-123']);
-      expect(queryKeys.generateReportLink('course-456')).toEqual(['org.openedx.frontend.app.instructor', 'dataDownloads', 'reportLink', 'course-456']);
+      expect(queryKeys.generatedReports('course-123')).toEqual(['org.openedx.frontend.app.instructorDashboard', 'dataDownloads', 'generatedReports', 'course-123']);
+      expect(queryKeys.generateReportLink('course-456')).toEqual(['org.openedx.frontend.app.instructorDashboard', 'dataDownloads', 'reportLink', 'course-456']);
     });
   });
 

src/dataDownloads/data/apiHook.test.tsx

@@ -1,3 +1,2 @@
-export { default as instructApp } from './app';
-export { default as instructRoutes } from './routes';
-export { default as instructMessages } from './i18n';
+export { default as instructorDashboardApp } from './app';
+export { default as instructorDashboardRoutes } from './routes';

src/index.ts

@@ -15,7 +15,7 @@ export interface TabProps {
 const InstructorNav = () => {
   const { courseId = '', tabId = '' } = useParams<{ courseId: string, tabId?: string }>();
   const { data: courseInfo, isLoading } = useCourseInfo(courseId);
-  const widgetPropsArray = useWidgetProps('org.openedx.frontend.slot.instructor.tabs.v1') as TabProps[];
+  const widgetPropsArray = useWidgetProps('org.openedx.frontend.slot.instructorDashboard.tabs.v1') as TabProps[];
   const { clearAlerts } = useAlert();
 
   const sortedTabs = useMemo(() => {

src/instructorNav/InstructorNav.tsx

@@ -0,0 +1,8 @@
+import { providesCourseNavigationRolesId } from '@openedx/frontend-base';
+import { instructorDashboardRole } from './constants';
+
+const provides = {
+  [providesCourseNavigationRolesId]: instructorDashboardRole
+};
+
+export default provides;