@uniweb/content-reader 1.1.0 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniweb/content-reader",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Markdown to ProseMirror document structure converter",
   "type": "module",
   "main": "src/index.js",

package/src/parser/block.js

@@ -111,8 +111,10 @@ function parseBlock(token, schema) {
         let currentParagraph = null;
 
         content.forEach((element) => {
-            if (element.type === "image") {
-                // If there's an open paragraph, push it to the result before the image
+            if (element.type === "image" && element.attrs?.role !== "icon") {
+                // Extract non-icon images to root level so they become
+                // block-level elements. Icons stay inline so the semantic
+                // parser can associate them with adjacent links.
                 if (currentParagraph) {
                     result.push({
                         type: "paragraph",

package/src/parser/inline.js

@@ -155,11 +155,11 @@ function parseInline(token, schema, removeNewLine = false) {
         const ICON_FAMILIES_FRIENDLY = [
             'lucide', 'heroicons', 'heroicons2', 'phosphor', 'tabler', 'feather',
             'fa', 'fa6', 'bootstrap', 'material-design', 'ant-design', 'remix',
-            'simple-icons', 'vscode', 'weather', 'game'
+            'simple-icons', 'ionicons', 'boxicons', 'vscode', 'weather', 'game'
         ];
         const ICON_FAMILIES_SHORT = [
             'lu', 'hi', 'hi2', 'pi', 'tb', 'fi', 'bs', 'md', 'ai',
-            'ri', 'si', 'vsc', 'wi', 'gi', 'fa', 'fa6'
+            'ri', 'si', 'io5', 'bi', 'vsc', 'wi', 'gi', 'fa', 'fa6'
         ];
         const allFamilies = [...ICON_FAMILIES_FRIENDLY, ...ICON_FAMILIES_SHORT];
         const iconFamilyPattern = allFamilies.join('|');

package/tests/parser.test.js

@@ -200,7 +200,9 @@ describe("Extended Syntax", () => {
   });
 
   test("parses images with roles", () => {
-    // Images are extracted from paragraphs to root level for component rendering
+    // Icons stay inline (inside paragraphs) so the semantic parser can
+    // associate them with adjacent links. Non-icon images are extracted
+    // to root level.
     const markdown = '![Alt Text](icon:path/to/image.svg "Caption text")';
     const result = markdownToProseMirror(markdown);
 
@@ -208,13 +210,58 @@ describe("Extended Syntax", () => {
       type: "doc",
       content: [
         {
-          type: "image",
-          attrs: {
-            src: "path/to/image.svg",
-            caption: "Caption text",
-            alt: "Alt Text",
-            role: "icon",
-          },
+          type: "paragraph",
+          content: [
+            {
+              type: "image",
+              attrs: {
+                src: "path/to/image.svg",
+                caption: "Caption text",
+                alt: "Alt Text",
+                role: "icon",
+              },
+            },
+          ],
+        },
+      ],
+    });
+  });
+
+  test("keeps icon inline with adjacent link for icon-link association", () => {
+    // Icons must stay inline so the semantic parser can associate them
+    // with adjacent links (iconBefore / iconAfter)
+    const markdown = "![](lu-home) [Sports](/sports)";
+    const result = markdownToProseMirror(markdown);
+
+    expect(result).toEqual({
+      type: "doc",
+      content: [
+        {
+          type: "paragraph",
+          content: [
+            {
+              type: "image",
+              attrs: {
+                src: null,
+                caption: null,
+                alt: null,
+                role: "icon",
+                library: "lu",
+                name: "home",
+              },
+            },
+            { type: "text", text: " " },
+            {
+              type: "text",
+              text: "Sports",
+              marks: [
+                {
+                  type: "link",
+                  attrs: { href: "/sports", title: null },
+                },
+              ],
+            },
+          ],
         },
       ],
     });