fix(export): Fix TA export service failing (#3947)

Author: zwliew

export/.prettierignore

@@ -0,0 +1 @@
+build/

export/src/data.ts

@@ -67,7 +67,7 @@ export function validateExportData(data: ExportData) {
   );
   const taModulesConfigSchema = Joi.object().pattern(
     Joi.string(),
-    Joi.array().length(2).ordered(Joi.string(), Joi.string()),
+    Joi.array().items(Joi.array().length(2).ordered(Joi.string(), Joi.string())),
   );
   const themeSchema = Joi.object({
     id: Joi.string(),

export/src/types.ts

@@ -26,16 +26,17 @@ export type TaModulesConfig = {
 };
 
 // `ExportData` is duplicated from `website/src/types/export.ts`.
-export interface ExportData {
+export type ExportData = {
   readonly semester: Semester;
   readonly timetable: SemTimetableConfig;
   readonly colors: ColorMapping;
   readonly hidden: ModuleCode[];
+  readonly ta: TaModulesConfig;
   readonly theme: ThemeState;
   readonly settings: {
     colorScheme: ColorScheme;
   };
-}
+};
 
 export interface State {
   data: ExportData;

website/src/entry/export/TimetableOnly.tsx

@@ -3,23 +3,16 @@ import { Component } from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { Provider } from 'react-redux';
 
-import { ModuleCode, Semester } from 'types/modules';
-import { SemTimetableConfig } from 'types/timetables';
 import { fillColorMapping } from 'utils/colors';
 import TimetableContent from 'views/timetable/TimetableContent';
-import { ColorMapping } from 'types/reducers';
 import { State as StoreState } from 'types/state';
+import { ExportData } from 'types/export';
 
 type Props = {
   store: Store<StoreState>;
 };
 
-type State = {
-  semester: Semester;
-  timetable: SemTimetableConfig;
-  colors: ColorMapping;
-  hidden: ModuleCode[];
-};
+type State = Omit<ExportData, 'theme' | 'settings'>;
 
 export default class TimetableOnly extends Component<Props, State> {
   override state = {

website/src/entry/export/main.tsx

@@ -29,7 +29,7 @@ window.store = store;
 // For Puppeteer to import data
 const timetableRef = createRef<TimetableOnly>();
 window.setData = function setData(modules, data, callback) {
-  const { semester, timetable, colors, hidden } = data;
+  const { semester, timetable, colors, hidden, ta } = data;
 
   if (document.body) {
     document.body.classList.toggle('mode-dark', data.settings.colorScheme === DARK_COLOR_SCHEME);
@@ -44,6 +44,7 @@ window.setData = function setData(modules, data, callback) {
         timetable,
         colors,
         hidden,
+        ta,
       },
       callback,
     );