@jxsuite/parser 0.7.0 → 0.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jxsuite/parser",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Jx markdown parser and external class integration",
   "license": "MIT",
   "repository": {
@@ -41,6 +41,6 @@
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.9.0",
-    "@jxsuite/runtime": "^0.6.2"
+    "@jxsuite/runtime": "^0.7.0"
   }
 }

package/src/html-to-jx.js

@@ -42,7 +42,9 @@ function convertHastNode(node) {
     const el = { tagName: node.tagName };
 
     if (node.properties && Object.keys(node.properties).length > 0) {
-      el.attributes = hastPropsToAttributes(node.properties);
+      const { style, attrs } = hastPropsToJx(node.properties);
+      if (Object.keys(attrs).length > 0) el.attributes = attrs;
+      if (Object.keys(style).length > 0) el.style = style;
     }
 
     const kids = node.children ? convertHastChildren(node.children) : [];
@@ -61,17 +63,25 @@ function convertHastNode(node) {
 
 /**
  * @param {Record<string, any>} properties
- * @returns {Record<string, string>}
+ * @returns {{ style: Record<string, string>; attrs: Record<string, string> }}
  */
-function hastPropsToAttributes(properties) {
+function hastPropsToJx(properties) {
   /** @type {Record<string, string>} */
   const attrs = {};
+  /** @type {Record<string, string>} */
+  const style = {};
+
   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 (name === "style" && typeof value === "string") {
+      parseInlineStyle(value, style);
+      continue;
+    }
+
     if (value === true) {
       attrs[name] = "";
     } else if (Array.isArray(value)) {
@@ -80,5 +90,19 @@ function hastPropsToAttributes(properties) {
       attrs[name] = String(value);
     }
   }
-  return attrs;
+  return { style, attrs };
+}
+
+/**
+ * @param {string} styleStr
+ * @param {Record<string, string>} out
+ */
+function parseInlineStyle(styleStr, out) {
+  for (const decl of styleStr.split(";")) {
+    const colon = decl.indexOf(":");
+    if (colon === -1) continue;
+    const prop = decl.slice(0, colon).trim();
+    const val = decl.slice(colon + 1).trim();
+    if (prop && val) out[prop] = val;
+  }
 }

package/src/transpile.js

@@ -586,7 +586,9 @@ export function transpileJxMarkdown(source) {
 
   for (const node of bodyNodes) {
     const converted = mdastNodeToJx(node);
-    if (converted != null) children.push(converted);
+    if (converted == null) continue;
+    if (Array.isArray(converted)) children.push(...converted);
+    else children.push(converted);
   }
 
   if (children.length > 0) {