@examind/block-sdk 0.2.5 → 0.3.0

package/dist/index.js

@@ -264,6 +264,7 @@ var FillInTheBlankSpaceNodeHandler = class extends NodeHandler {
       `id="${node.id}"`,
       `data-x-type="${node.spaceType}"`,
       `data-x-matches="${node.matches}"`,
+      `data-x-use-regex="${!!node.useRegex}"`,
       `data-x-case-sensitive="${!!node.caseSensitive}"`,
       `data-x-errors-allowed="${node.errorsAllowed ?? 0}"`,
       `data-x-min-decimals="${node.minDecimals ?? ""}"`,
@@ -347,7 +348,9 @@ var FinancialStatementQuestionNodeHandler = class extends NodeHandler {
         const amountHintAttr = row.isAmountHint ? ' data-x-is-amount-hint="true"' : "";
         rowElements.push(
           `<x-line id="${row.id}" data-x-depth="${row.depth}"${entryHintAttr}${amountHintAttr}>`,
-          `<x-entry>${row.entry}</x-entry>`,
+          `<x-entry>${createHtmlFromNestedEditor(row.entry, {
+            parentNode: node
+          })}</x-entry>`,
           `<x-amount>${createHtmlFromNestedEditor(row.amount, {
             parentNode: node
           })}</x-amount>`,
@@ -362,7 +365,12 @@ var FinancialStatementQuestionNodeHandler = class extends NodeHandler {
       return "";
     }
     const distractorElements = node.distractors.map(
-      (distractor) => `<x-distractor id="${distractor.id}">${distractor.entry}</x-distractor>`
+      (distractor) => `<x-distractor id="${distractor.id}">${createHtmlFromNestedEditor(
+        distractor.entry,
+        {
+          parentNode: node
+        }
+      )}</x-distractor>`
     );
     return `<x-distractors>${distractorElements.join("")}</x-distractors>`;
   }
@@ -812,6 +820,9 @@ var TableCellNodeHandler = class extends NodeHandler {
     } else if (!hasColspan && tableCellNode.width) {
       styles.push(`width: ${tableCellNode.width}px;`);
     }
+    if (tableCellNode.format) {
+      styles.push(`text-align: ${tableCellNode.format};`);
+    }
     if (tableCellNode.backgroundColor) {
       styles.push(
         `background-color: ${tableCellNode.backgroundColor};`
@@ -1111,6 +1122,25 @@ var CustomQuestionNodeHandler2 = class extends NodeHandler2 {
 // src/importFromHtml/DivNodeHandler.ts
 var import_node_html_parser3 = require("node-html-parser");
 
+// src/utils/styleUtils.ts
+var extractStyleValue = (styleAttr, property, isNumeric = false, unit = "") => {
+  const regex = new RegExp(
+    `${property}:[ ]*([^;]+)${unit ? unit : ""}`,
+    "i"
+  );
+  const match = styleAttr.match(regex);
+  if (!match || !match[1]) return null;
+  const value = match[1].trim();
+  return isNumeric ? parseFloat(value) : value;
+};
+var extractFormat = (cellAlign) => {
+  if (!cellAlign) return "";
+  if (cellAlign === "left") return "left";
+  if (cellAlign === "right") return "right";
+  if (cellAlign === "center") return "center";
+  return "";
+};
+
 // src/importFromHtml/createNestedNodesFromHtml.ts
 var import_node_html_parser2 = require("node-html-parser");
 var wrapInlinesInParagraph = (inlineNodes, format = "") => {
@@ -1124,24 +1154,13 @@ var appendInlinesInParagraphIfNotEmptyBR = (results, inlineNodes, format) => {
     return;
   results.push(wrapInlinesInParagraph(inlineNodes, format));
 };
-var extractFormatFromStyle = (styleAttribute) => {
-  if (!styleAttribute) return "";
-  const textAlignMatch = styleAttribute.match(
-    /text-align:\s*(left|right|center)/i
-  );
-  if (textAlignMatch) {
-    const alignment = textAlignMatch[1].toLowerCase();
-    if (alignment === "left") return "left";
-    if (alignment === "right") return "right";
-    if (alignment === "center") return "center";
-  }
-  return "";
-};
 var createNestedNodesFromHtml = (node) => {
-  const parentStyleAttribute = node instanceof import_node_html_parser2.HTMLElement ? node.getAttribute("style") : null;
-  const format = extractFormatFromStyle(parentStyleAttribute);
+  const divParentStyleAttribute = node instanceof import_node_html_parser2.HTMLElement && node.tagName === "DIV" ? node.getAttribute("style") : null;
+  const divParentFormat = extractFormat(
+    extractStyleValue(divParentStyleAttribute ?? "", "text-align")
+  );
   if (node.childNodes.length === 1 && node.childNodes[0] instanceof import_node_html_parser2.HTMLElement && node.childNodes[0].tagName === "BR") {
-    return [createEmptyParagraphNode(format)];
+    return [createEmptyParagraphNode(divParentFormat)];
   }
   const results = [];
   let inlineNodes = [];
@@ -1155,7 +1174,7 @@ var createNestedNodesFromHtml = (node) => {
         appendInlinesInParagraphIfNotEmptyBR(
           results,
           inlineNodes,
-          format
+          divParentFormat
         );
         inlineNodes = [];
         results.push(processedChild);
@@ -1164,8 +1183,13 @@ var createNestedNodesFromHtml = (node) => {
       }
     }
   }
-  appendInlinesInParagraphIfNotEmptyBR(results, inlineNodes, format);
-  if (results.length === 0) return [createEmptyParagraphNode(format)];
+  appendInlinesInParagraphIfNotEmptyBR(
+    results,
+    inlineNodes,
+    divParentFormat
+  );
+  if (results.length === 0)
+    return [createEmptyParagraphNode(divParentFormat)];
   else return results;
 };
 
@@ -1492,6 +1516,7 @@ var FillInTheBlankSpaceNodeHandler2 = class extends NodeHandler2 {
   processTextSpace(node, baseNode) {
     return {
       ...baseNode,
+      useRegex: node.getAttribute("data-x-use-regex") === "true",
       caseSensitive: node.getAttribute("data-x-case-sensitive") === "true",
       errorsAllowed: node.getAttribute("data-x-errors-allowed") ? Number(node.getAttribute("data-x-errors-allowed")) : void 0
     };
@@ -1558,9 +1583,7 @@ var FinancialStatementQuestionNodeHandler2 = class extends NodeHandler2 {
         continue;
       jsonNode.distractors.push({
         id: distractorsChild.getAttribute("id") || (0, import_nanoid4.nanoid)(),
-        entry: this.getChildNodesTextContent(
-          distractorsChild.childNodes
-        )
+        entry: createNestedEditorFromHtml(distractorsChild)
       });
     }
   }
@@ -1614,7 +1637,9 @@ var FinancialStatementQuestionNodeHandler2 = class extends NodeHandler2 {
       role: "line-item",
       id: lineNode.getAttribute("id") || "",
       depth: Number(lineNode.getAttribute("data-x-depth") || 0),
-      entry: lineNode.querySelector(TAG_X_ENTRY)?.textContent || "",
+      entry: createNestedEditorFromHtml(
+        lineNode.querySelector(TAG_X_ENTRY)
+      ),
       amount: createNestedEditorFromHtml(
         lineNode.querySelector(TAG_X_AMOUNT)
       ),
@@ -2223,18 +2248,6 @@ var SpanNodeHandler = class extends NodeHandler2 {
 // src/importFromHtml/TableCellNodeHandler.ts
 var import_node_html_parser26 = require("node-html-parser");
 
-// src/utils/styleUtils.ts
-var extractStyleValue = (styleAttr, property, isNumeric = false, unit = "") => {
-  const regex = new RegExp(
-    `${property}:[ ]*([^;]+)${unit ? unit : ""}`,
-    "i"
-  );
-  const match = styleAttr.match(regex);
-  if (!match || !match[1]) return null;
-  const value = match[1].trim();
-  return isNumeric ? parseFloat(value) : value;
-};
-
 // src/importFromHtml/createTableNodes.ts
 function createEmptyTableNode() {
   return {
@@ -2306,6 +2319,9 @@ var TableCellNodeHandler2 = class extends NodeHandler2 {
     if (verticalAlign !== null) {
       cellNode.verticalAlign = verticalAlign;
     }
+    cellNode.format = extractFormat(
+      extractStyleValue(styleAttr, "text-align")
+    );
     cellNode.children = createNestedNodesFromHtml(node);
     return cellNode;
   }

package/dist/index.mjs

@@ -237,6 +237,7 @@ var FillInTheBlankSpaceNodeHandler = class extends NodeHandler {
       `id="${node.id}"`,
       `data-x-type="${node.spaceType}"`,
       `data-x-matches="${node.matches}"`,
+      `data-x-use-regex="${!!node.useRegex}"`,
       `data-x-case-sensitive="${!!node.caseSensitive}"`,
       `data-x-errors-allowed="${node.errorsAllowed ?? 0}"`,
       `data-x-min-decimals="${node.minDecimals ?? ""}"`,
@@ -320,7 +321,9 @@ var FinancialStatementQuestionNodeHandler = class extends NodeHandler {
         const amountHintAttr = row.isAmountHint ? ' data-x-is-amount-hint="true"' : "";
         rowElements.push(
           `<x-line id="${row.id}" data-x-depth="${row.depth}"${entryHintAttr}${amountHintAttr}>`,
-          `<x-entry>${row.entry}</x-entry>`,
+          `<x-entry>${createHtmlFromNestedEditor(row.entry, {
+            parentNode: node
+          })}</x-entry>`,
           `<x-amount>${createHtmlFromNestedEditor(row.amount, {
             parentNode: node
           })}</x-amount>`,
@@ -335,7 +338,12 @@ var FinancialStatementQuestionNodeHandler = class extends NodeHandler {
       return "";
     }
     const distractorElements = node.distractors.map(
-      (distractor) => `<x-distractor id="${distractor.id}">${distractor.entry}</x-distractor>`
+      (distractor) => `<x-distractor id="${distractor.id}">${createHtmlFromNestedEditor(
+        distractor.entry,
+        {
+          parentNode: node
+        }
+      )}</x-distractor>`
     );
     return `<x-distractors>${distractorElements.join("")}</x-distractors>`;
   }
@@ -785,6 +793,9 @@ var TableCellNodeHandler = class extends NodeHandler {
     } else if (!hasColspan && tableCellNode.width) {
       styles.push(`width: ${tableCellNode.width}px;`);
     }
+    if (tableCellNode.format) {
+      styles.push(`text-align: ${tableCellNode.format};`);
+    }
     if (tableCellNode.backgroundColor) {
       styles.push(
         `background-color: ${tableCellNode.backgroundColor};`
@@ -1084,6 +1095,25 @@ var CustomQuestionNodeHandler2 = class extends NodeHandler2 {
 // src/importFromHtml/DivNodeHandler.ts
 import { HTMLElement as HTMLElement3 } from "node-html-parser";
 
+// src/utils/styleUtils.ts
+var extractStyleValue = (styleAttr, property, isNumeric = false, unit = "") => {
+  const regex = new RegExp(
+    `${property}:[ ]*([^;]+)${unit ? unit : ""}`,
+    "i"
+  );
+  const match = styleAttr.match(regex);
+  if (!match || !match[1]) return null;
+  const value = match[1].trim();
+  return isNumeric ? parseFloat(value) : value;
+};
+var extractFormat = (cellAlign) => {
+  if (!cellAlign) return "";
+  if (cellAlign === "left") return "left";
+  if (cellAlign === "right") return "right";
+  if (cellAlign === "center") return "center";
+  return "";
+};
+
 // src/importFromHtml/createNestedNodesFromHtml.ts
 import { HTMLElement as HTMLElement2 } from "node-html-parser";
 var wrapInlinesInParagraph = (inlineNodes, format = "") => {
@@ -1097,24 +1127,13 @@ var appendInlinesInParagraphIfNotEmptyBR = (results, inlineNodes, format) => {
     return;
   results.push(wrapInlinesInParagraph(inlineNodes, format));
 };
-var extractFormatFromStyle = (styleAttribute) => {
-  if (!styleAttribute) return "";
-  const textAlignMatch = styleAttribute.match(
-    /text-align:\s*(left|right|center)/i
-  );
-  if (textAlignMatch) {
-    const alignment = textAlignMatch[1].toLowerCase();
-    if (alignment === "left") return "left";
-    if (alignment === "right") return "right";
-    if (alignment === "center") return "center";
-  }
-  return "";
-};
 var createNestedNodesFromHtml = (node) => {
-  const parentStyleAttribute = node instanceof HTMLElement2 ? node.getAttribute("style") : null;
-  const format = extractFormatFromStyle(parentStyleAttribute);
+  const divParentStyleAttribute = node instanceof HTMLElement2 && node.tagName === "DIV" ? node.getAttribute("style") : null;
+  const divParentFormat = extractFormat(
+    extractStyleValue(divParentStyleAttribute ?? "", "text-align")
+  );
   if (node.childNodes.length === 1 && node.childNodes[0] instanceof HTMLElement2 && node.childNodes[0].tagName === "BR") {
-    return [createEmptyParagraphNode(format)];
+    return [createEmptyParagraphNode(divParentFormat)];
   }
   const results = [];
   let inlineNodes = [];
@@ -1128,7 +1147,7 @@ var createNestedNodesFromHtml = (node) => {
         appendInlinesInParagraphIfNotEmptyBR(
           results,
           inlineNodes,
-          format
+          divParentFormat
         );
         inlineNodes = [];
         results.push(processedChild);
@@ -1137,8 +1156,13 @@ var createNestedNodesFromHtml = (node) => {
       }
     }
   }
-  appendInlinesInParagraphIfNotEmptyBR(results, inlineNodes, format);
-  if (results.length === 0) return [createEmptyParagraphNode(format)];
+  appendInlinesInParagraphIfNotEmptyBR(
+    results,
+    inlineNodes,
+    divParentFormat
+  );
+  if (results.length === 0)
+    return [createEmptyParagraphNode(divParentFormat)];
   else return results;
 };
 
@@ -1465,6 +1489,7 @@ var FillInTheBlankSpaceNodeHandler2 = class extends NodeHandler2 {
   processTextSpace(node, baseNode) {
     return {
       ...baseNode,
+      useRegex: node.getAttribute("data-x-use-regex") === "true",
       caseSensitive: node.getAttribute("data-x-case-sensitive") === "true",
       errorsAllowed: node.getAttribute("data-x-errors-allowed") ? Number(node.getAttribute("data-x-errors-allowed")) : void 0
     };
@@ -1531,9 +1556,7 @@ var FinancialStatementQuestionNodeHandler2 = class extends NodeHandler2 {
         continue;
       jsonNode.distractors.push({
         id: distractorsChild.getAttribute("id") || nanoid4(),
-        entry: this.getChildNodesTextContent(
-          distractorsChild.childNodes
-        )
+        entry: createNestedEditorFromHtml(distractorsChild)
       });
     }
   }
@@ -1587,7 +1610,9 @@ var FinancialStatementQuestionNodeHandler2 = class extends NodeHandler2 {
       role: "line-item",
       id: lineNode.getAttribute("id") || "",
       depth: Number(lineNode.getAttribute("data-x-depth") || 0),
-      entry: lineNode.querySelector(TAG_X_ENTRY)?.textContent || "",
+      entry: createNestedEditorFromHtml(
+        lineNode.querySelector(TAG_X_ENTRY)
+      ),
       amount: createNestedEditorFromHtml(
         lineNode.querySelector(TAG_X_AMOUNT)
       ),
@@ -2196,18 +2221,6 @@ var SpanNodeHandler = class extends NodeHandler2 {
 // src/importFromHtml/TableCellNodeHandler.ts
 import { HTMLElement as HTMLElement26 } from "node-html-parser";
 
-// src/utils/styleUtils.ts
-var extractStyleValue = (styleAttr, property, isNumeric = false, unit = "") => {
-  const regex = new RegExp(
-    `${property}:[ ]*([^;]+)${unit ? unit : ""}`,
-    "i"
-  );
-  const match = styleAttr.match(regex);
-  if (!match || !match[1]) return null;
-  const value = match[1].trim();
-  return isNumeric ? parseFloat(value) : value;
-};
-
 // src/importFromHtml/createTableNodes.ts
 function createEmptyTableNode() {
   return {
@@ -2279,6 +2292,9 @@ var TableCellNodeHandler2 = class extends NodeHandler2 {
     if (verticalAlign !== null) {
       cellNode.verticalAlign = verticalAlign;
     }
+    cellNode.format = extractFormat(
+      extractStyleValue(styleAttr, "text-align")
+    );
     cellNode.children = createNestedNodesFromHtml(node);
     return cellNode;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@examind/block-sdk",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "@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.2.5"
+    "@examind/block-types": "^0.3.0"
   },
   "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.2.5"
+    "@examind/block-types": "0.3.0"
   },
   "dependencies": {
     "lodash-es": "4.17.21"