artifactuse 0.2.4 → 0.2.5

package/README.md

@@ -664,6 +664,9 @@ provideArtifactuse({
     languages: ['css', 'bash', 'sql'],                   // or true for all
   },
 
+  // Show "Open in new tab" button in panel header (default: false)
+  externalPreview: false,
+
   // Show clickable artifact cards inline (default: true)
   inlineCards: true,
 
@@ -822,6 +825,7 @@ openFile('utils.py', code, {
 | `options.viewMode` | `string` | No | Initial view mode |
 | `options.language` | `string` | No | Override auto-detected language |
 | `options.panelUrl` | `string` | No | Custom iframe URL (bypasses panel registry) |
+| `options.externalPreview` | `boolean` | No | Show "Open in new tab" button in panel header |
 
 ### openCode
 
@@ -838,7 +842,7 @@ openCode(pythonCode, 'python', { title: 'My Script', tabs: ['code', 'edit'] });
 |-----------|------|----------|-------------|
 | `code` | `string` | Yes | The code content |
 | `language` | `string` | Yes | Language identifier (e.g. `'javascript'`, `'python'`, `'html'`) |
-| `options` | `object` | No | Same options as `openFile` |
+| `options` | `object` | No | Same options as `openFile` (including `externalPreview`) |
 
 > **Note:** If the language has no registered panel, it falls back to `txt` (plain text) in the code panel.
 

package/dist/{index-C_15PkcN.js → index-W575iBkm.js}

@@ -4861,6 +4861,9 @@ const Hr = {
   // Initial split view position as percentage (20-80)
   // Can be overridden per-component via props
   splitPosition: 50,
+  // Show "Open in new tab" button in panel header to open preview URL externally
+  // Can be overridden per-artifact via openFile/openCode options or per-component via props
+  externalPreview: !1,
   // Enable multi-tab mode (open multiple artifacts as tabs)
   multiTab: !1,
   // Panel configuration
@@ -5066,13 +5069,13 @@ function wn(e = {}) {
   }
   function h(k, P, R = {}) {
     const C = R.messageId || Fr("open"), D = A({ type: P, language: P }) ? P : "txt", _ = $e(k, D, C, 0);
-    return _.title = R.title || _.title, _.isInline = !1, _.editorLanguage = P, R.tabs && (_.tabs = R.tabs), R.panelUrl && (_.panelUrl = R.panelUrl), r.addArtifact(_), w(_), R.viewMode ? r.setViewMode(R.viewMode) : R.tabs && r.setViewMode(R.tabs[0]), _;
+    return _.title = R.title || _.title, _.isInline = !1, _.editorLanguage = P, R.tabs && (_.tabs = R.tabs), R.panelUrl && (_.panelUrl = R.panelUrl), R.externalPreview !== void 0 && (_.externalPreview = R.externalPreview), r.addArtifact(_), w(_), R.viewMode ? r.setViewMode(R.viewMode) : R.tabs && r.setViewMode(R.tabs[0]), _;
   }
   function f(k, P, R = {}) {
     const C = typeof k == "string" ? k : k == null ? void 0 : k.id, D = r.getArtifact(C);
     if (!D) return null;
     const _ = { ...D, code: P, _refreshToken: Date.now() };
-    return R.title !== void 0 && (_.title = R.title), R.tabs !== void 0 && (_.tabs = R.tabs), R.panelUrl !== void 0 && (_.panelUrl = R.panelUrl), r.addArtifact(_), T("artifact:updated", { artifactId: C, artifact: r.getArtifact(C) }), r.getArtifact(C);
+    return R.title !== void 0 && (_.title = R.title), R.tabs !== void 0 && (_.tabs = R.tabs), R.panelUrl !== void 0 && (_.panelUrl = R.panelUrl), R.externalPreview !== void 0 && (_.externalPreview = R.externalPreview), r.addArtifact(_), T("artifact:updated", { artifactId: C, artifact: r.getArtifact(C) }), r.getArtifact(C);
   }
   function g() {
     r.clearActiveArtifact(), r.setForceEmptyView(!0), r.setPanelOpen(!0), T("panel:opened");

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-C_15PkcN.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-W575iBkm.js";
 export {
   s as DEFAULT_PANELS,
   r as copyTableToClipboard,

package/dist/react/ArtifactusePanel.d.ts

@@ -4,11 +4,12 @@
  * Side panel for viewing artifact previews and code
  * Flex-based layout - should be a sibling to main content area
  */
-export default function ArtifactusePanel({ onAIRequest, onSave, onExport, className, panelWidth: panelWidthProp, splitPosition: splitPositionProp, }: {
+export default function ArtifactusePanel({ onAIRequest, onSave, onExport, className, panelWidth: panelWidthProp, splitPosition: splitPositionProp, externalPreview: externalPreviewProp, }: {
     onAIRequest: any;
     onSave: any;
     onExport: any;
     className?: string;
     panelWidth: any;
     splitPosition: any;
+    externalPreview: any;
 }): any;