@examind/block-sdk 0.1.22 → 0.1.24

package/dist/index.js

@@ -156,7 +156,8 @@ var FillInTheBlankSpaceNodeHandler = class extends NodeHandler {
       `data-x-case-sensitive="${!!node.caseSensitive}"`,
       `data-x-errors-allowed="${node.errorsAllowed ?? 0}"`,
       `data-x-min-decimals="${node.minDecimals ?? ""}"`,
-      `data-x-error-tolerance="${node.errorTolerance ?? 0}"`,
+      `data-x-error-tolerance="${(node.errorTolerance ?? 0) / 100}"`,
+      // Divide by 100 to convert percentage to rate
       `data-x-distractors="${node.distractors ?? ""}"`
     ];
     return attributes.join(" ");
@@ -338,6 +339,20 @@ function isSerializedJournalEntryQuestionNode(node) {
   return node?.type === "journal-entry-question" && "id" in node && typeof node.id === "string" && "points" in node && typeof node.points === "number" && "journalType" in node && typeof node.journalType === "string" && "lineItems" in node && Array.isArray(node.lineItems);
 }
 
+// src/exportToHtml/createHtmlFromOnePerLineDistractorNodes.ts
+function createHtmlFromOnePerLineDistractorNodes(distractorNodes, parentNode) {
+  const distractors = distractorNodes.map((node) => {
+    const distractorAccounts = createHtmlFromNestedEditor(
+      node.content,
+      { parentNode }
+    );
+    return distractorAccounts.split("<br>").filter((a) => a.trim()).map(
+      (a, i) => `<x-distractor id="${node.id}|${i}">${a}</x-distractor>`
+    ).join("");
+  }).join("");
+  return distractors;
+}
+
 // src/exportToHtml/JournalEntryQuestionNodeHandler.ts
 var JournalEntryQuestionNodeHandler = class extends NodeHandler {
   processNode(node) {
@@ -391,16 +406,14 @@ var JournalEntryQuestionNodeHandler = class extends NodeHandler {
     return `<x-line-item id="${item.id}"><x-account>${accountContent}</x-account><x-debit>${debitContent}</x-debit><x-credit>${creditContent}</x-credit></x-line-item>`;
   }
   processDistractors(node) {
-    const distractors = node.lineItems.filter((item) => !item.correct).map((item) => {
-      const distractorAccounts = createHtmlFromNestedEditor(
-        item.account,
-        { parentNode: node }
-      );
-      return distractorAccounts.split("<br>").filter((a) => a.trim()).map(
-        (a, i) => `<x-distractor id="${item.id}|${i}">${a}</x-distractor>`
-      ).join("");
-    }).join("");
-    return distractors;
+    const distractorNodes = node.lineItems.filter((item) => !item.correct).map((item) => ({
+      id: item.id,
+      content: item.account
+    }));
+    return createHtmlFromOnePerLineDistractorNodes(
+      distractorNodes,
+      node
+    );
   }
 };
 
@@ -511,13 +524,14 @@ var MatchingQuestionNodeHandler = class extends NodeHandler {
     ).join("");
   }
   createDistractorsHtml(node) {
-    const metadata = { parentNode: node };
-    return node.items.filter((item) => !item.correct).map(
-      (item) => `<x-distractor id="${item.id}">${createHtmlFromNestedEditor(
-        item.itemOptionContent,
-        metadata
-      )}</x-distractor>`
-    ).join("");
+    const distractorNodes = node.items.filter((item) => !item.correct).map((item) => ({
+      id: item.id,
+      content: item.itemOptionContent
+    }));
+    return createHtmlFromOnePerLineDistractorNodes(
+      distractorNodes,
+      node
+    );
   }
 };
 
@@ -933,7 +947,7 @@ function exportToHtml(editorState) {
 }
 
 // src/importFromHtml/index.ts
