@uniweb/semantic-parser 1.0.16 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/semantic-parser",
-  "version": "1.0.16",
+  "version": "1.1.0",
   "description": "Semantic parser for ProseMirror/TipTap content structures",
   "type": "module",
   "main": "./src/index.js",

package/src/processors/sequence.js

@@ -47,6 +47,14 @@ function getCodeBlockData(text, attrs) {
     return text;
 }
 
+/**
+ * Check if an inline node is an icon.
+ * TipTap editor uses type "UniwebIcon"; markdown pipeline uses type "image" with role "icon".
+ */
+function isIconNode(node) {
+    return node.type === "UniwebIcon" || (node.type === "image" && node.attrs?.role === "icon");
+}
+
 /**
  * Process a ProseMirror/TipTap document into a flat sequence
  * @param {Object} doc ProseMirror document
@@ -287,17 +295,27 @@ function getTextContent(content, options = {}) {
                     const spanMark = marks.find((mark) => mark.type === "span");
                     const attrs = spanMark?.attrs || {};
                     const attrParts = [];
+                    const styleParts = [];
 
                     if (attrs.class) attrParts.push(`class="${attrs.class}"`);
                     if (attrs.id) attrParts.push(`id="${attrs.id}"`);
 
-                    // Add any other custom attributes (data-*, etc.)
                     for (const [key, value] of Object.entries(attrs)) {
-                        if (key !== 'class' && key !== 'id') {
+                        if (key === 'class' || key === 'id') continue;
+                        // Convert color/bg to inline styles
+                        if (key === 'color') {
+                            styleParts.push(`color: ${value}`);
+                        } else if (key === 'bg') {
+                            styleParts.push(`background: ${value}`);
+                        } else {
                             attrParts.push(`${key}="${value}"`);
                         }
                     }
 
+                    if (styleParts.length > 0) {
+                        attrParts.push(`style="${styleParts.join('; ')}"`)
+                    }
+
                     const attrString = attrParts.length > 0 ? ` ${attrParts.join(' ')}` : '';
                     styledText = `<span${attrString}>${styledText}</span>`;
                 }
@@ -364,7 +382,7 @@ function processInlineElements(content) {
     const items = [];
 
     for (const item of content) {
-        if (item.type === "UniwebIcon") {
+        if (isIconNode(item)) {
             items.push({
                 type: "icon",
                 attrs: parseUniwebIcon(item.attrs),
@@ -455,17 +473,23 @@ function parseDocumentBlock(itemAttrs) {
 }
 
 function parseUniwebIcon(itemAttrs) {
-    let { svg, url, size, color, preserveColors, href, target } = itemAttrs || {};
-
-    return {
-        svg,
-        url,
-        size,
-        color,
-        preserveColors,
-        href,
-        target,
-    };
+    const { svg, url, size, color, preserveColors, href, target, library, name } = itemAttrs || {};
+
+    // Build object with only defined fields — icon source varies:
+    // TipTap editor: svg/url (resolved inline)
+    // Markdown pipeline: library + name (resolved at runtime via CDN)
+    const icon = {};
+    if (svg) icon.svg = svg;
+    if (url) icon.url = url;
+    if (size) icon.size = size;
+    if (color) icon.color = color;
+    if (preserveColors) icon.preserveColors = preserveColors;
+    if (href) icon.href = href;
+    if (target) icon.target = target;
+    if (library) icon.library = library;
+    if (name) icon.name = name;
+
+    return icon;
 }
 
 function parseIconBlock(itemAttrs) {
@@ -581,7 +605,7 @@ function isLink(item) {
 
         // Filter out icons and whitespace to check for single link
         const textContent = originalContent.filter((c) => {
-            if (c.type === "UniwebIcon") {
+            if (isIconNode(c)) {
                 return false;
             } else if (c.type === "text") {
                 return (c.text || "").trim() !== "";
@@ -607,7 +631,7 @@ function isLink(item) {
                     let iconAfter = null;
 
                     for (let i = 0; i < originalContent.length; i++) {
-                        if (originalContent[i].type === "UniwebIcon") {
+                        if (isIconNode(originalContent[i])) {
                             const iconAttrs = parseUniwebIcon(originalContent[i].attrs);
                             if (i < linkIndex) {
                                 // Take the last icon before the link
@@ -657,7 +681,7 @@ function isOnlyLinks(item) {
 
     // Filter to get only significant content (no icons, no whitespace)
     const textContent = content.filter((c) => {
-        if (c.type === "UniwebIcon") return false;
+        if (isIconNode(c)) return false;
         if (c.type === "text" && !(c.text || "").trim()) return false;
         return true;
     });
@@ -698,7 +722,7 @@ function isStyledLink(item) {
     if (!content.length) return false;
 
     content = content.filter((c) => {
-        if (c.type === "UniwebIcon") {
+        if (isIconNode(c)) {
             return false;
         }