Side content redux2

package.json

@@ -32,6 +32,7 @@
     "@blueprintjs/popover2": "^1.14.11",
     "@blueprintjs/select": "^4.9.24",
     "@octokit/rest": "^19.0.11",
+    "@reduxjs/toolkit": "^1.9.5",
     "@sentry/browser": "^7.57.0",
     "@sourceacademy/sharedb-ace": "^2.0.2",
     "@sourceacademy/sling-client": "^0.1.0",
@@ -132,6 +133,7 @@
     "eslint-plugin-simple-import-sort": "^7.0.0",
     "https-browserify": "^1.0.0",
     "husky": "^8.0.2",
+    "madge": "^6.1.0",
     "npm-run-all": "^4.1.5",
     "os-browserify": "^0.3.0",
     "path-browserify": "^1.0.1",

src/commons/XMLParser/XMLParserHelper.ts

@@ -1,7 +1,6 @@
 import { Chapter } from 'js-slang/dist/types';
 import { Builder } from 'xml2js';
 
-import { ExternalLibraryName } from '../application/types/ExternalTypes';
 import {
   Assessment,
   AssessmentOverview,
@@ -118,7 +117,7 @@ const makeLibrary = (deploymentArr: XmlParseStrDeployment[] | undefined): Librar
   } else {
     const deployment = deploymentArr[0];
     const external = deployment.IMPORT || deployment.EXTERNAL;
-    const nameVal = external ? external[0].$.name : 'NONE';
+    // const nameVal = external ? external[0].$.name : 'NONE';
     const symbolsVal = external ? external[0].SYMBOL || [] : [];
     const globalsVal = deployment.GLOBAL
       ? (deployment.GLOBAL.map(x => [x.IDENTIFIER[0], altEval(x.VALUE[0]), x.VALUE[0]]) as Array<
@@ -128,7 +127,7 @@ const makeLibrary = (deploymentArr: XmlParseStrDeployment[] | undefined): Librar
     return {
       chapter: parseInt(deployment.$.interpreter, 10) as Chapter,
       external: {
-        name: nameVal as ExternalLibraryName,
+        // name: nameVal as ExternalLibraryName,
         symbols: symbolsVal
       },
       globals: globalsVal
@@ -262,7 +261,7 @@ const exportLibrary = (library: Library) => {
     },
     EXTERNAL: {
       $: {
-        name: library.external.name
+        // name: library.external.name
       }
     }
   };