@examind/block-sdk 0.1.21 → 0.1.22

package/dist/index.js

@@ -289,7 +289,10 @@ var ImageNodeHandler = class extends NodeHandler {
     return styleProps.length ? `style="${styleProps.join(" ")}"` : null;
   }
   captionStyleAttribute(node) {
-    const styleProps = this.fillStyleWidth([], node);
+    const styleProps = this.fillStyleWidth(
+      ["text-align: center;"],
+      node
+    );
     return styleProps.length ? `style="${styleProps.join(" ")}"` : null;
   }
   imageAttributes(node) {
@@ -304,6 +307,12 @@ var ImageNodeHandler = class extends NodeHandler {
     const attributes = [this.captionStyleAttribute(node)].filter(Boolean).join(" ");
     return attributes;
   }
+  captionHtml(node) {
+    if (!node.showCaption) {
+      return "";
+    }
+    return `<p ${this.captionAttributes(node)}>${createHtmlFromNestedEditor(node.caption, { parentNode: node })}</p>`;
+  }
   wrapContainer(node, imageHtml, captionHtml) {
     const styles = [
       "display: flex;",
@@ -319,7 +328,7 @@ var ImageNodeHandler = class extends NodeHandler {
     return this.wrapContainer(
       node,
       `<img ${this.imageAttributes(node)} />`,
-      node.showCaption ? `<p ${this.captionAttributes(node)}>${createHtmlFromNestedEditor(node.caption)}</p>` : ""
+      this.captionHtml(node)
     );
   }
 };
@@ -598,7 +607,11 @@ var ELEMENT_TYPE_TO_FORMAT = {
 var ParagraphNodeHandler = class extends NodeHandler {
   shouldAvoidParagraphWrap(node) {
     if (node === void 0) return false;
-    return isSerializedFillInTheBlankQuestionNode(node) || isSerializedFinancialStatementQuestionNode(node) || isSerializedJournalEntryQuestionNode(node) || isSerializedMatchingQuestionNode(node) || isSerializedMultipleOptionQuestionNode(node) || isSerializedShortAnswerQuestionNode(node) || isSerializedTableCellNode(node);
+    return isSerializedFillInTheBlankQuestionNode(node) || isSerializedFinancialStatementQuestionNode(node) || isSerializedJournalEntryQuestionNode(node) || isSerializedMatchingQuestionNode(node) || isSerializedMultipleOptionQuestionNode(node) || isSerializedShortAnswerQuestionNode(node) || isSerializedTableCellNode(node) || isSerializedImageNode(node);
+  }
+  shouldAvoidDivWrap(node) {
+    if (node === void 0) return false;
+    return isSerializedImageNode(node);
   }
   processNode(node, metadata) {
     if (!isSerializedParagraphNode(node)) return null;
@@ -614,7 +627,7 @@ var ParagraphNodeHandler = class extends NodeHandler {
     });
     const attribute = node.format ? ` style="text-align: ${ELEMENT_TYPE_TO_FORMAT[node.format]};"` : "";
     if (this.shouldAvoidParagraphWrap(metadata?.parentNode))
-      if (attribute)
+      if (attribute && !this.shouldAvoidDivWrap(metadata?.parentNode))
         return `<div${attribute}>${children.join("")}</div>`;
       else return children.join("");
     return `<p${attribute}>${children.join("")}</p>`;
@@ -998,6 +1011,31 @@ var createNestedNodesFromHtml = (node) => {
 };
 
 // src/importFromHtml/createImageNode.ts
+var createCaptionNode = (caption) => {
+  if (!caption) {
+    return [];
+  }
+  const captionNode = createEmptyParagraphNode("center");
+  captionNode.children = caption.split("\n").reduce((nodes, line, index, lines) => {
+    nodes.push({
+      detail: 0,
+      format: 0,
+      mode: "normal",
+      style: "",
+      text: line,
+      type: "text",
+      version: 1
+    });
+    if (index < lines.length - 1) {
+      nodes.push({
+        type: "linebreak",
+        version: 1
+      });
+    }
+    return nodes;
+  }, []);
+  return [captionNode];
+};
 function createImageNode(src, altText, width, align, showBorder, caption) {
   return {
     src,
@@ -1009,24 +1047,7 @@ function createImageNode(src, altText, width, align, showBorder, caption) {
     caption: {
       editorState: {
         root: {
-          children: caption ? caption.split("\n").reduce((nodes, line, index, lines) => {
-            nodes.push({
-              detail: 0,
-              format: 0,
-              mode: "normal",
-              style: "",
-              text: line,
-              type: "text",
-              version: 1
-            });
-            if (index < lines.length - 1) {
-              nodes.push({
-                type: "linebreak",
-                version: 1
-              });
-            }
-            return nodes;
-          }, []) : [],
+          children: createCaptionNode(caption),
           direction: null,
           format: "",
           indent: 0,

package/dist/index.mjs

@@ -262,7 +262,10 @@ var ImageNodeHandler = class extends NodeHandler {
     return styleProps.length ? `style="${styleProps.join(" ")}"` : null;
   }
   captionStyleAttribute(node) {
-    const styleProps = this.fillStyleWidth([], node);
+    const styleProps = this.fillStyleWidth(
+      ["text-align: center;"],
+      node
+    );
     return styleProps.length ? `style="${styleProps.join(" ")}"` : null;
   }
   imageAttributes(node) {
@@ -277,6 +280,12 @@ var ImageNodeHandler = class extends NodeHandler {
     const attributes = [this.captionStyleAttribute(node)].filter(Boolean).join(" ");
     return attributes;
   }
+  captionHtml(node) {
+    if (!node.showCaption) {
+      return "";
+    }
+    return `<p ${this.captionAttributes(node)}>${createHtmlFromNestedEditor(node.caption, { parentNode: node })}</p>`;
+  }
   wrapContainer(node, imageHtml, captionHtml) {
     const styles = [
       "display: flex;",
@@ -292,7 +301,7 @@ var ImageNodeHandler = class extends NodeHandler {
     return this.wrapContainer(
       node,
       `<img ${this.imageAttributes(node)} />`,
-      node.showCaption ? `<p ${this.captionAttributes(node)}>${createHtmlFromNestedEditor(node.caption)}</p>` : ""
+      this.captionHtml(node)
     );
   }
 };
@@ -571,7 +580,11 @@ var ELEMENT_TYPE_TO_FORMAT = {
 var ParagraphNodeHandler = class extends NodeHandler {
   shouldAvoidParagraphWrap(node) {
     if (node === void 0) return false;
-    return isSerializedFillInTheBlankQuestionNode(node) || isSerializedFinancialStatementQuestionNode(node) || isSerializedJournalEntryQuestionNode(node) || isSerializedMatchingQuestionNode(node) || isSerializedMultipleOptionQuestionNode(node) || isSerializedShortAnswerQuestionNode(node) || isSerializedTableCellNode(node);
+    return isSerializedFillInTheBlankQuestionNode(node) || isSerializedFinancialStatementQuestionNode(node) || isSerializedJournalEntryQuestionNode(node) || isSerializedMatchingQuestionNode(node) || isSerializedMultipleOptionQuestionNode(node) || isSerializedShortAnswerQuestionNode(node) || isSerializedTableCellNode(node) || isSerializedImageNode(node);
+  }
+  shouldAvoidDivWrap(node) {
+    if (node === void 0) return false;
+    return isSerializedImageNode(node);
   }
   processNode(node, metadata) {
     if (!isSerializedParagraphNode(node)) return null;
@@ -587,7 +600,7 @@ var ParagraphNodeHandler = class extends NodeHandler {
     });
     const attribute = node.format ? ` style="text-align: ${ELEMENT_TYPE_TO_FORMAT[node.format]};"` : "";
     if (this.shouldAvoidParagraphWrap(metadata?.parentNode))
-      if (attribute)
+      if (attribute && !this.shouldAvoidDivWrap(metadata?.parentNode))
         return `<div${attribute}>${children.join("")}</div>`;
       else return children.join("");
     return `<p${attribute}>${children.join("")}</p>`;
@@ -971,6 +984,31 @@ var createNestedNodesFromHtml = (node) => {
 };
 
 // src/importFromHtml/createImageNode.ts
+var createCaptionNode = (caption) => {
+  if (!caption) {
+    return [];
+  }
+  const captionNode = createEmptyParagraphNode("center");
+  captionNode.children = caption.split("\n").reduce((nodes, line, index, lines) => {
+    nodes.push({
+      detail: 0,
+      format: 0,
+      mode: "normal",
+      style: "",
+      text: line,
+      type: "text",
+      version: 1
+    });
+    if (index < lines.length - 1) {
+      nodes.push({
+        type: "linebreak",
+        version: 1
+      });
+    }
+    return nodes;
+  }, []);
+  return [captionNode];
+};
 function createImageNode(src, altText, width, align, showBorder, caption) {
   return {
     src,
@@ -982,24 +1020,7 @@ function createImageNode(src, altText, width, align, showBorder, caption) {
     caption: {
       editorState: {
         root: {
-          children: caption ? caption.split("\n").reduce((nodes, line, index, lines) => {
-            nodes.push({
-              detail: 0,
-              format: 0,
-              mode: "normal",
-              style: "",
-              text: line,
-              type: "text",
-              version: 1
-            });
-            if (index < lines.length - 1) {
-              nodes.push({
-                type: "linebreak",
-                version: 1
-              });
-            }
-            return nodes;
-          }, []) : [],
+          children: createCaptionNode(caption),
           direction: null,
           format: "",
           indent: 0,

package/package.json

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