artifactuse 0.4.0 → 0.4.2

package/dist/vue/index.js

@@ -1,5 +1,5 @@
 import { ref as M, computed as k, createElementBlock as l, openBlock as s, normalizeClass as R, createElementVNode as e, toDisplayString as i, withModifiers as me, onMounted as Ee, watch as ne, Fragment as V, createCommentVNode as v, renderList as fe, createTextVNode as G, h as re, normalizeStyle as Le, createStaticVNode as ua, createBlock as Pe, resolveDynamicComponent as da, nextTick as xe, onUnmounted as st, Teleport as va, createVNode as De, Transition as qe, withCtx as Oe, withKeys as fa, onBeforeUnmount as pa, unref as p, withDirectives as Ct, vShow as xt, reactive as Tt, provide as _a, inject as ha } from "vue";
-import { g as Ue, f as Lt, a as tt, b as at, n as ma, i as $t, c as ya, D as ga, d as Pt } from "../index-N70SEeFL.js";
+import { g as Ue, f as Lt, a as tt, b as at, n as ma, i as $t, c as ya, D as ga, d as Pt } from "../index-CBGheZYZ.js";
 import { g as Mt, r as ka, J as wa, b as ba } from "../jszip.min-BdBnWAEK.js";
 const Ca = { class: "artifactuse-card__icon" }, xa = ["innerHTML"], $a = { class: "artifactuse-card__content" }, Ma = { class: "artifactuse-card__title" }, Ta = { class: "artifactuse-card__meta" }, La = { class: "artifactuse-card__type" }, Pa = { class: "artifactuse-card__size" }, Ea = { class: "artifactuse-card__actions" }, Aa = ["title"], Ha = {
   key: 0,
@@ -1878,8 +1878,8 @@ const Ca = { class: "artifactuse-card__icon" }, xa = ["innerHTML"], $a = { class
       var a;
       return ((a = x.config) == null ? void 0 : a.branding) !== !1;
     }), lt = ["image", "audio", "video", "pdf", "font", "binary"], Be = k(() => {
-      var a;
-      return lt.includes((a = n.value) == null ? void 0 : a.language);
+      var a, t;
+      return lt.includes((a = n.value) == null ? void 0 : a.language) && !!((t = n.value) != null && t.fileExtension);
     }), we = k(() => Be.value ? n.value.language : null), We = k(() => we.value !== "font" || !n.value ? "" : `apfont_${n.value.id.replace(/[^a-zA-Z0-9]/g, "_")}`), Ht = k(() => {
       var a;
       if (we.value !== "binary" || !((a = n.value) != null && a.code)) return "";
@@ -2223,7 +2223,7 @@ const Ca = { class: "artifactuse-card__icon" }, xa = ["innerHTML"], $a = { class
     return ne(n, (a, t) => {
       a && (t && t.isPreviewable !== a.isPreviewable && (m.value = !0, setTimeout(() => {
         m.value = !1;
-      }, 150)), (!t || a.id !== t.id) && (jt(), pe.value = !0, Xt(), lt.includes(a.language) && f.viewMode !== "preview" && h("preview")), (!t || a.id !== t.id || a.code !== t.code) && (Re(), f.viewMode === "edit" && (!t || a.id !== t.id ? xe(() => vt()) : Q && Q.setCode(a.code || "")), clearTimeout(le), le = setTimeout(() => {
+      }, 150)), (!t || a.id !== t.id) && (jt(), pe.value = !0, Xt(), lt.includes(a.language) && a.fileExtension && f.viewMode !== "preview" && h("preview")), (!t || a.id !== t.id || a.code !== t.code) && (Re(), f.viewMode === "edit" && (!t || a.id !== t.id ? xe(() => vt()) : Q && Q.setCode(a.code || "")), clearTimeout(le), le = setTimeout(() => {
         N.value && a.isPreviewable && x.bridge.loadArtifact(a);
       }, 500)));
     }, { deep: !0 }), ne(() => f.viewMode, (a) => {

package/dist/vue2/index.js

@@ -2993,12 +2993,27 @@ function processImages(html) {
     'gi'
   );
   html = html.replace(imageLinkRegex, (match, imageUrl, linkText) => {
-    const meaningfulText = linkText && !linkText.match(/^(view|see|open|click|image|photo|picture)$/i) 
-      ? linkText 
+    const meaningfulText = linkText &&
+      !linkText.match(/^(view|see|open|click|image|photo|picture)$/i) &&
+      !linkText.match(/^https?:\/\//i)
+      ? linkText
       : '';
     return renderImageHtml(imageUrl, meaningfulText, meaningfulText);
   });
 
+  // Re-protect any new <img> tags and containers created by the linkified URL step above,
+  // so the raw URL regex below cannot double-process URLs inside caption divs.
+  html = html.replace(/<img[^>]*>/gi, (match) => {
+    const placeholder = `__IMG_PROTECTED_${protectedContent.length}__`;
+    protectedContent.push(match);
+    return placeholder;
+  });
+  html = html.replace(/<div class="artifactuse-image-container">[\s\S]*?<\/div>\s*<\/div>/gi, (match) => {
+    const placeholder = `__IMG_PROTECTED_${protectedContent.length}__`;
+    protectedContent.push(match);
+    return placeholder;
+  });
+
   // Process raw image URLs (not already in tags)
   const rawImageRegex = new RegExp(
     `(?<!["'=])(https?:\\/\\/[^\\s<>"]+\\.(?:${extPattern})(\\?[^\\s<>"]*)?)(?!["'])`,
@@ -27940,7 +27955,8 @@ var script$1 = defineComponent({
     });
 
     const isBinaryArtifact = computed(() => {
-      return BINARY_CATEGORIES.includes(activeArtifact.value && activeArtifact.value.language);
+      return BINARY_CATEGORIES.includes(activeArtifact.value && activeArtifact.value.language)
+        && !!(activeArtifact.value && activeArtifact.value.fileExtension);
     });
 
     const binaryCategory = computed(() => {
@@ -28582,7 +28598,7 @@ var script$1 = defineComponent({
           resetCodeContainerStyles();
           iframeLoading.value = true;
           startIframeLoadTimeout();
-          if (BINARY_CATEGORIES.indexOf(newArtifact.language) !== -1 && state.viewMode !== 'preview') {
+          if (BINARY_CATEGORIES.indexOf(newArtifact.language) !== -1 && newArtifact.fileExtension && state.viewMode !== 'preview') {
             setViewMode('preview');
           }
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "artifactuse",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "type": "module",
   "description": "The Artifact SDK for AI Agents - Turn AI outputs into interactive experiences",
   "author": "Artifactuse",