@akropolys/kiku 1.4.0 → 1.5.1

package/dist/index.mjs

@@ -170,7 +170,7 @@ import { useKiku } from "@akropolys/sdk";
 // src/utils/markdown.tsx
 import { Fragment as Fragment2, jsx as jsx2 } from "react/jsx-runtime";
 var parseInline = (text, keyPrefix) => {
-  const tokenRegex = /(\[[^\]]+\]\([^)]+\)|\*\*[^*]+\*\*|`[^`]+`)/g;
+  const tokenRegex = /(!\[[^\]]*\]\([^)]+\)|\[[^\]]+\]\([^)]+\)|\*\*[^*]+\*\*|`[^`]+`)/g;
   const parts = text.split(tokenRegex);
   return parts.map((part, index) => {
     if (!part) return null;
@@ -181,6 +181,28 @@ var parseInline = (text, keyPrefix) => {
     if (part.startsWith("**") && part.endsWith("**")) {
       return /* @__PURE__ */ jsx2("strong", { children: parseInline(part.slice(2, -2), key) }, key);
     }
+    const imageMatch = part.match(/^!\[([^\]]*)\]\(([^)]+)\)$/);
+    if (imageMatch) {
+      const alt = imageMatch[1];
+      const url = imageMatch[2];
+      const isSafeUrl = /^(https?|data:image):/i.test(url);
+      if (isSafeUrl) {
+        return /* @__PURE__ */ jsx2(
+          "img",
+          {
+            src: url,
+            alt: alt || "Product image",
+            className: "hsk-markdown-img",
+            loading: "lazy",
+            onError: (e) => {
+              e.target.style.display = "none";
+            }
+          },
+          key
+        );
+      }
+      return null;
+    }
     const linkMatch = part.match(/^\[([^\]]+)\]\(([^)]+)\)$/);
     if (linkMatch) {
       const url = linkMatch[2];
@@ -204,6 +226,30 @@ function renderMarkdown(content) {
       i++;
       continue;
     }
+    const standaloneImageMatch = line.trim().match(/^!\[([^\]]*)\]\(([^)]+)\)$/);
+    if (standaloneImageMatch) {
+      const alt = standaloneImageMatch[1];
+      const url = standaloneImageMatch[2];
+      const isSafeUrl = /^(https?|data:image):/i.test(url);
+      if (isSafeUrl) {
+        elements.push(
+          /* @__PURE__ */ jsx2("div", { className: "hsk-markdown-img-block", children: /* @__PURE__ */ jsx2(
+            "img",
+            {
+              src: url,
+              alt: alt || "Product image",
+              className: "hsk-markdown-img",
+              loading: "lazy",
+              onError: (e) => {
+                e.target.style.display = "none";
+              }
+            }
+          ) }, key)
+        );
+      }
+      i++;
+      continue;
+    }
     const headerMatch = line.match(/^(#{1,3})\s+(.*)/);
     if (headerMatch) {
       const level = headerMatch[1].length;