@jxsuite/parser 0.6.2 → 0.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/parser",
-  "version": "0.6.2",
+  "version": "0.7.0",
   "description": "Jx markdown parser and external class integration",
   "license": "MIT",
   "repository": {
@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "glob": "^13.0.6",
+    "hast-util-from-html": "^2.0.3",
     "mdast-util-to-string": "^4.0.0",
     "rehype-stringify": "^10.0.1",
     "remark-directive": "^4.0.0",
@@ -40,6 +41,6 @@
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.9.0",
-    "@jxsuite/runtime": "^0.5.5"
+    "@jxsuite/runtime": "^0.6.2"
   }
 }

package/src/html-to-jx.js

@@ -0,0 +1,84 @@
+import { fromHtml } from "hast-util-from-html";
+import { whitespace } from "hast-util-whitespace";
+import { find, html as htmlInfo } from "property-information";
+
+/**
+ * Convert an HTML string into an array of Jx tree nodes.
+ *
+ * @param {string} htmlString
+ * @returns {any[]}
+ */
+export function htmlToJx(htmlString) {
+  const hast = fromHtml(htmlString, { fragment: true });
+  return convertHastChildren(hast.children);
+}
+
+/**
+ * @param {any[]} children
+ * @returns {any[]}
+ */
+function convertHastChildren(children) {
+  /** @type {any[]} */
+  const result = [];
+  for (const child of children) {
+    const converted = convertHastNode(child);
+    if (converted != null) result.push(converted);
+  }
+  return result;
+}
+
+/**
+ * @param {any} node
+ * @returns {any}
+ */
+function convertHastNode(node) {
+  if (node.type === "text") {
+    if (whitespace(node)) return null;
+    return node.value;
+  }
+
+  if (node.type === "element") {
+    /** @type {Record<string, any>} */
+    const el = { tagName: node.tagName };
+
+    if (node.properties && Object.keys(node.properties).length > 0) {
+      el.attributes = hastPropsToAttributes(node.properties);
+    }
+
+    const kids = node.children ? convertHastChildren(node.children) : [];
+
+    if (kids.length === 1 && typeof kids[0] === "string") {
+      el.textContent = kids[0];
+    } else if (kids.length > 0) {
+      el.children = kids;
+    }
+
+    return el;
+  }
+
+  return null;
+}
+
+/**
+ * @param {Record<string, any>} properties
+ * @returns {Record<string, string>}
+ */
+function hastPropsToAttributes(properties) {
+  /** @type {Record<string, string>} */
+  const attrs = {};
+  for (const [key, value] of Object.entries(properties)) {
+    if (value === false || value === undefined || value === null) continue;
+
+    const info = find(htmlInfo, key);
+    const name = info.attribute;
+
+    if (value === true) {
+      attrs[name] = "";
+    } else if (Array.isArray(value)) {
+      attrs[name] = value.join(info.commaSeparated ? ", " : " ");
+    } else {
+      attrs[name] = String(value);
+    }
+  }
+  return attrs;
+}

package/src/transpile.js

@@ -17,6 +17,8 @@ import remarkFrontmatter from "remark-frontmatter";
 import remarkParseFrontmatter from "remark-parse-frontmatter";
 import remarkGfm from "remark-gfm";
 import remarkDirective from "remark-directive";
+import { htmlToJx } from "./html-to-jx.js";
+export { htmlToJx };
 
 // ─── Dot-path expansion ─────────────────────────────────────────────────────
 
@@ -333,7 +335,7 @@ export function mdastNodeToJx(node) {
   }
 
   if (node.type === "html") {
-    if (node.value) return { tagName: "div", innerHTML: node.value };
+    if (node.value) return htmlToJx(node.value);
     return null;
   }
 
@@ -542,7 +544,7 @@ function directiveToJx(node) {
  */
 export function convertChildren(children) {
   if (!children) return [];
-  return children.map(mdastNodeToJx).filter((c) => c != null);
+  return children.flatMap(mdastNodeToJx).filter((c) => c != null);
 }
 
 /**