@uniweb/content-reader 1.0.7 → 1.1.0

package/package.json

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

package/src/parser/inline.js

@@ -106,6 +106,7 @@ function parseInline(token, schema, removeNewLine = false) {
 
         // Extract known link/button attributes from curly brace attrs
         const {
+            role,     // Optional hint for components (e.g., "button", "nav")
             variant = "primary",
             download,
             target,
@@ -130,6 +131,7 @@ function parseInline(token, schema, removeNewLine = false) {
                         attrs: {
                             href,
                             title: token.title || null,
+                            ...(role && { role }),
                             ...(isButton && { variant }),
                             ...(download !== undefined && { download }),
                             ...(target && { target }),
@@ -148,14 +150,39 @@ function parseInline(token, schema, removeNewLine = false) {
     if (token.type === "image") {
         let role, src, iconLibrary, iconName;
 
-        // Check for icon library prefixes (lucide:, heroicons:, etc.)
+        // Supported icon families - friendly names and direct react-icons codes
+        // The runtime maps friendly names to CDN paths
+        const ICON_FAMILIES_FRIENDLY = [
+            'lucide', 'heroicons', 'heroicons2', 'phosphor', 'tabler', 'feather',
+            'fa', 'fa6', 'bootstrap', 'material-design', 'ant-design', 'remix',
+            'simple-icons', 'vscode', 'weather', 'game'
+        ];
+        const ICON_FAMILIES_SHORT = [
+            'lu', 'hi', 'hi2', 'pi', 'tb', 'fi', 'bs', 'md', 'ai',
+            'ri', 'si', 'vsc', 'wi', 'gi', 'fa', 'fa6'
+        ];
+        const allFamilies = [...ICON_FAMILIES_FRIENDLY, ...ICON_FAMILIES_SHORT];
+        const iconFamilyPattern = allFamilies.join('|');
+        const shortCodePattern = ICON_FAMILIES_SHORT.join('|');
+
+        // Check for colon format: lucide:house, lu:house
         // Note: 'icon:' is NOT included here - it's a role prefix, not a library
-        const iconMatch = token.href.match(/^(lucide|heroicons|phosphor|tabler|feather):(.+)$/);
-        if (iconMatch) {
-            iconLibrary = iconMatch[1];
-            iconName = iconMatch[2];
+        const colonMatch = token.href.match(new RegExp(`^(${iconFamilyPattern}):(.+)$`));
+
+        // Check for dash format with short codes: lu-house, hi-arrow-right
+        // Only short codes (2-3 chars) to avoid ambiguity with regular paths
+        const dashMatch = !colonMatch && token.href.match(new RegExp(`^(${shortCodePattern})-(.+)$`));
+
+        if (colonMatch) {
+            iconLibrary = colonMatch[1];
+            iconName = colonMatch[2];
+            role = "icon";
+            src = null;
+        } else if (dashMatch) {
+            iconLibrary = dashMatch[1];
+            iconName = dashMatch[2];
             role = "icon";
-            src = null; // Named icons don't have a src URL
+            src = null;
         }
         // Find the first colon to handle role:url format correctly (e.g., icon:path/to/file.svg)
         else if (token.href.includes(":") && !token.href.startsWith("http")) {