-var import_node_html_parser26 = require("node-html-parser");
+var import_node_html_parser27 = require("node-html-parser");
 
 // src/importFromHtml/createEmptyParagraphNode.ts
 function createEmptyParagraphNode(format = "") {
@@ -1016,7 +1030,7 @@ var createCaptionNode = (caption) => {
     return [];
   }
   const captionNode = createEmptyParagraphNode("center");
-  captionNode.children = caption.split("\n").reduce((nodes, line, index, lines) => {
+  captionNode.children = caption.split("<br>").reduce((nodes, line, index, lines) => {
     nodes.push({
       detail: 0,
       format: 0,
@@ -1112,7 +1126,7 @@ function processImageNodeContainer(node) {
       extractWidth(imageNode),
       extractFlexAlign(node),
       hasBorder(imageNode),
-      captionNode?.text
+      captionNode?.innerHTML
     )
   ];
 }
@@ -1264,11 +1278,18 @@ var FillInTheBlankSpaceNodeHandler2 = class extends NodeHandler2 {
       errorsAllowed: node.getAttribute("data-x-errors-allowed") ? Number(node.getAttribute("data-x-errors-allowed")) : void 0
     };
   }
+  parseErrorToleranceAttr(attr) {
+    const value = Number(attr);
+    if (isNaN(value)) return 0;
+    else return value * 100;
+  }
   processNumberSpace(node, baseNode) {
     return {
       ...baseNode,
       minDecimals: node.getAttribute("data-x-min-decimals") ? Number(node.getAttribute("data-x-min-decimals")) : void 0,
-      errorTolerance: node.getAttribute("data-x-error-tolerance") ? Number(node.getAttribute("data-x-error-tolerance")) : void 0
+      errorTolerance: this.parseErrorToleranceAttr(
+        node.getAttribute("data-x-error-tolerance")
+      )
     };
   }
   processDropdownSpace(node, baseNode) {
@@ -1504,22 +1525,49 @@ var ImageNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/JournalEntryQuestionNodeHandler.ts
+var import_nanoid6 = require("nanoid");
+var import_node_html_parser11 = require("node-html-parser");
+
+// src/importFromHtml/createOnePerLineDistractorNode.ts
 var import_nanoid5 = require("nanoid");
 var import_node_html_parser10 = require("node-html-parser");
-var extractDistractorId = (id) => {
+function extractDistractorId(id) {
   if (!id) return null;
   const parts = id.split("|");
-  return parts.length === 2 ? parts[0] : null;
+  return parts[0] ? parts[0] : null;
+}
+var createOnePerLineDistractorNode = (node) => {
+  const distractorEditor = createNestedEditorFromHtml(null);
+  const distractors = node.querySelectorAll("x-distractor");
+  const emptyDistractorEditorChildren = distractorEditor.editorState.root.children;
+  distractorEditor.editorState.root.children = [];
+  let distractorId = null;
+  distractors.forEach((distractor) => {
+    if (!(distractor instanceof import_node_html_parser10.HTMLElement)) return;
+    distractorId = distractorId ?? extractDistractorId(distractor.getAttribute("id"));
+    distractorEditor.editorState.root.children.push(
+      ...createNestedNodesFromHtml(distractor)
+    );
+  });
+  if (!distractorEditor.editorState.root.children.length) {
+    distractorEditor.editorState.root.children = emptyDistractorEditorChildren;
+  }
+  return {
+    id: distractorId ?? (0, import_nanoid5.nanoid)(),
+    content: distractorEditor
+  };
 };
+
+// src/importFromHtml/JournalEntryQuestionNodeHandler.ts
 var JournalEntryQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser10.HTMLElement) || node.tagName !== "x-journal-entry".toUpperCase())
+    if (!(node instanceof import_node_html_parser11.HTMLElement) || node.tagName !== "x-journal-entry".toUpperCase())
       return null;
     const noEntryRequiredCorrect = node.getAttribute("data-x-no-entry-required-correct") === "true";
     const noEntryRequiredDistractor = node.getAttribute("data-x-no-entry-required-distractor") === "true";
     const journalType = noEntryRequiredCorrect ? "noEntryRequiredCorrect" : noEntryRequiredDistractor ? "noEntryRequiredDistractor" : "default";
     const jsonNode = {
-      id: node.getAttribute("id") ?? (0, import_nanoid5.nanoid)(),
+      id: node.getAttribute("id") ?? (0, import_nanoid6.nanoid)(),
       points: Number(node.getAttribute("data-x-points") ?? 1),
       journalType,
       errorTolerance: node.getAttribute("data-x-error-tolerance") ? Number(node.getAttribute("data-x-error-tolerance")) : void 0,
@@ -1529,54 +1577,39 @@ var JournalEntryQuestionNodeHandler2 = class extends NodeHandler2 {
     };
     const lineItems = node.querySelectorAll("x-line-item");
     lineItems.forEach((lineItem) => {
-      if (!(lineItem instanceof import_node_html_parser10.HTMLElement)) return;
+      if (!(lineItem instanceof import_node_html_parser11.HTMLElement)) return;
       const accountElement = lineItem.querySelector("x-account");
       const debitElement = lineItem.querySelector("x-debit");
       const creditElement = lineItem.querySelector("x-credit");
       if (!accountElement) return;
-      const item2 = {
-        id: lineItem.getAttribute("id") ?? (0, import_nanoid5.nanoid)(),
+      const item = {
+        id: lineItem.getAttribute("id") ?? (0, import_nanoid6.nanoid)(),
         correct: true,
         account: createNestedEditorFromHtml(accountElement)
       };
       if (debitElement) {
-        item2.debit = createNestedEditorFromHtml(debitElement);
+        item.debit = createNestedEditorFromHtml(debitElement);
       }
       if (creditElement) {
-        item2.credit = createNestedEditorFromHtml(creditElement);
+        item.credit = createNestedEditorFromHtml(creditElement);
       }
-      jsonNode.lineItems.push(item2);
+      jsonNode.lineItems.push(item);
     });
-    const distractorEditor = createNestedEditorFromHtml(null);
-    const distractors = node.querySelectorAll("x-distractor");
-    const emptyDistractorEditorChildren = distractorEditor.editorState.root.children;
-    distractorEditor.editorState.root.children = [];
-    let distractorId = null;
-    distractors.forEach((distractor) => {
-      if (!(distractor instanceof import_node_html_parser10.HTMLElement)) return;
-      distractorId = distractorId ?? extractDistractorId(distractor.getAttribute("id"));
-      distractorEditor.editorState.root.children.push(
-        ...createNestedNodesFromHtml(distractor)
-      );
-    });
-    if (!distractorEditor.editorState.root.children.length) {
-      distractorEditor.editorState.root.children = emptyDistractorEditorChildren;
-    }
-    const item = {
-      id: distractorId ?? (0, import_nanoid5.nanoid)(),
+    const distractorNode = createOnePerLineDistractorNode(node);
+    jsonNode.lineItems.push({
+      id: distractorNode.id,
       correct: false,
-      account: distractorEditor
-    };
-    jsonNode.lineItems.push(item);
+      account: distractorNode.content
+    });
     return jsonNode;
   }
 };
 
 // src/importFromHtml/LineBreakNodeHandler.ts
-var import_node_html_parser11 = require("node-html-parser");
+var import_node_html_parser12 = require("node-html-parser");
 var LineBreakNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser11.HTMLElement)) return null;
+    if (!(node instanceof import_node_html_parser12.HTMLElement)) return null;
     if (node.tagName !== "BR") return null;
     return {
       type: "linebreak",
@@ -1586,11 +1619,11 @@ var LineBreakNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/LinkNodeHandler.ts
-var import_node_html_parser12 = require("node-html-parser");
+var import_node_html_parser13 = require("node-html-parser");
 var TAG_A = "a";
 var LinkNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser12.HTMLElement) || node.tagName !== TAG_A.toUpperCase()) {
+    if (!(node instanceof import_node_html_parser13.HTMLElement) || node.tagName !== TAG_A.toUpperCase()) {
       return null;
     }
     const url = node.getAttribute("href") || "";
@@ -1619,10 +1652,10 @@ var LinkNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ListItemNodeHandler.ts
-var import_node_html_parser13 = require("node-html-parser");
+var import_node_html_parser14 = require("node-html-parser");
 var ListItemNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser13.HTMLElement)) return null;
+    if (!(node instanceof import_node_html_parser14.HTMLElement)) return null;
     if (node.tagName !== "LI") return null;
     const jsonNode = {
       type: "listitem",
@@ -1643,10 +1676,10 @@ var ListItemNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ListNodeHandler.ts
-var import_node_html_parser14 = require("node-html-parser");
+var import_node_html_parser15 = require("node-html-parser");
 var ListNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser14.HTMLElement)) return null;
+    if (!(node instanceof import_node_html_parser15.HTMLElement)) return null;
     if (node.tagName !== "UL" && node.tagName !== "OL") return null;
     const tag = node.tagName.toLowerCase();
     const listType = tag === "ol" ? "number" : "bullet";
