WIP: refactor(attempt): Choice Answer

docusaurus.config.ts

@@ -143,7 +143,7 @@ const docusaurusConfig = withSiteConfig().then(async (siteConfig) => {
       },
       future: {
         v4: true,    
-        experimental_faster: {
+        faster: {
           /**
            * no config options for swcJsLoader so far.
            * Instead configure it over the jsLoader in the next step
@@ -156,7 +156,8 @@ const docusaurusConfig = withSiteConfig().then(async (siteConfig) => {
           rspackPersistentCache: process.env.NETLIFY ? false : true,
           mdxCrossCompilerCache: true,
           ssgWorkerThreads: true
-        }
+        },
+        experimental_vcs: 'default-v2'
       },
       webpack: {
         jsLoader: (isServer) => {

package.json

@@ -8,8 +8,8 @@
     "private": true,
     "scripts": {
         "docusaurus": "docusaurus",
-        "start": "concurrently --raw --kill-others 'PACKAGE_SRC=packages PACKAGE_DEST=tdev-website/docs/packages docusaurus start' 'sleep 1s && ts-node updateSync/packageDocsSync/watch.ts --src packages --dest tdev-website/docs/packages'",
-        "prebuild": "ts-node updateSync/packageDocsSync/preBuild.ts --src packages --dest tdev-website/docs/packages",
+        "start": "concurrently --raw --kill-others 'PACKAGE_SRC=packages PACKAGE_DEST=tdev-website/docs/packages docusaurus start' 'sleep 1s && ts-node --files updateSync/packageDocsSync/watch.ts --src packages --dest tdev-website/docs/packages'",
+        "prebuild": "ts-node --files updateSync/packageDocsSync/preBuild.ts --src packages --dest tdev-website/docs/packages",
         "build": "docusaurus build",
         "swizzle": "docusaurus swizzle",
         "deploy": "docusaurus deploy",
@@ -21,15 +21,15 @@
         "format": "prettier --write .",
         "format:check": "prettier --check .",
         "test": "vitest --coverage",
-        "updateTdev": "ts-node updateSync/updateTdev.ts"
+        "updateTdev": "ts-node --files updateSync/updateTdev.ts"
     },
     "dependencies": {
-        "@docusaurus/core": "^3.9.2",
-        "@docusaurus/faster": "^3.9.2",
-        "@docusaurus/preset-classic": "^3.9.2",
-        "@docusaurus/theme-classic": "^3.9.2",
-        "@docusaurus/theme-common": "^3.9.2",
-        "@docusaurus/theme-mermaid": "^3.9.2",
+        "@docusaurus/core": "^3.10.0",
+        "@docusaurus/faster": "^3.10.0",
+        "@docusaurus/preset-classic": "^3.10.0",
+        "@docusaurus/theme-classic": "^3.10.0",
+        "@docusaurus/theme-common": "^3.10.0",
+        "@docusaurus/theme-mermaid": "^3.10.0",
         "@lexical/clipboard": "^0.35.0",
         "@lexical/link": "^0.35.0",
         "@lexical/list": "^0.35.0",
@@ -41,27 +41,27 @@
         "@lexical/utils": "^0.35.0",
         "@mdi/js": "^7.4.47",
         "@mdi/react": "^1.6.1",
-        "@mdx-js/react": "^3.0.0",
-        "@mdxeditor/editor": "^3.50.0",
-        "@mermaid-js/layout-elk": "^0.2.0",
+        "@mdx-js/react": "^3.1.1",
+        "@mdxeditor/editor": "^3.54.0",
+        "@mermaid-js/layout-elk": "^0.2.1",
         "@octokit/rest": "^21.1.0",
         "@sentry/react": "^9.12.0",
         "@sentry/webpack-plugin": "^3.3.1",
-        "ace-builds": "^1.41.0",
-        "axios": "^1.9.0",
+        "ace-builds": "^1.43.6",
+        "axios": "^1.15.0",
         "better-auth": "^1.4.9",
         "browser-image-compression": "^2.0.2",
         "clsx": "^2.1.1",
         "docusaurus-plugin-sass": "^0.2.6",
-        "dotenv": "^16.5.0",
-        "es-toolkit": "^1.39.10",
+        "dotenv": "^17.4.1",
+        "es-toolkit": "^1.45.1",
         "exceljs": "^4.4.0",
         "gray-matter": "^4.0.3",
-        "hashery": "^1.3.0",
+        "hashery": "^1.5.1",
         "heic2any": "^0.0.4",
         "idb": "^8.0.3",
-        "js-yaml": "^4.1.0",
-        "known-css-properties": "^0.36.0",
+        "js-yaml": "^4.1.1",
+        "known-css-properties": "^0.37.0",
         "mdast-util-gfm-footnote": "^2.1.0",
         "mdast-util-math": "^3.0.0",
         "micromark-extension-math": "^3.1.0",
@@ -73,45 +73,45 @@
         "qrcode.react": "^4.2.0",
         "quill": "^2.0.3",
         "raw-loader": "^4.0.2",
-        "rc-slider": "^11.1.8",
-        "react": "^19.2.0",
+        "rc-slider": "^11.1.9",
+        "react": "^19.2.4",
         "react-ace": "^14.0.1",
         "react-diff-viewer-continued": "^3.4.0",
-        "react-dom": "^19.2.0",
+        "react-dom": "^19.2.4",
         "react-draggable": "^4.5.0",
-        "react-katex": "^3.0.1",
+        "react-katex": "^3.1.0",
         "react-quilljs": "^2.0.5",
-        "react-select": "^5.10.1",
+        "react-select": "^5.10.2",
         "reactjs-popup": "^2.0.6",
         "rehype-katex": "^7.0.1",
         "remark-math": "^6.0.0",
-        "sass": "^1.93.2",
-        "socket.io-client": "^4.8.1",
+        "sass": "^1.99.0",
+        "socket.io-client": "^4.8.3",
         "uuid": "^13.0.0"
     },
     "devDependencies": {
-        "@docusaurus/module-type-aliases": "^3.9.2",
-        "@docusaurus/plugin-rsdoctor": "^3.9.2",
-        "@docusaurus/tsconfig": "^3.9.2",
-        "@docusaurus/types": "^3.9.2",
-        "@types/exceljs": "^1.3.0",
+        "@docusaurus/module-type-aliases": "^3.10.0",
+        "@docusaurus/plugin-rsdoctor": "^3.10.0",
+        "@docusaurus/tsconfig": "^3.10.0",
+        "@docusaurus/types": "^3.10.0",
+        "@types/exceljs": "^1.3.2",
         "@types/fs-extra": "^11.0.4",
         "@types/js-yaml": "^4.0.9",
-        "@types/micromatch": "^4.0.9",
+        "@types/micromatch": "^4.0.10",
         "@types/minimist": "^1.2.5",
-        "@types/react-dom": "^19.0.3",
+        "@types/react-dom": "^19.2.3",
         "@types/react-katex": "^3.0.4",
-        "@types/uuid": "^10.0.0",
-        "@types/wicg-file-system-access": "^2023.10.6",
+        "@types/uuid": "^11.0.0",
+        "@types/wicg-file-system-access": "^2023.10.7",
         "@vitest/coverage-v8": "^2.0.5",
         "concurrently": "^9.2.1",
-        "fs-extra": "^11.2.0",
-        "prettier": "^3.3.2",
+        "fs-extra": "^11.3.4",
+        "prettier": "^3.8.1",
         "remark": "^15.0.1",
         "remark-directive": "^4.0.0",
         "remark-frontmatter": "^5.0.0",
         "ts-node": "^10.9.2",
-        "typescript": "^5.7.2",
+        "typescript": "^6.0.2",
         "vfile": "^6.0.3",
         "vitest": "^2.0.5"
     },

packages/tdev/page-index/components/TaskableState/index.tsx

@@ -35,7 +35,14 @@ const TaskableState = observer((props: Props) => {
             title={`Progress: ${page.progress} / ${page.totalSteps}`}
             onClick={(e) => {
                 const thisElement = e.currentTarget;
-                thisElement.parentElement?.querySelector('a')?.click();
+                const categoryButton = thisElement.parentElement?.querySelector<HTMLButtonElement>(
+                    '&>li.theme-doc-sidebar-item-category>div.menu__list-item-collapsible>button'
+                );
+                if (categoryButton) {
+                    categoryButton.click();
+                } else {
+                    thisElement.parentElement?.querySelector('a')?.click();
+                }
             }}
         >
             <Icon

packages/tdev/page-index/package.json

@@ -3,12 +3,12 @@
     "version": "1.0.0",
     "main": "index.ts",
     "types": "index.ts",
-    "dependencies": {},
+    "dependencies": { },
     "devDependencies": {
         "@docusaurus/core": "*",
         "@docusaurus/module-type-aliases": "*",
         "@types/better-sqlite3": "^7.6.13",
-        "better-sqlite3": "^12.6.2"
+        "better-sqlite3": "^12.8.0"
     },
     "peerDependencies": {
         "@tdev/core": "1.0.0"

packages/tdev/pyodide-code/package.json

@@ -5,7 +5,7 @@
     "types": "index.ts",
     "dependencies": {
         "comlink": "^4.4.2",
-        "pyodide": "^0.29.1"
+        "pyodide": "^0.29.3"
     },
     "devDependencies": {
         "@docusaurus/core": "*",

packages/tdev/remark-graphviz/package.json

@@ -4,7 +4,7 @@
     "main": "remark-plugin/index.ts",
     "types": "remark-plugin/index.ts",
     "dependencies": {
-        "@hpcc-js/wasm-graphviz": "^1.7.0"
+        "@hpcc-js/wasm-graphviz": "^1.21.2"
     },
     "devDependencies": {
         "vitest": "*",

packages/tdev/remark-pdf/PdfViewer/PdfViewer.tsx

@@ -3,8 +3,8 @@ import styles from './PdfViewer.module.scss';
 import clsx from 'clsx';
 import React, { useState } from 'react';
 import { pdfjs, Document, Page } from 'react-pdf';
-import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
-import 'react-pdf/dist/esm/Page/TextLayer.css';
+import 'react-pdf/dist/Page/AnnotationLayer.css';
+import 'react-pdf/dist/Page/TextLayer.css';
 import Icon from '@mdi/react';
 import { mdiArrowLeftCircle, mdiArrowRightCircle, mdiDownload } from '@mdi/js';
 import Button from '@tdev-components/shared/Button';

packages/tdev/webserial/tsconfig.json

@@ -5,7 +5,7 @@
             "w3c-web-serial",
             "docusaurus-plugin-sass",
             "@docusaurus/module-type-aliases",
-            "@types/node",
+            "node",
             "@types/wicg-file-system-access"
         ]
     }

src/api/document.ts

@@ -19,11 +19,8 @@ import iDocumentContainer from '@tdev-models/iDocumentContainer';
 import iViewStore from '@tdev-stores/ViewStores/iViewStore';
 import Code from '@tdev-models/documents/Code';
 import { iTaskableDocument } from '@tdev-models/iTaskableDocument';
-import ChoiceAnswer, {
-    ChoiceAnswerChoices,
-    ChoiceAnswerOptionOrders,
-    ChoiceAnswerQuestionOrder
-} from '@tdev-models/documents/ChoiceAnswer';
+import type ChoiceAnswer from '@tdev-models/documents/Assessable/ChoiceAnswer';
+import type TrueFalseAnswer from '@tdev-models/documents/Assessable/TrueFalseAnswer';
 
 export enum Access {
     RO_DocumentRoot = 'RO_DocumentRoot',
@@ -46,11 +43,22 @@ export interface StringData {
     text: string;
 }
 
-export interface ChoiceAnswerData {
-    choices: ChoiceAnswerChoices;
-    optionOrders: ChoiceAnswerOptionOrders;
-    questionOrder: ChoiceAnswerQuestionOrder | null;
+export interface QuizData {
+    questionOrder: number[];
+}
+
+interface AssessableData {
     assessed: boolean;
+    qid?: string;
+}
+
+export interface TrueFalseAnswerData extends AssessableData {
+    value: boolean | null;
+}
+
+export interface ChoiceAnswerData extends AssessableData {
+    choices: number[];
+    optionsOrder: number[];
 }
 
 export interface QuillV2Data {
@@ -122,6 +130,11 @@ export interface ViewStoreTypeMapping {
 export type ViewStoreType = keyof ViewStoreTypeMapping;
 export type ViewStore = ViewStoreTypeMapping[ViewStoreType];
 
+export interface AssessableDocumentMapping {
+    ['true_false_answer']: TrueFalseAnswerData;
+    ['choice_answer']: ChoiceAnswerData;
+}
+
 export interface ContainerTypeDataMapping {
     ['_container_placeholder_']: { name: string }; // placeholder to avoid empty interface error
 }
@@ -131,12 +144,13 @@ export interface TaskableDocumentMapping {
     ['progress_state']: ProgressStateData;
 }
 
-export interface TypeDataMapping extends TaskableDocumentMapping, ContainerTypeDataMapping {
+export interface TypeDataMapping
+    extends TaskableDocumentMapping, ContainerTypeDataMapping, AssessableDocumentMapping {
     ['code']: CodeData;
     // TODO: rename to `code_version`?
     ['script_version']: ScriptVersionData;
     ['string']: StringData;
-    ['choice_answer']: ChoiceAnswerData;
+    ['quiz']: QuizData;
     ['quill_v2']: QuillV2Data;
     ['solution']: SolutionData;
     ['dir']: DirData;
@@ -149,6 +163,7 @@ export interface TypeDataMapping extends TaskableDocumentMapping, ContainerTypeD
 }
 export type ContainerType = keyof ContainerTypeDataMapping;
 export type TaskableType = keyof TaskableDocumentMapping;
+export type AssessableType = keyof AssessableDocumentMapping;
 
 type KeysWithCode<T> = {
     [K in keyof T]: 'code' extends keyof T[K] ? K : never;
@@ -160,6 +175,11 @@ export interface ContainerTypeModelMapping {
     ['_container_placeholder_']: iDocumentContainer<ContainerType>; // placeholder to avoid empty interface error
 }
 
+export interface AssessableTypeModelMapping {
+    ['true_false_answer']: TrueFalseAnswer;
+    ['choice_answer']: ChoiceAnswer;
+}
+
 export interface TaskableTypeModelMapping {
     ['task_state']: TaskState;
     ['progress_state']: ProgressState;
@@ -168,12 +188,12 @@ export interface TaskableTypeModelMapping {
 type EnsureAllTaskable<T extends { [K in keyof T]: iTaskableDocument<any> }> = T;
 null as unknown as EnsureAllTaskable<TaskableTypeModelMapping>;
 
-export interface TypeModelMapping extends TaskableTypeModelMapping, ContainerTypeModelMapping {
+export interface TypeModelMapping
+    extends TaskableTypeModelMapping, ContainerTypeModelMapping, AssessableTypeModelMapping {
     ['code']: Code;
     // TODO: rename to `code_version`?
     ['script_version']: ScriptVersion;
     ['string']: String;
-    ['choice_answer']: ChoiceAnswer;
     ['quill_v2']: QuillV2;
     ['solution']: Solution;
     ['dir']: Directory;
@@ -192,6 +212,7 @@ export interface TypeModelMapping extends TaskableTypeModelMapping, ContainerTyp
 
 export type ContainerModelType = ContainerTypeModelMapping[ContainerType];
 export type TaskableModelType = TaskableTypeModelMapping[TaskableType];
+export type AssessableModelType = AssessableTypeModelMapping[AssessableType];
 
 export type DocumentType = keyof TypeModelMapping;
 export type DocumentModelType = TypeModelMapping[DocumentType];