fix: recover subscript support for options (#169)

Fix #168 <img width="1271" alt="image" src="https://github.com/PupoSDC/chair-flight/assets/9625304/0f2b860a-b82e-491e-a37d-67d5c9f12545">
PupoSDC · Feb 15, 2024 · df24403 · df24403
1 parent 955c784
commit df24403
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 6 deletions.
diff --git a/libs/core/markdown/src/common/plugins.ts b/libs/core/markdown/src/common/plugins.ts
@@ -3,8 +3,14 @@ import { default as remarkGemoji } from "remark-gemoji";
 import { default as remarkGfm } from "remark-gfm";
 import { default as remarkMath } from "remark-math";
 import { default as remarkSupersub } from "remark-supersub";
+import type { PluggableList } from "@mdx-js/mdx/lib/core";
 
 export const markdownPlugins = {
-  remarkPlugins: [remarkGfm, remarkMath, remarkGemoji, remarkSupersub],
-  rehypePlugins: [rehypeKatex],
+  remarkPlugins: [
+    [remarkGfm, { singleTilde: false }],
+    remarkMath,
+    remarkGemoji,
+    remarkSupersub,
+  ] as PluggableList,
+  rehypePlugins: [rehypeKatex] as PluggableList,
 };
diff --git a/libs/next/question-bank/src/containers/question-stand-alone/question-stand-alone.tsx b/libs/next/question-bank/src/containers/question-stand-alone/question-stand-alone.tsx
@@ -58,7 +58,10 @@ export const QuestionStandAloneComponent: FunctionComponent<
         selectedOptionId={selectedOption}
         status={selectedStatus}
         disabled={selectedStatus === "show-result"}
-        options={question.options}
+        options={question.options.map((opt) => ({
+          ...opt,
+          text: <MarkdownFromServer children={opt.text} />,
+        }))}
         annexesHref={annexes.map((annex) => annex.href)}
         onOptionClicked={(optionId) => {
           setSelectedOption(optionId);

diff --git a/libs/next/tests/src/containers/test-exam/test-exam.tsx b/libs/next/tests/src/containers/test-exam/test-exam.tsx
@@ -168,7 +168,7 @@ export const TestExam = container<Props>(
           }
           options={question.options.map((opt) => ({
             id: opt.id,
-            text: opt.text,
+            text: <MarkdownFromServer children={opt.text} />,
           }))}
           annexesHref={question.annexes}
           onAnnexClicked={(annex) => setCurrentAnnex(annex)}

diff --git a/libs/next/tests/src/containers/test-study/test-study.tsx b/libs/next/tests/src/containers/test-study/test-study.tsx
@@ -220,7 +220,7 @@ export const TestStudy = container<Props>(
           }
           options={question.options.map((opt) => ({
             id: opt.id,
-            text: opt.text,
+            text: <MarkdownFromServer children={opt.text} />,
           }))}
           annexesHref={question.annexes}
           onAnnexClicked={(annex) => setCurrentAnnex(annex)}

diff --git a/libs/react/components/src/question-multiple-choice/question-multiple-choice.tsx b/libs/react/components/src/question-multiple-choice/question-multiple-choice.tsx
@@ -80,7 +80,7 @@ export type QuestionMultipleChoiceStatus = "in-progress" | "show-result";
 
 export type QuestionMultipleChoiceProps = {
   question?: ReactNode;
-  options?: Array<{ id: string; text: string }>;
+  options?: Array<{ id: string; text: ReactNode }>;
   status?: QuestionMultipleChoiceStatus;
   correctOptionId?: string;
   selectedOptionId?: string;