@@ -1664,7 +1697,7 @@ var ListNodeHandler2 = class extends NodeHandler2 {
     };
     let itemIndex = 1;
     node.childNodes.forEach((child) => {
-      if (child instanceof import_node_html_parser14.HTMLElement && child.tagName === "LI") {
+      if (child instanceof import_node_html_parser15.HTMLElement && child.tagName === "LI") {
         const listItemNode = {
           type: "listitem",
           version: 1,
@@ -1688,14 +1721,14 @@ var ListNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/MatchingQuestionNodeHandler.ts
-var import_nanoid6 = require("nanoid");
-var import_node_html_parser15 = require("node-html-parser");
+var import_nanoid7 = require("nanoid");
+var import_node_html_parser16 = require("node-html-parser");
 var MatchingQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser15.HTMLElement) || node.tagName !== "x-matching".toUpperCase())
+    if (!(node instanceof import_node_html_parser16.HTMLElement) || node.tagName !== "x-matching".toUpperCase())
       return null;
     const jsonNode = {
-      id: node.getAttribute("id") ?? (0, import_nanoid6.nanoid)(),
+      id: node.getAttribute("id") ?? (0, import_nanoid7.nanoid)(),
       pointsPerMatch: Number(
         node.getAttribute("data-x-points-per-match") ?? 1
       ),
@@ -1703,38 +1736,35 @@ var MatchingQuestionNodeHandler2 = class extends NodeHandler2 {
       type: "matching-question",
       version: 1
     };
-    const childNodes = node.childNodes;
-    childNodes.forEach((child) => {
-      if (!(child instanceof import_node_html_parser15.HTMLElement)) return;
-      if (child.tagName === "x-match".toUpperCase()) {
-        const premise = child.querySelector("x-premise");
-        const option = child.querySelector("x-option");
-        if (!premise || !option) return;
-        jsonNode.items.push({
-          id: premise.getAttribute("id") ?? (0, import_nanoid6.nanoid)(),
-          correct: true,
-          itemPremiseContent: createNestedEditorFromHtml(premise),
-          itemOptionContent: createNestedEditorFromHtml(option)
-        });
-      }
-      if (child.tagName === "x-distractor".toUpperCase()) {
-        jsonNode.items.push({
-          id: child.getAttribute("id") ?? (0, import_nanoid6.nanoid)(),
-          correct: false,
-          itemOptionContent: createNestedEditorFromHtml(child)
-        });
-      }
+    const matches = node.querySelectorAll("x-match");
+    matches.forEach((match) => {
+      if (!(match instanceof import_node_html_parser16.HTMLElement)) return;
+      const premise = match.querySelector("x-premise");
+      const option = match.querySelector("x-option");
+      if (!premise || !option) return;
+      jsonNode.items.push({
+        id: premise.getAttribute("id") ?? (0, import_nanoid7.nanoid)(),
+        correct: true,
+        itemPremiseContent: createNestedEditorFromHtml(premise),
+        itemOptionContent: createNestedEditorFromHtml(option)
+      });
+    });
+    const distractorNode = createOnePerLineDistractorNode(node);
+    jsonNode.items.push({
+      id: distractorNode.id,
+      correct: false,
+      itemOptionContent: distractorNode.content
     });
     return jsonNode;
   }
 };
 
 // src/importFromHtml/MultipleOptionQuestionNodeHandler.ts
-var import_nanoid7 = require("nanoid");
-var import_node_html_parser16 = require("node-html-parser");
+var import_nanoid8 = require("nanoid");
+var import_node_html_parser17 = require("node-html-parser");
 var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser16.HTMLElement)) return null;
+    if (!(node instanceof import_node_html_parser17.HTMLElement)) return null;
     if (node.tagName === "x-multiple-choice".toUpperCase())
       return this.processMultipleChoiceNode(node);
     else if (node.tagName === "x-multiple-answers".toUpperCase())
@@ -1744,7 +1774,7 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processMultipleChoiceNode(node) {
     const jsonNode = {
       options: [],
-      id: node.getAttribute("id") ?? (0, import_nanoid7.nanoid)(),
+      id: node.getAttribute("id") ?? (0, import_nanoid8.nanoid)(),
       questionType: "multiple-choice",
       points: Number(node.getAttribute("data-x-points") || 0),
       choices: node.getAttribute("data-x-choices") ? Number(node.getAttribute("data-x-choices")) : void 0,
@@ -1758,7 +1788,7 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processMultipleAnswersNode(node) {
     const jsonNode = {
       options: [],
-      id: node.getAttribute("id") ?? (0, import_nanoid7.nanoid)(),
+      id: node.getAttribute("id") ?? (0, import_nanoid8.nanoid)(),
       questionType: "multiple-answers",
       points: Number(node.getAttribute("data-x-points") || 0),
       correctChoices: node.getAttribute("data-x-correct-choices") ? Number(node.getAttribute("data-x-correct-choices")) : void 0,
@@ -1774,10 +1804,10 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processOptions(node, jsonNode) {
     const childNodes = node.childNodes;
     childNodes.forEach((child) => {
-      if (!(child instanceof import_node_html_parser16.HTMLElement)) return;
+      if (!(child instanceof import_node_html_parser17.HTMLElement)) return;
       if (child.tagName !== "x-option".toUpperCase()) return;
       jsonNode.options.push({
-        id: child.getAttribute("id") ?? (0, import_nanoid7.nanoid)(),
+        id: child.getAttribute("id") ?? (0, import_nanoid8.nanoid)(),
         correct: child.getAttribute("data-x-correct") === "true",
         content: createNestedEditorFromHtml(child)
       });
@@ -1786,7 +1816,7 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ParagraphNodeHandler.ts
-var import_node_html_parser17 = require("node-html-parser");
+var import_node_html_parser18 = require("node-html-parser");
 var TEXT_ALIGN_TO_FORMAT = {
   center: "center",
   end: "end",
@@ -1809,25 +1839,25 @@ var ParagraphNodeHandler2 = class extends NodeHandler2 {
     return "";
   }
   processImageNode(node) {
-    if (node.childNodes.length === 1 && node.childNodes[0] instanceof import_node_html_parser17.HTMLElement && node.childNodes[0].tagName === "IMG") {
+    if (node.childNodes.length === 1 && node.childNodes[0] instanceof import_node_html_parser18.HTMLElement && node.childNodes[0].tagName === "IMG") {
       return traverse2(node.childNodes[0]);
     }
     return null;
   }
   processSpanImageNode(node) {
-    if (node.childNodes.length === 1 && node.childNodes[0] instanceof import_node_html_parser17.HTMLElement && node.childNodes[0].tagName === "SPAN" && node.childNodes[0].childNodes.length === 1 && node.childNodes[0].childNodes[0] instanceof import_node_html_parser17.HTMLElement && node.childNodes[0].childNodes[0].tagName === "IMG") {
+    if (node.childNodes.length === 1 && node.childNodes[0] instanceof import_node_html_parser18.HTMLElement && node.childNodes[0].tagName === "SPAN" && node.childNodes[0].childNodes.length === 1 && node.childNodes[0].childNodes[0] instanceof import_node_html_parser18.HTMLElement && node.childNodes[0].childNodes[0].tagName === "IMG") {
       return traverse2(node.childNodes[0].childNodes[0]);
     }
     return null;
   }
   processNode(node) {
-    if (!(node instanceof import_node_html_parser17.HTMLElement)) return null;
+    if (!(node instanceof import_node_html_parser18.HTMLElement)) return null;
     if (node.tagName !== "P") return null;
     const imageNode = this.processImageNode(node) ?? this.processSpanImageNode(node);
     if (imageNode) return imageNode;
     const jsonNode = createEmptyParagraphNode();
     jsonNode.format = this.extractTextAlignment(node);
-    if (node.childNodes.length === 1 && node.childNodes[0] instanceof import_node_html_parser17.HTMLElement && node.childNodes[0].tagName === "BR")
+    if (node.childNodes.length === 1 && node.childNodes[0] instanceof import_node_html_parser18.HTMLElement && node.childNodes[0].tagName === "BR")
       return jsonNode;
     node.childNodes.forEach((child) => {
       const processedChildren = traverse2(child);
@@ -1838,14 +1868,14 @@ var ParagraphNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ShortAnswerQuestionNodeHandler.ts
-var import_nanoid8 = require("nanoid");
-var import_node_html_parser18 = require("node-html-parser");
+var import_nanoid9 = require("nanoid");
+var import_node_html_parser19 = require("node-html-parser");
 var ShortAnswerQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser18.HTMLElement) || node.tagName !== "x-short-answer".toUpperCase())
+    if (!(node instanceof import_node_html_parser19.HTMLElement) || node.tagName !== "x-short-answer".toUpperCase())
       return null;
     return {
-      id: node.getAttribute("id") ?? (0, import_nanoid8.nanoid)(),
+      id: node.getAttribute("id") ?? (0, import_nanoid9.nanoid)(),
       points: Number(node.getAttribute("data-x-points") ?? 1),
       maxWords: Number(node.getAttribute("data-x-max-words") ?? 100),
       notes: createNestedEditorFromHtml(
@@ -1858,13 +1888,13 @@ var ShortAnswerQuestionNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/SimulationQuestionNodeHandler.ts
-var import_node_html_parser19 = require("node-html-parser");
+var import_node_html_parser20 = require("node-html-parser");
 var TAG_X_SIMULATION = "x-simulation";
 var TAG_X_SYSTEM_MESSAGE2 = "x-ai-system-message";
 var TAG_X_STEP2_INSTRUCTIONS = "x-step2-instructions";
 var SimulationQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser19.HTMLElement) || node.tagName !== TAG_X_SIMULATION.toUpperCase()) {
+    if (!(node instanceof import_node_html_parser20.HTMLElement) || node.tagName !== TAG_X_SIMULATION.toUpperCase()) {
       return null;
     }
     const jsonNode = {
@@ -1891,11 +1921,11 @@ var SimulationQuestionNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/SpanNodeHandler.ts
-var import_node_html_parser20 = require("node-html-parser");
-var TextNode = import_node_html_parser20.parse.TextNode;
+var import_node_html_parser21 = require("node-html-parser");
+var TextNode = import_node_html_parser21.parse.TextNode;
 var SpanNodeHandler = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser20.HTMLElement) || node.tagName !== "SPAN")
+    if (!(node instanceof import_node_html_parser21.HTMLElement) || node.tagName !== "SPAN")
       return null;
     const styleAttr = node.getAttribute("style") || "";
     if (node.childNodes.length === 1 && node.childNodes[0] instanceof TextNode) {
@@ -1955,7 +1985,7 @@ var SpanNodeHandler = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/TableCellNodeHandler.ts
-var import_node_html_parser21 = require("node-html-parser");
+var import_node_html_parser22 = require("node-html-parser");
 
 // src/utils/styleUtils.ts
 var extractStyleValue = (styleAttr, property, isNumeric = false, unit = "") => {
@@ -2004,7 +2034,7 @@ function createEmptyTableCellNode(isHeader = false) {
 
 // src/importFromHtml/TableCellNodeHandler.ts
 var isHtmlTableCellElement = (node) => {
-  return node instanceof import_node_html_parser21.HTMLElement && (node.tagName === "TD" || node.tagName === "TH");
+  return node instanceof import_node_html_parser22.HTMLElement && (node.tagName === "TD" || node.tagName === "TH");
 };
 var TableCellNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
@@ -2046,10 +2076,10 @@ var TableCellNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/TableNodeHandler.ts
-var import_node_html_parser22 = require("node-html-parser");
+var import_node_html_parser23 = require("node-html-parser");
 var REFERENCE_TABLE_WIDTH = 720;
 var MINIMUM_REFERENCE_TABLE_WIDTH = 500;
-var isHtmlTableElement = (node) => node instanceof import_node_html_parser22.HTMLElement && node.tagName === "TABLE";
+var isHtmlTableElement = (node) => node instanceof import_node_html_parser23.HTMLElement && node.tagName === "TABLE";
 var TableNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
     if (!isHtmlTableElement(node)) return null;
@@ -2204,9 +2234,9 @@ var TableNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/TableRowNodeHandler.ts
-var import_node_html_parser23 = require("node-html-parser");
+var import_node_html_parser24 = require("node-html-parser");
 var isHtmlTableRowElement = (node) => {
-  return node instanceof import_node_html_parser23.HTMLElement && node.tagName === "TR";
+  return node instanceof import_node_html_parser24.HTMLElement && node.tagName === "TR";
 };
 var TableRowNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
@@ -2229,8 +2259,8 @@ var TableRowNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/TextNodeHandler.ts
-var import_node_html_parser24 = require("node-html-parser");
-var TextNode2 = import_node_html_parser24.parse.TextNode;
+var import_node_html_parser25 = require("node-html-parser");
+var TextNode2 = import_node_html_parser25.parse.TextNode;
 var TextNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
     if (node instanceof TextNode2 && !!node.parentNode.tagName) {
@@ -2253,10 +2283,10 @@ var TextNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/VariableNodeHandler.ts
-var import_node_html_parser25 = require("node-html-parser");
+var import_node_html_parser26 = require("node-html-parser");
 var VariableNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof import_node_html_parser25.HTMLElement) || !node.tagName) return null;
+    if (!(node instanceof import_node_html_parser26.HTMLElement) || !node.tagName) return null;
     if (node.tagName !== "x-param".toUpperCase()) return null;
     return {
       variableName: node.getAttribute("data-x-name") || "undefined",
@@ -2287,7 +2317,7 @@ function processChildren(node) {
   return result;
 }
 function processHtml(html) {
-  const root = (0, import_node_html_parser26.parse)(html);
+  const root = (0, import_node_html_parser27.parse)(html);
   return processChildren(root);
 }
 function importFromHtml(html) {

package/dist/index.mjs

@@ -129,7 +129,8 @@ var FillInTheBlankSpaceNodeHandler = class extends NodeHandler {
       `data-x-case-sensitive="${!!node.caseSensitive}"`,
       `data-x-errors-allowed="${node.errorsAllowed ?? 0}"`,
       `data-x-min-decimals="${node.minDecimals ?? ""}"`,
-      `data-x-error-tolerance="${node.errorTolerance ?? 0}"`,
+      `data-x-error-tolerance="${(node.errorTolerance ?? 0) / 100}"`,
+      // Divide by 100 to convert percentage to rate
       `data-x-distractors="${node.distractors ?? ""}"`
     ];
     return attributes.join(" ");
@@ -311,6 +312,20 @@ function isSerializedJournalEntryQuestionNode(node) {
   return node?.type === "journal-entry-question" && "id" in node && typeof node.id === "string" && "points" in node && typeof node.points === "number" && "journalType" in node && typeof node.journalType === "string" && "lineItems" in node && Array.isArray(node.lineItems);
 }
 
+// src/exportToHtml/createHtmlFromOnePerLineDistractorNodes.ts
+function createHtmlFromOnePerLineDistractorNodes(distractorNodes, parentNode) {
+  const distractors = distractorNodes.map((node) => {
+    const distractorAccounts = createHtmlFromNestedEditor(
+      node.content,
+      { parentNode }
+    );
+    return distractorAccounts.split("<br>").filter((a) => a.trim()).map(
+      (a, i) => `<x-distractor id="${node.id}|${i}">${a}</x-distractor>`
+    ).join("");
+  }).join("");
+  return distractors;
+}
+
 // src/exportToHtml/JournalEntryQuestionNodeHandler.ts
 var JournalEntryQuestionNodeHandler = class extends NodeHandler {
   processNode(node) {
@@ -364,16 +379,14 @@ var JournalEntryQuestionNodeHandler = class extends NodeHandler {
     return `<x-line-item id="${item.id}"><x-account>${accountContent}</x-account><x-debit>${debitContent}</x-debit><x-credit>${creditContent}</x-credit></x-line-item>`;
   }
   processDistractors(node) {
-    const distractors = node.lineItems.filter((item) => !item.correct).map((item) => {
-      const distractorAccounts = createHtmlFromNestedEditor(
-        item.account,
-        { parentNode: node }
-      );
-      return distractorAccounts.split("<br>").filter((a) => a.trim()).map(
-        (a, i) => `<x-distractor id="${item.id}|${i}">${a}</x-distractor>`
-      ).join("");
-    }).join("");
-    return distractors;
+    const distractorNodes = node.lineItems.filter((item) => !item.correct).map((item) => ({
+      id: item.id,
+      content: item.account
+    }));
+    return createHtmlFromOnePerLineDistractorNodes(
+      distractorNodes,
+      node
+    );
   }
 };
 
@@ -484,13 +497,14 @@ var MatchingQuestionNodeHandler = class extends NodeHandler {
     ).join("");
   }
   createDistractorsHtml(node) {
-    const metadata = { parentNode: node };
-    return node.items.filter((item) => !item.correct).map(
-      (item) => `<x-distractor id="${item.id}">${createHtmlFromNestedEditor(
-        item.itemOptionContent,
-        metadata
-      )}</x-distractor>`
-    ).join("");
+    const distractorNodes = node.items.filter((item) => !item.correct).map((item) => ({
+      id: item.id,
+      content: item.itemOptionContent
+    }));
+    return createHtmlFromOnePerLineDistractorNodes(
+      distractorNodes,
+      node
+    );
   }
 };
 
@@ -989,7 +1003,7 @@ var createCaptionNode = (caption) => {
     return [];
   }
   const captionNode = createEmptyParagraphNode("center");
-  captionNode.children = caption.split("\n").reduce((nodes, line, index, lines) => {
+  captionNode.children = caption.split("<br>").reduce((nodes, line, index, lines) => {
     nodes.push({
       detail: 0,
       format: 0,
@@ -1085,7 +1099,7 @@ function processImageNodeContainer(node) {
       extractWidth(imageNode),
       extractFlexAlign(node),
       hasBorder(imageNode),
-      captionNode?.text
+      captionNode?.innerHTML
     )
   ];
 }
@@ -1237,11 +1251,18 @@ var FillInTheBlankSpaceNodeHandler2 = class extends NodeHandler2 {
       errorsAllowed: node.getAttribute("data-x-errors-allowed") ? Number(node.getAttribute("data-x-errors-allowed")) : void 0
     };
   }
+  parseErrorToleranceAttr(attr) {
+    const value = Number(attr);
+    if (isNaN(value)) return 0;
+    else return value * 100;
+  }
   processNumberSpace(node, baseNode) {
     return {
       ...baseNode,
       minDecimals: node.getAttribute("data-x-min-decimals") ? Number(node.getAttribute("data-x-min-decimals")) : void 0,
-      errorTolerance: node.getAttribute("data-x-error-tolerance") ? Number(node.getAttribute("data-x-error-tolerance")) : void 0
+      errorTolerance: this.parseErrorToleranceAttr(
+        node.getAttribute("data-x-error-tolerance")
+      )
     };
   }
   processDropdownSpace(node, baseNode) {
@@ -1477,22 +1498,49 @@ var ImageNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/JournalEntryQuestionNodeHandler.ts
+import { nanoid as nanoid6 } from "nanoid";
+import { HTMLElement as HTMLElement11 } from "node-html-parser";
+
+// src/importFromHtml/createOnePerLineDistractorNode.ts
 import { nanoid as nanoid5 } from "nanoid";
 import { HTMLElement as HTMLElement10 } from "node-html-parser";
-var extractDistractorId = (id) => {
+function extractDistractorId(id) {
   if (!id) return null;
   const parts = id.split("|");
-  return parts.length === 2 ? parts[0] : null;
+  return parts[0] ? parts[0] : null;
+}
+var createOnePerLineDistractorNode = (node) => {
+  const distractorEditor = createNestedEditorFromHtml(null);
+  const distractors = node.querySelectorAll("x-distractor");
+  const emptyDistractorEditorChildren = distractorEditor.editorState.root.children;
+  distractorEditor.editorState.root.children = [];
+  let distractorId = null;
+  distractors.forEach((distractor) => {
+    if (!(distractor instanceof HTMLElement10)) return;
+    distractorId = distractorId ?? extractDistractorId(distractor.getAttribute("id"));
+    distractorEditor.editorState.root.children.push(
+      ...createNestedNodesFromHtml(distractor)
+    );
+  });
+  if (!distractorEditor.editorState.root.children.length) {
+    distractorEditor.editorState.root.children = emptyDistractorEditorChildren;
+  }
+  return {
+    id: distractorId ?? nanoid5(),
+    content: distractorEditor
+  };
 };
+
+// src/importFromHtml/JournalEntryQuestionNodeHandler.ts
 var JournalEntryQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement10) || node.tagName !== "x-journal-entry".toUpperCase())
+    if (!(node instanceof HTMLElement11) || node.tagName !== "x-journal-entry".toUpperCase())
       return null;
     const noEntryRequiredCorrect = node.getAttribute("data-x-no-entry-required-correct") === "true";
     const noEntryRequiredDistractor = node.getAttribute("data-x-no-entry-required-distractor") === "true";
     const journalType = noEntryRequiredCorrect ? "noEntryRequiredCorrect" : noEntryRequiredDistractor ? "noEntryRequiredDistractor" : "default";
     const jsonNode = {
-      id: node.getAttribute("id") ?? nanoid5(),
+      id: node.getAttribute("id") ?? nanoid6(),
       points: Number(node.getAttribute("data-x-points") ?? 1),
       journalType,
       errorTolerance: node.getAttribute("data-x-error-tolerance") ? Number(node.getAttribute("data-x-error-tolerance")) : void 0,
@@ -1502,54 +1550,39 @@ var JournalEntryQuestionNodeHandler2 = class extends NodeHandler2 {
     };
     const lineItems = node.querySelectorAll("x-line-item");
     lineItems.forEach((lineItem) => {
-      if (!(lineItem instanceof HTMLElement10)) return;
+      if (!(lineItem instanceof HTMLElement11)) return;
       const accountElement = lineItem.querySelector("x-account");
       const debitElement = lineItem.querySelector("x-debit");
       const creditElement = lineItem.querySelector("x-credit");
       if (!accountElement) return;
-      const item2 = {
-        id: lineItem.getAttribute("id") ?? nanoid5(),
+      const item = {
+        id: lineItem.getAttribute("id") ?? nanoid6(),
         correct: true,
         account: createNestedEditorFromHtml(accountElement)
       };
       if (debitElement) {
-        item2.debit = createNestedEditorFromHtml(debitElement);
+        item.debit = createNestedEditorFromHtml(debitElement);
       }
       if (creditElement) {
-        item2.credit = createNestedEditorFromHtml(creditElement);
+        item.credit = createNestedEditorFromHtml(creditElement);
       }
-      jsonNode.lineItems.push(item2);
-    });
-    const distractorEditor = createNestedEditorFromHtml(null);
-    const distractors = node.querySelectorAll("x-distractor");
-    const emptyDistractorEditorChildren = distractorEditor.editorState.root.children;
-    distractorEditor.editorState.root.children = [];
-    let distractorId = null;
-    distractors.forEach((distractor) => {
-      if (!(distractor instanceof HTMLElement10)) return;
-      distractorId = distractorId ?? extractDistractorId(distractor.getAttribute("id"));
-      distractorEditor.editorState.root.children.push(
-        ...createNestedNodesFromHtml(distractor)
-      );
+      jsonNode.lineItems.push(item);
     });
-    if (!distractorEditor.editorState.root.children.length) {
-      distractorEditor.editorState.root.children = emptyDistractorEditorChildren;
-    }
-    const item = {
-      id: distractorId ?? nanoid5(),
+    const distractorNode = createOnePerLineDistractorNode(node);
+    jsonNode.lineItems.push({
+      id: distractorNode.id,
       correct: false,
-      account: distractorEditor
-    };
-    jsonNode.lineItems.push(item);
+      account: distractorNode.content
+    });
     return jsonNode;
   }
 };
 
 // src/importFromHtml/LineBreakNodeHandler.ts
-import { HTMLElement as HTMLElement11 } from "node-html-parser";
+import { HTMLElement as HTMLElement12 } from "node-html-parser";
 var LineBreakNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement11)) return null;
+    if (!(node instanceof HTMLElement12)) return null;
     if (node.tagName !== "BR") return null;
     return {
       type: "linebreak",
@@ -1559,11 +1592,11 @@ var LineBreakNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/LinkNodeHandler.ts
-import { HTMLElement as HTMLElement12 } from "node-html-parser";
+import { HTMLElement as HTMLElement13 } from "node-html-parser";
 var TAG_A = "a";
 var LinkNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement12) || node.tagName !== TAG_A.toUpperCase()) {
+    if (!(node instanceof HTMLElement13) || node.tagName !== TAG_A.toUpperCase()) {
       return null;
     }
     const url = node.getAttribute("href") || "";
@@ -1592,10 +1625,10 @@ var LinkNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ListItemNodeHandler.ts
-import { HTMLElement as HTMLElement13 } from "node-html-parser";
+import { HTMLElement as HTMLElement14 } from "node-html-parser";
 var ListItemNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement13)) return null;
+    if (!(node instanceof HTMLElement14)) return null;
     if (node.tagName !== "LI") return null;
     const jsonNode = {
       type: "listitem",
@@ -1616,10 +1649,10 @@ var ListItemNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ListNodeHandler.ts
-import { HTMLElement as HTMLElement14 } from "node-html-parser";
+import { HTMLElement as HTMLElement15 } from "node-html-parser";
 var ListNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement14)) return null;
+    if (!(node instanceof HTMLElement15)) return null;
     if (node.tagName !== "UL" && node.tagName !== "OL") return null;
     const tag = node.tagName.toLowerCase();
     const listType = tag === "ol" ? "number" : "bullet";
@@ -1637,7 +1670,7 @@ var ListNodeHandler2 = class extends NodeHandler2 {
     };
     let itemIndex = 1;
     node.childNodes.forEach((child) => {
-      if (child instanceof HTMLElement14 && child.tagName === "LI") {
+      if (child instanceof HTMLElement15 && child.tagName === "LI") {
         const listItemNode = {
           type: "listitem",
           version: 1,
@@ -1661,14 +1694,14 @@ var ListNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/MatchingQuestionNodeHandler.ts
-import { nanoid as nanoid6 } from "nanoid";
-import { HTMLElement as HTMLElement15 } from "node-html-parser";
+import { nanoid as nanoid7 } from "nanoid";
+import { HTMLElement as HTMLElement16 } from "node-html-parser";
 var MatchingQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement15) || node.tagName !== "x-matching".toUpperCase())
+    if (!(node instanceof HTMLElement16) || node.tagName !== "x-matching".toUpperCase())
       return null;
     const jsonNode = {
-      id: node.getAttribute("id") ?? nanoid6(),
+      id: node.getAttribute("id") ?? nanoid7(),
       pointsPerMatch: Number(
         node.getAttribute("data-x-points-per-match") ?? 1
       ),
@@ -1676,38 +1709,35 @@ var MatchingQuestionNodeHandler2 = class extends NodeHandler2 {
       type: "matching-question",
       version: 1
     };
-    const childNodes = node.childNodes;
-    childNodes.forEach((child) => {
-      if (!(child instanceof HTMLElement15)) return;
-      if (child.tagName === "x-match".toUpperCase()) {
-        const premise = child.querySelector("x-premise");
-        const option = child.querySelector("x-option");
-        if (!premise || !option) return;
-        jsonNode.items.push({
-          id: premise.getAttribute("id") ?? nanoid6(),
-          correct: true,
-          itemPremiseContent: createNestedEditorFromHtml(premise),
-          itemOptionContent: createNestedEditorFromHtml(option)
-        });
-      }
-      if (child.tagName === "x-distractor".toUpperCase()) {
-        jsonNode.items.push({
-          id: child.getAttribute("id") ?? nanoid6(),
-          correct: false,
-          itemOptionContent: createNestedEditorFromHtml(child)
-        });
-      }
+    const matches = node.querySelectorAll("x-match");
+    matches.forEach((match) => {
+      if (!(match instanceof HTMLElement16)) return;
+      const premise = match.querySelector("x-premise");
+      const option = match.querySelector("x-option");
+      if (!premise || !option) return;
+      jsonNode.items.push({
+        id: premise.getAttribute("id") ?? nanoid7(),
+        correct: true,
+        itemPremiseContent: createNestedEditorFromHtml(premise),
+        itemOptionContent: createNestedEditorFromHtml(option)
+      });
+    });
+    const distractorNode = createOnePerLineDistractorNode(node);
+    jsonNode.items.push({
+      id: distractorNode.id,
+      correct: false,
+      itemOptionContent: distractorNode.content
     });
     return jsonNode;
   }
 };
 
 // src/importFromHtml/MultipleOptionQuestionNodeHandler.ts
-import { nanoid as nanoid7 } from "nanoid";
-import { HTMLElement as HTMLElement16 } from "node-html-parser";
+import { nanoid as nanoid8 } from "nanoid";
+import { HTMLElement as HTMLElement17 } from "node-html-parser";
 var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement16)) return null;
+    if (!(node instanceof HTMLElement17)) return null;
     if (node.tagName === "x-multiple-choice".toUpperCase())
       return this.processMultipleChoiceNode(node);
     else if (node.tagName === "x-multiple-answers".toUpperCase())
@@ -1717,7 +1747,7 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processMultipleChoiceNode(node) {
     const jsonNode = {
       options: [],
-      id: node.getAttribute("id") ?? nanoid7(),
+      id: node.getAttribute("id") ?? nanoid8(),
       questionType: "multiple-choice",
       points: Number(node.getAttribute("data-x-points") || 0),
       choices: node.getAttribute("data-x-choices") ? Number(node.getAttribute("data-x-choices")) : void 0,
@@ -1731,7 +1761,7 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processMultipleAnswersNode(node) {
     const jsonNode = {
       options: [],
-      id: node.getAttribute("id") ?? nanoid7(),
+      id: node.getAttribute("id") ?? nanoid8(),
       questionType: "multiple-answers",
       points: Number(node.getAttribute("data-x-points") || 0),
       correctChoices: node.getAttribute("data-x-correct-choices") ? Number(node.getAttribute("data-x-correct-choices")) : void 0,
@@ -1747,10 +1777,10 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
   processOptions(node, jsonNode) {
     const childNodes = node.childNodes;
     childNodes.forEach((child) => {
-      if (!(child instanceof HTMLElement16)) return;
+      if (!(child instanceof HTMLElement17)) return;
       if (child.tagName !== "x-option".toUpperCase()) return;
       jsonNode.options.push({
-        id: child.getAttribute("id") ?? nanoid7(),
+        id: child.getAttribute("id") ?? nanoid8(),
         correct: child.getAttribute("data-x-correct") === "true",
         content: createNestedEditorFromHtml(child)
       });
@@ -1759,7 +1789,7 @@ var MultipleOptionQuestionNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ParagraphNodeHandler.ts
-import { HTMLElement as HTMLElement17 } from "node-html-parser";
+import { HTMLElement as HTMLElement18 } from "node-html-parser";
 var TEXT_ALIGN_TO_FORMAT = {
   center: "center",
   end: "end",
@@ -1782,25 +1812,25 @@ var ParagraphNodeHandler2 = class extends NodeHandler2 {
     return "";
   }
   processImageNode(node) {
-    if (node.childNodes.length === 1 && node.childNodes[0] instanceof HTMLElement17 && node.childNodes[0].tagName === "IMG") {
+    if (node.childNodes.length === 1 && node.childNodes[0] instanceof HTMLElement18 && node.childNodes[0].tagName === "IMG") {
       return traverse2(node.childNodes[0]);
     }
     return null;
   }
   processSpanImageNode(node) {
-    if (node.childNodes.length === 1 && node.childNodes[0] instanceof HTMLElement17 && node.childNodes[0].tagName === "SPAN" && node.childNodes[0].childNodes.length === 1 && node.childNodes[0].childNodes[0] instanceof HTMLElement17 && node.childNodes[0].childNodes[0].tagName === "IMG") {
+    if (node.childNodes.length === 1 && node.childNodes[0] instanceof HTMLElement18 && node.childNodes[0].tagName === "SPAN" && node.childNodes[0].childNodes.length === 1 && node.childNodes[0].childNodes[0] instanceof HTMLElement18 && node.childNodes[0].childNodes[0].tagName === "IMG") {
       return traverse2(node.childNodes[0].childNodes[0]);
     }
     return null;
   }
   processNode(node) {
-    if (!(node instanceof HTMLElement17)) return null;
+    if (!(node instanceof HTMLElement18)) return null;
     if (node.tagName !== "P") return null;
     const imageNode = this.processImageNode(node) ?? this.processSpanImageNode(node);
     if (imageNode) return imageNode;
     const jsonNode = createEmptyParagraphNode();
     jsonNode.format = this.extractTextAlignment(node);
-    if (node.childNodes.length === 1 && node.childNodes[0] instanceof HTMLElement17 && node.childNodes[0].tagName === "BR")
+    if (node.childNodes.length === 1 && node.childNodes[0] instanceof HTMLElement18 && node.childNodes[0].tagName === "BR")
       return jsonNode;
     node.childNodes.forEach((child) => {
       const processedChildren = traverse2(child);
@@ -1811,14 +1841,14 @@ var ParagraphNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/ShortAnswerQuestionNodeHandler.ts
-import { nanoid as nanoid8 } from "nanoid";
-import { HTMLElement as HTMLElement18 } from "node-html-parser";
+import { nanoid as nanoid9 } from "nanoid";
+import { HTMLElement as HTMLElement19 } from "node-html-parser";
 var ShortAnswerQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement18) || node.tagName !== "x-short-answer".toUpperCase())
+    if (!(node instanceof HTMLElement19) || node.tagName !== "x-short-answer".toUpperCase())
       return null;
     return {
-      id: node.getAttribute("id") ?? nanoid8(),
+      id: node.getAttribute("id") ?? nanoid9(),
       points: Number(node.getAttribute("data-x-points") ?? 1),
       maxWords: Number(node.getAttribute("data-x-max-words") ?? 100),
       notes: createNestedEditorFromHtml(
@@ -1831,13 +1861,13 @@ var ShortAnswerQuestionNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/SimulationQuestionNodeHandler.ts
-import { HTMLElement as HTMLElement19 } from "node-html-parser";
+import { HTMLElement as HTMLElement20 } from "node-html-parser";
 var TAG_X_SIMULATION = "x-simulation";
 var TAG_X_SYSTEM_MESSAGE2 = "x-ai-system-message";
 var TAG_X_STEP2_INSTRUCTIONS = "x-step2-instructions";
 var SimulationQuestionNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement19) || node.tagName !== TAG_X_SIMULATION.toUpperCase()) {
+    if (!(node instanceof HTMLElement20) || node.tagName !== TAG_X_SIMULATION.toUpperCase()) {
       return null;
     }
     const jsonNode = {
@@ -1864,11 +1894,11 @@ var SimulationQuestionNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/SpanNodeHandler.ts
-import { HTMLElement as HTMLElement20, parse } from "node-html-parser";
+import { HTMLElement as HTMLElement21, parse } from "node-html-parser";
 var TextNode = parse.TextNode;
 var SpanNodeHandler = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement20) || node.tagName !== "SPAN")
+    if (!(node instanceof HTMLElement21) || node.tagName !== "SPAN")
       return null;
     const styleAttr = node.getAttribute("style") || "";
     if (node.childNodes.length === 1 && node.childNodes[0] instanceof TextNode) {
@@ -1928,7 +1958,7 @@ var SpanNodeHandler = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/TableCellNodeHandler.ts
-import { HTMLElement as HTMLElement21 } from "node-html-parser";
+import { HTMLElement as HTMLElement22 } from "node-html-parser";
 
 // src/utils/styleUtils.ts
 var extractStyleValue = (styleAttr, property, isNumeric = false, unit = "") => {
@@ -1977,7 +2007,7 @@ function createEmptyTableCellNode(isHeader = false) {
 
 // src/importFromHtml/TableCellNodeHandler.ts
 var isHtmlTableCellElement = (node) => {
-  return node instanceof HTMLElement21 && (node.tagName === "TD" || node.tagName === "TH");
+  return node instanceof HTMLElement22 && (node.tagName === "TD" || node.tagName === "TH");
 };
 var TableCellNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
@@ -2019,10 +2049,10 @@ var TableCellNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/TableNodeHandler.ts
-import { HTMLElement as HTMLElement22 } from "node-html-parser";
+import { HTMLElement as HTMLElement23 } from "node-html-parser";
 var REFERENCE_TABLE_WIDTH = 720;
 var MINIMUM_REFERENCE_TABLE_WIDTH = 500;
-var isHtmlTableElement = (node) => node instanceof HTMLElement22 && node.tagName === "TABLE";
+var isHtmlTableElement = (node) => node instanceof HTMLElement23 && node.tagName === "TABLE";
 var TableNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
     if (!isHtmlTableElement(node)) return null;
@@ -2177,9 +2207,9 @@ var TableNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/TableRowNodeHandler.ts
-import { HTMLElement as HTMLElement23 } from "node-html-parser";
+import { HTMLElement as HTMLElement24 } from "node-html-parser";
 var isHtmlTableRowElement = (node) => {
-  return node instanceof HTMLElement23 && node.tagName === "TR";
+  return node instanceof HTMLElement24 && node.tagName === "TR";
 };
 var TableRowNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
@@ -2226,10 +2256,10 @@ var TextNodeHandler2 = class extends NodeHandler2 {
 };
 
 // src/importFromHtml/VariableNodeHandler.ts
-import { HTMLElement as HTMLElement24 } from "node-html-parser";
+import { HTMLElement as HTMLElement25 } from "node-html-parser";
 var VariableNodeHandler2 = class extends NodeHandler2 {
   processNode(node) {
-    if (!(node instanceof HTMLElement24) || !node.tagName) return null;
+    if (!(node instanceof HTMLElement25) || !node.tagName) return null;
     if (node.tagName !== "x-param".toUpperCase()) return null;
     return {
       variableName: node.getAttribute("data-x-name") || "undefined",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@examind/block-sdk",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "@comment version": [
     "Don't specify package version here. It will be injected by publish workflow."
   ],
@@ -21,7 +21,7 @@
   "peerDependencies": {
     "nanoid": ">=3.0.0",
     "node-html-parser": ">=6.0.0",
-    "@examind/block-types": "^0.1.22"
+    "@examind/block-types": "^0.1.24"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
@@ -36,7 +36,7 @@
     "tsup": "^8.3.5",
     "typescript": "^5.7.2",
     "typescript-eslint": "^8.18.2",
-    "@examind/block-types": "0.1.22"
+    "@examind/block-types": "0.1.24"
   },
   "dependencies": {
     "lodash-es": "4.17.21"