artifactuse 0.1.28 → 0.1.30

package/dist/index.js

@@ -1,4 +1,4 @@
-import { D as s, aJ as r, at as t, J as d, d as c, G as o, a_ as i, am as m, k as l, ar as b, ap as E, ak as n, a6 as p, a7 as g, E as h, ae as M, al as T, m as u, aG as A, X as f, ai as S, aj as C, ad as y, a5 as P, aq as I, a0 as G, a1 as L, N as V, O as D, s as k, af as F, S as z, T as v, a8 as B, V as w, C as K, aO as X, aw as x, au as H, as as O, P as R, a3 as N, _ as U, Y as J, W, aa as Y, ah as _, H as j, I as q, a9 as Q, j as Z, ac as $, l as aa, U as ea, R as sa, ao as ra, y as ta, w as da, z as ca, B as oa, A as ia, L as ma, aZ as la, aI as ba, e as Ea, aL as na, a$ as pa, aT as ga, aB as ha, aW as Ma, aY as Ta, aX as ua, K as Aa, aP as fa, ax as Sa, aM as Ca, h as ya, aS as Pa, aA as Ia, i as Ga, u as La, aQ as Va, ay as Da, aV as ka, n as Fa, p as za, ag as va, F as Ba, a4 as wa, ab as Ka, $ as Xa, q as xa, o as Ha, an as Oa, M as Ra, aN as Na, aU as Ua, av as Ja, aC as Wa, a2 as Ya, Z as _a, Q as ja, aF as qa, x as Qa, t as Za, r as $a, v as ae, aD as ee, aR as se, az as re, aK as te, aH as de, aE as ce } from "./index-D56xsAnF.js";
+import { D as s, aJ as r, at as t, J as d, d as c, G as o, a_ as i, am as m, k as l, ar as b, ap as E, ak as n, a6 as p, a7 as g, E as h, ae as M, al as T, m as u, aG as A, X as f, ai as S, aj as C, ad as y, a5 as P, aq as I, a0 as G, a1 as L, N as V, O as D, s as k, af as F, S as z, T as v, a8 as B, V as w, C as K, aO as X, aw as x, au as H, as as O, P as R, a3 as N, _ as U, Y as J, W, aa as Y, ah as _, H as j, I as q, a9 as Q, j as Z, ac as $, l as aa, U as ea, R as sa, ao as ra, y as ta, w as da, z as ca, B as oa, A as ia, L as ma, aZ as la, aI as ba, e as Ea, aL as na, a$ as pa, aT as ga, aB as ha, aW as Ma, aY as Ta, aX as ua, K as Aa, aP as fa, ax as Sa, aM as Ca, h as ya, aS as Pa, aA as Ia, i as Ga, u as La, aQ as Va, ay as Da, aV as ka, n as Fa, p as za, ag as va, F as Ba, a4 as wa, ab as Ka, $ as Xa, q as xa, o as Ha, an as Oa, M as Ra, aN as Na, aU as Ua, av as Ja, aC as Wa, a2 as Ya, Z as _a, Q as ja, aF as qa, x as Qa, t as Za, r as $a, v as ae, aD as ee, aR as se, az as re, aK as te, aH as de, aE as ce } from "./index-BH35XKmt.js";
 export {
   s as DEFAULT_PANELS,
   r as copyTableToClipboard,

package/dist/react/index.js

@@ -1,5 +1,5 @@
 import e, { useState as b, useMemo as T, useCallback as d, useRef as W, useEffect as j, createContext as Bt, useContext as Ft } from "react";
-import { g as ze, f as Et, a as et, b as tt, n as Wt, i as dt, c as Vt, D as vt, d as zt } from "../index-D56xsAnF.js";
+import { g as ze, f as Et, a as et, b as tt, n as Wt, i as dt, c as Vt, D as vt, d as zt } from "../index-BH35XKmt.js";
 import { J as Rt } from "../jszip.min-CdmYyw5L.js";
 import { createPortal as qt } from "react-dom";
 function Dt({
@@ -631,7 +631,7 @@ function ca({
     state: R,
     getTheme: le,
     instance: q
-  } = xe(), ee = W(null), $ = W(null), D = W(null), de = W(l), [ce, ge] = b(""), [fe, te] = b([]), [ie, ne] = b(!1), [oe, o] = b(!1), [_, y] = b("image"), [w, H] = b(""), [ae, Ce] = b(""), [K, Le] = b(""), _e = T(() => typeof le == "function" ? le() : "dark", [le]), ye = (R == null ? void 0 : R.activeArtifactId) || null, Ne = c ?? ((Be = q == null ? void 0 : q.config) == null ? void 0 : Be.inlineCards) ?? !0, Se = T(() => na(ce), [ce]), Ae = T(() => ie || s ? "active" : "inactive", [ie, s]);
+  } = xe(), ee = W(null), $ = W(null), D = W(null), de = W(l), [ce, ge] = b(""), [fe, te] = b([]), [ie, ne] = b(!1), [oe, o] = b(!1), [_, y] = b("image"), [w, H] = b(""), [ae, Ce] = b(""), [Y, Le] = b(""), _e = T(() => typeof le == "function" ? le() : "dark", [le]), ye = (R == null ? void 0 : R.activeArtifactId) || null, Ne = c ?? ((Be = q == null ? void 0 : q.config) == null ? void 0 : Be.inlineCards) ?? !0, Se = T(() => na(ce), [ce]), Ae = T(() => ie || s ? "active" : "inactive", [ie, s]);
   j(() => {
     l && ne(!0);
   }, [l]);
@@ -711,7 +711,7 @@ function ca({
     }), $.current.querySelectorAll(".artifactuse-video-preview-wrapper, .video-preview-wrapper").forEach((P) => {
       P._clickHandler && (P.removeEventListener("click", P._clickHandler), delete P._clickHandler);
     });
-  }, []), Y = d(() => {
+  }, []), Q = d(() => {
     D.current && clearTimeout(D.current), D.current = setTimeout(async () => {
       if (q != null && q.initializeContent && $.current)
         try {
@@ -730,17 +730,18 @@ function ca({
         tabs: p,
         viewMode: x
       });
-      ge(E.html), te(E.artifacts), E.artifacts.length > 0 && i && i(E.artifacts), l || Y();
+      ge(E.html), te(E.artifacts), E.artifacts.length > 0 && i && i(E.artifacts), l || Q();
     }
-  }, [t, a, se, l, Y, i]), j(() => {
-    de.current === !0 && l === !1 && Y(), de.current = l;
-  }, [l, Y]), j(() => (l && ne(!0), l || Y(), () => {
+  }, [t, a, se, l, Q, i]), j(() => {
+    de.current === !0 && l === !1 && Q(), de.current = l;
+  }, [l, Q]), j(() => (l && ne(!0), l || Q(), () => {
     D.current && clearTimeout(D.current), He();
   }), []);
   const qe = d((E) => {
-    const Q = E.target.closest(".artifactuse-inline-preview");
-    if (Q) {
-      const A = Q.dataset.artifactId;
+    const Z = E.target.closest(".artifactuse-inline-preview");
+    if (Z) {
+      if (Z.dataset.nonClickable) return;
+      const A = Z.dataset.artifactId;
       if (A) {
         const O = R.artifacts.find((P) => P.id === A);
         O && (M(O), k && k(O));
@@ -760,13 +761,13 @@ function ca({
     C && C(E);
   }, [C]), Me = d((E) => {
     f && f(E);
-  }, [f]), Ie = (E, Q) => {
+  }, [f]), Ie = (E, Z) => {
     switch (E.type) {
       case "html":
         return /* @__PURE__ */ e.createElement(
           "div",
           {
-            key: `html-${Q}`,
+            key: `html-${Z}`,
             dangerouslySetInnerHTML: { __html: E.content }
           }
         );
@@ -823,7 +824,7 @@ function ca({
         type: _,
         src: w,
         alt: ae,
-        caption: K,
+        caption: Y,
         onClose: Pe
       }
     )
@@ -894,11 +895,11 @@ function Ea({
     getPanelUrl: S,
     openArtifact: L,
     instance: u
-  } = xe(), h = W(null), C = W(null), f = W(null), g = W(null), z = W(null), se = W(null), M = W(null), [R, le] = b(!1), [q, ee] = b(!1), [$, D] = b(!0), [de, ce] = b(!1), [ge, fe] = b(!1), [te, ie] = b(!1), [ne, oe] = b(!1), [o, _] = b("options"), [y, w] = b(""), [H, ae] = b(null), [Ce, K] = b(""), [Le, _e] = b(!1), [ye, Ne] = b(!1), [Se, Ae] = b([]), [ue, Pe] = b(!1), [$e, He] = b(""), [Y, qe] = b(65), [be, De] = b(50), pe = W(null), Ee = W(null), Ue = W(null), ve = W(null), Me = W(null), Ie = T(() => r ? ze(r.language) : "", [r]), Be = T(() => r ? et(r.language) : "", [r]), E = T(() => {
+  } = xe(), h = W(null), C = W(null), f = W(null), g = W(null), z = W(null), se = W(null), M = W(null), [R, le] = b(!1), [q, ee] = b(!1), [$, D] = b(!0), [de, ce] = b(!1), [ge, fe] = b(!1), [te, ie] = b(!1), [ne, oe] = b(!1), [o, _] = b("options"), [y, w] = b(""), [H, ae] = b(null), [Ce, Y] = b(""), [Le, _e] = b(!1), [ye, Ne] = b(!1), [Se, Ae] = b([]), [ue, Pe] = b(!1), [$e, He] = b(""), [Q, qe] = b(65), [be, De] = b(50), pe = W(null), Ee = W(null), Ue = W(null), ve = W(null), Me = W(null), Ie = T(() => r ? ze(r.language) : "", [r]), Be = T(() => r ? et(r.language) : "", [r]), E = T(() => {
     if (!r) return null;
     let n = S(r);
     return n && r._refreshToken && (n += (n.includes("?") ? "&" : "?") + "_t=" + r._refreshToken), n;
-  }, [r, S]), Q = T(() => r ? Wt(r.language) : "plaintext", [r]), A = T(() => s.artifacts.filter((n) => !n.isInline), [s.artifacts]), O = T(() => r ? A.findIndex((n) => n.id === r.id) : -1, [r, A]), P = T(() => {
+  }, [r, S]), Z = T(() => r ? Wt(r.language) : "plaintext", [r]), A = T(() => s.artifacts.filter((n) => !n.isInline), [s.artifacts]), O = T(() => r ? A.findIndex((n) => n.id === r.id) : -1, [r, A]), P = T(() => {
     var n;
     return ((n = u == null ? void 0 : u.config) == null ? void 0 : n.branding) !== !1;
   }, [u]), rt = T(() => {
@@ -907,7 +908,7 @@ function Ea({
   }, [u]), m = T(() => {
     var n;
     return ((n = u == null ? void 0 : u.share) == null ? void 0 : n.isAuthenticated()) || !1;
-  }, [u]), F = T(() => r ? Y : Math.min(Y, 30), [r, Y]), U = d((n) => `<svg viewBox="0 0 24 24" fill="currentColor">${et(n)}</svg>`, []), G = d(() => {
+  }, [u]), F = T(() => r ? Q : Math.min(Q, 30), [r, Q]), U = d((n) => `<svg viewBox="0 0 24 24" fill="currentColor">${et(n)}</svg>`, []), G = d(() => {
     fe(!1), u.state.clearActiveArtifact();
   }, [u]), me = d((n) => {
     if (n.language !== "smartdiff") return null;
@@ -917,8 +918,8 @@ function Ea({
       const I = N.language || "plaintext", B = dt() && window.Prism.languages[I], X = Vt(N.oldCode, N.newCode).split(`
 `);
       return { html: X.map((re) => {
-        const Z = re[0], ke = re.slice(1), he = B ? window.Prism.highlight(ke, B, I) : ke;
-        return Z === "-" ? `<span class="token deleted">${he}</span>` : Z === "+" ? `<span class="token inserted">${he}</span>` : he;
+        const K = re[0], ke = re.slice(1), he = B ? window.Prism.highlight(ke, B, I) : ke;
+        return K === "-" ? `<span class="token deleted">${he}</span>` : K === "+" ? `<span class="token inserted">${he}</span>` : he;
       }).join(`
 `), lineCount: X.length };
     } catch {
@@ -935,18 +936,18 @@ function Ea({
       if (n)
         C.current.innerHTML = n.html;
       else {
-        const N = window.Prism.languages[Q];
+        const N = window.Prism.languages[Z];
         N ? C.current.innerHTML = window.Prism.highlight(
           r.code,
           N,
-          Q
+          Z
         ) : C.current.textContent = r.code;
       }
       C.current.dataset.highlighted = "true", setTimeout(() => {
         gt();
       }, 0);
     }
-  }, [r == null ? void 0 : r.code, Q, me]), gt = d(() => {
+  }, [r == null ? void 0 : r.code, Z, me]), gt = d(() => {
     var N;
     const n = (N = C.current) == null ? void 0 : N.closest("pre");
     if (n && z.current && g.current) {
@@ -988,19 +989,19 @@ function Ea({
       }
   }, [r]), wt = d(() => {
     if (!r) return;
-    const { code: n, language: N, title: I } = r, B = tt(N), X = `${I.toLowerCase().replace(/\s+/g, "-")}.${B}`, Te = new Blob([n], { type: "text/plain" }), re = URL.createObjectURL(Te), Z = document.createElement("a");
-    Z.href = re, Z.download = X, document.body.appendChild(Z), Z.click(), document.body.removeChild(Z), URL.revokeObjectURL(re);
+    const { code: n, language: N, title: I } = r, B = tt(N), X = `${I.toLowerCase().replace(/\s+/g, "-")}.${B}`, Te = new Blob([n], { type: "text/plain" }), re = URL.createObjectURL(Te), K = document.createElement("a");
+    K.href = re, K.download = X, document.body.appendChild(K), K.click(), document.body.removeChild(K), URL.revokeObjectURL(re);
   }, [r]), xt = d(async () => {
     if (!(te || A.length === 0)) {
       ie(!0);
       try {
         const n = new Rt(), N = /* @__PURE__ */ new Map();
-        for (const Z of A) {
-          if (!Z.code) continue;
-          const ke = tt(Z.language);
-          let he = (Z.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Qe = `${he}.${ke}`;
+        for (const K of A) {
+          if (!K.code) continue;
+          const ke = tt(K.language);
+          let he = (K.title || "untitled").toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-_]/g, ""), Qe = `${he}.${ke}`;
           const Ge = N.get(Qe) || 0;
-          Ge > 0 && (Qe = `${he}-${Ge}.${ke}`), N.set(`${he}.${ke}`, Ge + 1), n.file(Qe, Z.code);
+          Ge > 0 && (Qe = `${he}-${Ge}.${ke}`), N.set(`${he}.${ke}`, Ge + 1), n.file(Qe, K.code);
         }
         const I = await n.generateAsync({ type: "blob" }), X = `artifacts-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.zip`, Te = URL.createObjectURL(I), re = document.createElement("a");
         re.href = Te, re.download = X, document.body.appendChild(re), re.click(), document.body.removeChild(re), URL.revokeObjectURL(Te);
@@ -1015,17 +1016,17 @@ function Ea({
       oe(!1);
       return;
     }
-    r && (_("options"), w(""), ae(null), K(""), _e(!1), Ne(!1), Ae([]), Pe(!1), He(""), oe(!0));
+    r && (_("options"), w(""), ae(null), Y(""), _e(!1), Ne(!1), Ae([]), Pe(!1), He(""), oe(!0));
   }, [r, u, ne]), Lt = d(() => {
     oe(!1);
   }, []), Je = d(async () => {
     if (!(!r || !(u != null && u.share))) {
-      _("loading"), K("");
+      _("loading"), Y("");
       try {
         const n = await u.share.share(r);
         w(n.url), ae(n.expiresAt), Ne(!1), _("success");
       } catch (n) {
-        K(n.message || "Failed to create share link"), _("error");
+        Y(n.message || "Failed to create share link"), _("error");
       }
     }
   }, [r, u]), ot = d(async () => {
@@ -1036,17 +1037,17 @@ function Ea({
       try {
         await u.share.openAuthPopup(), Fe();
       } catch (n) {
-        n.message === "Authentication cancelled" ? _("options") : (K(n.message || "Authentication failed"), _("error"));
+        n.message === "Authentication cancelled" ? _("options") : (Y(n.message || "Authentication failed"), _("error"));
       }
     }
   }, [m, u]), Fe = d(async () => {
     if (!(!r || !(u != null && u.share))) {
-      _("loading"), K("");
+      _("loading"), Y("");
       try {
         const n = await u.share.save(r);
         w(n.url), ae(null), Ne(!0), _("success");
       } catch (n) {
-        K(n.message || "Failed to save artifact"), _("error");
+        Y(n.message || "Failed to save artifact"), _("error");
       }
     }
   }, [r, u]), Pt = d(() => {
@@ -1058,7 +1059,7 @@ function Ea({
         try {
           await u.share.openAuthPopup();
         } catch (n) {
-          n.message === "Authentication cancelled" ? _("options") : (K(n.message || "Authentication failed"), _("error"));
+          n.message === "Authentication cancelled" ? _("options") : (Y(n.message || "Authentication failed"), _("error"));
           return;
         }
       }
@@ -1067,7 +1068,7 @@ function Ea({
         const n = (r == null ? void 0 : r.language) || null, N = await u.share.listArtifacts(n);
         Ae(N.projects || []);
       } catch (n) {
-        K(n.message || "Failed to load artifacts"), _("error");
+        Y(n.message || "Failed to load artifacts"), _("error");
       } finally {
         Pe(!1);
       }
@@ -1077,12 +1078,12 @@ function Ea({
     if (!r || !(u != null && u.share)) return;
     const N = (I = n.project) == null ? void 0 : I.uuid;
     if (N) {
-      _("loading"), K("");
+      _("loading"), Y("");
       try {
         const X = await u.share.updateArtifact(N, r);
         w(X.url || ""), ae(null), Ne(!0), He(((B = n.project) == null ? void 0 : B.name) || "Untitled"), _("success");
       } catch (X) {
-        K(X.message || "Failed to update artifact"), _("error");
+        Y(X.message || "Failed to update artifact"), _("error");
       }
     }
   }, [r, u]), St = d(async () => {
@@ -1101,11 +1102,11 @@ function Ea({
   }, [L]), Xe = d((n) => {
     pe.current = {
       startX: n.clientX,
-      startWidth: Y
+      startWidth: Q
     }, document.addEventListener("mousemove", Ze), document.addEventListener("mouseup", We), document.body.style.cursor = "ew-resize", document.body.style.userSelect = "none", document.querySelectorAll("iframe").forEach((N) => {
       N.style.pointerEvents = "none";
     });
-  }, [Y]), Ze = d((n) => {
+  }, [Q]), Ze = d((n) => {
     if (!pe.current) return;
     const N = window.innerWidth, B = (pe.current.startX - n.clientX) / N * 100, X = pe.current.startWidth + B;
     qe(Math.min(Math.max(X, 25), 75));
@@ -1157,7 +1158,7 @@ function Ea({
     "div",
     {
       className: Ye,
-      style: s.isFullscreen ? void 0 : { width: `${Y}%` }
+      style: s.isFullscreen ? void 0 : { width: `${Q}%` }
     },
     !s.isFullscreen && /* @__PURE__ */ e.createElement(
       "div",
@@ -1276,11 +1277,11 @@ function Ea({
         },
         /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__split-handle-line" })
       ),
-      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__code-scroll", ref: z }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__line-numbers", ref: g }), /* @__PURE__ */ e.createElement("pre", { className: `artifactuse-panel__code-block language-${Q}` }, /* @__PURE__ */ e.createElement(
+      /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__code-scroll", ref: z }, /* @__PURE__ */ e.createElement("div", { className: "artifactuse-panel__line-numbers", ref: g }), /* @__PURE__ */ e.createElement("pre", { className: `artifactuse-panel__code-block language-${Z}` }, /* @__PURE__ */ e.createElement(
         "code",
         {
           ref: C,
-          className: `language-${Q}`
+          className: `language-${Z}`
         }
       )))
     ), /* @__PURE__ */ e.createElement(

package/dist/styles/components/inline-preview.css

@@ -16,6 +16,15 @@
   box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.4);
 }
 
+/* Non-clickable inline previews (short code, no panel value) */
+.artifactuse-inline-preview--static {
+  cursor: default;
+}
+
+.artifactuse-inline-preview--static:hover {
+  box-shadow: none;
+}
+
 .artifactuse-inline-preview pre {
   margin: 0 !important;
 }