@uniweb/semantic-parser 1.0.15 → 1.0.17

package/package.json

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

package/src/processors/groups.js

@@ -285,7 +285,12 @@ function processGroupContent(elements) {
                     break;
 
                 case "image":
-                    body.imgs.push(preserveProps);
+                    // Check if this image is actually an icon (role="icon" from ![](lu-zap) syntax)
+                    if (element.attrs?.role === "icon") {
+                        body.icons.push(element.attrs);
+                    } else {
+                        body.imgs.push(preserveProps);
+                    }
                     break;
 
                 case "video":

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
@@ -364,7 +372,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 +463,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 +595,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 +621,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 +671,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 +712,7 @@ function isStyledLink(item) {
     if (!content.length) return false;
 
     content = content.filter((c) => {
-        if (c.type === "UniwebIcon") {
+        if (isIconNode(c)) {
             return false;
         }