artifactuse 0.1.23 → 0.1.25

package/dist/vue/index.d.ts

@@ -100,6 +100,7 @@ export function provideArtifactuse(config?: {
             lineCount: number;
             createdAt: string;
         };
+        updateFile: (artifactOrId: any, code: any, options?: {}) => any;
         closePanel: () => void;
         togglePanel: () => void;
         toggleFullscreen: () => void;
@@ -216,6 +217,7 @@ export function provideArtifactuse(config?: {
         lineCount: number;
         createdAt: string;
     };
+    updateFile: (artifactOrId: any, code: any, options?: {}) => any;
     closePanel: () => void;
     togglePanel: () => void;
     toggleFullscreen: () => void;
@@ -310,6 +312,7 @@ export function createArtifactuseComposable(config?: {}): {
             lineCount: number;
             createdAt: string;
         };
+        updateFile: (artifactOrId: any, code: any, options?: {}) => any;
         closePanel: () => void;
         togglePanel: () => void;
         toggleFullscreen: () => void;
@@ -426,6 +429,7 @@ export function createArtifactuseComposable(config?: {}): {
         lineCount: number;
         createdAt: string;
     };
+    updateFile: (artifactOrId: any, code: any, options?: {}) => any;
     closePanel: () => void;
     togglePanel: () => void;
     toggleFullscreen: () => void;

package/dist/vue/index.js

@@ -1,5 +1,5 @@
 import { ref as M, computed as b, createElementBlock as s, openBlock as a, normalizeClass as N, createElementVNode as e, toDisplayString as n, withModifiers as he, onMounted as we, watch as fe, Fragment as R, createCommentVNode as d, renderList as ue, createTextVNode as K, h as le, normalizeStyle as $e, createStaticVNode as Pt, createBlock as ke, resolveDynamicComponent as Bt, nextTick as ge, onUnmounted as Oe, Teleport as Et, createVNode as Ae, Transition as Me, withCtx as Le, withKeys as St, onBeforeUnmount as zt, unref as y, withDirectives as Qe, vShow as Ge, reactive as et, provide as It, inject as Ft } from "vue";
-import { g as Te, f as tt, a as Re, b as qe, n as Vt, i as Rt, D as qt, c as at } from "../index-BR2-i8NP.js";
+import { g as Te, f as tt, a as Re, b as qe, n as Vt, i as Rt, D as qt, c as at } from "../index-Bzk5VnG1.js";
 import { J as Ot } from "../jszip.min-CdmYyw5L.js";
 const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class: "artifactuse-card__content" }, Nt = { class: "artifactuse-card__title" }, Jt = { class: "artifactuse-card__meta" }, Xt = { class: "artifactuse-card__type" }, Zt = { class: "artifactuse-card__size" }, Wt = { class: "artifactuse-card__actions" }, Kt = ["title"], Yt = {
   key: 0,
@@ -1782,7 +1782,11 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     const x = b(() => {
       var i;
       return ((i = $.editor) == null ? void 0 : i.isAvailable()) || !1;
-    }), V = M(65), D = M(50), re = b(() => l.value ? Te(l.value.language) : ""), z = b(() => l.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${Re(l.value.language)}</svg>` : ""), G = b(() => l.value ? m(l.value) : null);
+    }), V = M(65), D = M(50), re = b(() => l.value ? Te(l.value.language) : ""), z = b(() => l.value ? `<svg viewBox="0 0 24 24" fill="currentColor">${Re(l.value.language)}</svg>` : ""), G = b(() => {
+      if (!l.value) return null;
+      let i = m(l.value);
+      return i && l.value._refreshToken && (i += (i.includes("?") ? "&" : "?") + "_t=" + l.value._refreshToken), i;
+    });
     b(() => !l.value || !k.artifacts.length ? -1 : k.artifacts.findIndex((i) => i.id === l.value.id));
     const v = b(() => l.value ? Vt(l.value.language || "plaintext") : "plaintext"), B = b(() => k.artifacts.filter((i) => !i.isInline)), W = b(() => l.value ? B.value.findIndex((i) => i.id === l.value.id) : -1), se = b(() => {
       var i;
@@ -1840,7 +1844,7 @@ const Ut = { class: "artifactuse-card__icon" }, Dt = ["innerHTML"], jt = { class
     function je() {
       !x.value || !I.value || !l.value || (Pe(), de = $.editor.create(I.value, {
         code: l.value.code || "",
-        language: l.value.language || "plaintext",
+        language: l.value.editorLanguage || l.value.language || "plaintext",
         sdkTheme: $.getTheme()
       }));
     }
@@ -3118,6 +3122,7 @@ function it(H = {}) {
     openArtifact: u.openArtifact,
     openFile: u.openFile,
     openCode: u.openCode,
+    updateFile: u.updateFile,
     closePanel: u.closePanel,
     togglePanel: u.togglePanel,
     toggleFullscreen: u.toggleFullscreen,
@@ -3179,6 +3184,7 @@ function En(H = {}) {
     openArtifact: u.openArtifact,
     openFile: u.openFile,
     openCode: u.openCode,
+    updateFile: u.updateFile,
     closePanel: u.closePanel,
     togglePanel: u.togglePanel,
     toggleFullscreen: u.toggleFullscreen,

package/dist/vue2/composables.d.ts

@@ -100,6 +100,7 @@ export function provideArtifactuse(config?: {
             lineCount: number;
             createdAt: string;
         };
+        updateFile: (artifactOrId: any, code: any, options?: {}) => any;
         closePanel: () => void;
         togglePanel: () => void;
         toggleFullscreen: () => void;
@@ -216,6 +217,7 @@ export function provideArtifactuse(config?: {
         lineCount: number;
         createdAt: string;
     };
+    updateFile: (artifactOrId: any, code: any, options?: {}) => any;
     closePanel: () => void;
     togglePanel: () => void;
     toggleFullscreen: () => void;
@@ -310,6 +312,7 @@ export function createArtifactuseComposable(config?: {}): {
             lineCount: number;
             createdAt: string;
         };
+        updateFile: (artifactOrId: any, code: any, options?: {}) => any;
         closePanel: () => void;
         togglePanel: () => void;
         toggleFullscreen: () => void;
@@ -426,6 +429,7 @@ export function createArtifactuseComposable(config?: {}): {
         lineCount: number;
         createdAt: string;
     };
+    updateFile: (artifactOrId: any, code: any, options?: {}) => any;
     closePanel: () => void;
     togglePanel: () => void;
     toggleFullscreen: () => void;

package/dist/vue2/index.js

@@ -2051,19 +2051,54 @@ function createEditorManager(editorConfig = {}) {
 		]);
 	}
 
+	/**
+	 * Language → CodeMirror module mapping
+	 * Each entry: { mod: module key in config.editor.modules, fn: factory function name, opts?: options }
+	 */
+	const LANG_MAP = {
+		'javascript': { mod: 'langJavascript', fn: 'javascript' },
+		'js':         { mod: 'langJavascript', fn: 'javascript' },
+		'jsx':        { mod: 'langJavascript', fn: 'javascript', opts: { jsx: true } },
+		'typescript': { mod: 'langJavascript', fn: 'javascript', opts: { typescript: true } },
+		'ts':         { mod: 'langJavascript', fn: 'javascript', opts: { typescript: true } },
+		'tsx':        { mod: 'langJavascript', fn: 'javascript', opts: { jsx: true, typescript: true } },
+		'python':     { mod: 'langPython', fn: 'python' },
+		'py':         { mod: 'langPython', fn: 'python' },
+		'html':       { mod: 'langHtml', fn: 'html' },
+		'htm':        { mod: 'langHtml', fn: 'html' },
+		'css':        { mod: 'langCss', fn: 'css' },
+		'json':       { mod: 'langJson', fn: 'json' },
+		'markdown':   { mod: 'langMarkdown', fn: 'markdown' },
+		'md':         { mod: 'langMarkdown', fn: 'markdown' },
+		'xml':        { mod: 'langXml', fn: 'xml' },
+		'yaml':       { mod: 'langYaml', fn: 'yaml' },
+		'yml':        { mod: 'langYaml', fn: 'yaml' },
+		'sql':        { mod: 'langSql', fn: 'sql' },
+		'java':       { mod: 'langJava', fn: 'java' },
+		'cpp':        { mod: 'langCpp', fn: 'cpp' },
+		'c':          { mod: 'langCpp', fn: 'cpp' },
+		'c++':        { mod: 'langCpp', fn: 'cpp' },
+		'go':         { mod: 'langGo', fn: 'go' },
+		'golang':     { mod: 'langGo', fn: 'go' },
+		'rust':       { mod: 'langRust', fn: 'rust' },
+		'rs':         { mod: 'langRust', fn: 'rust' },
+		'php':        { mod: 'langPhp', fn: 'php' },
+		'vue':        { mod: 'langVue', fn: 'vue' },
+		'angular':    { mod: 'langAngular', fn: 'angular' },
+		'less':       { mod: 'langLess', fn: 'less' },
+		'sass':       { mod: 'langSass', fn: 'sass', opts: { indented: true } },
+		'scss':       { mod: 'langSass', fn: 'sass' },
+	};
+
 	/**
 	 * Resolve language extension from language string
 	 */
 	function getLanguageExtension(lang) {
-		const normalized = lang?.toLowerCase();
-		if ((normalized === 'javascript' || normalized === 'js' || normalized === 'jsx' || normalized === 'tsx' || normalized === 'typescript' || normalized === 'ts') && modules.langJavascript) {
-			return modules.langJavascript.javascript();
-		}
-		if ((normalized === 'python' || normalized === 'py') && modules.langPython) {
-			return modules.langPython.python();
-		}
-		// No language extension — plain text
-		return [];
+		const entry = LANG_MAP[lang?.toLowerCase()];
+		if (!entry) return [];
+		const mod = modules[entry.mod];
+		if (!mod || typeof mod[entry.fn] !== 'function') return [];
+		return entry.opts ? mod[entry.fn](entry.opts) : mod[entry.fn]();
 	}
 
 	/**
@@ -6820,6 +6855,7 @@ function createArtifactuse(userConfig = {}) {
     const artifact = createArtifact(code, resolvedLang, msgId, 0);
     artifact.title = options.title || artifact.title;
     artifact.isInline = false;
+    artifact.editorLanguage = language;
     if (options.tabs) artifact.tabs = options.tabs;
     if (options.panelUrl) artifact.panelUrl = options.panelUrl;
     state.addArtifact(artifact);
@@ -6829,6 +6865,24 @@ function createArtifactuse(userConfig = {}) {
     return artifact;
   }
 
+  /**
+   * Update an existing artifact's code and refresh the panel
+   */
+  function updateFile(artifactOrId, code, options = {}) {
+    const id = typeof artifactOrId === 'string' ? artifactOrId : artifactOrId?.id;
+    const existing = state.getArtifact(id);
+    if (!existing) return null;
+
+    const updates = { ...existing, code, _refreshToken: Date.now() };
+    if (options.title !== undefined) updates.title = options.title;
+    if (options.tabs !== undefined) updates.tabs = options.tabs;
+    if (options.panelUrl !== undefined) updates.panelUrl = options.panelUrl;
+
+    state.addArtifact(updates);
+    emit('artifact:updated', { artifactId: id, artifact: state.getArtifact(id) });
+    return state.getArtifact(id);
+  }
+
   /**
    * Close panel
    */
@@ -7059,6 +7113,7 @@ function createArtifactuse(userConfig = {}) {
     openArtifact,
     openFile,
     openCode,
+    updateFile,
     closePanel,
     togglePanel,
     toggleFullscreen,
@@ -7242,6 +7297,7 @@ function provideArtifactuse(config = {}) {
     openArtifact: instance.openArtifact,
     openFile: instance.openFile,
     openCode: instance.openCode,
+    updateFile: instance.updateFile,
     closePanel: instance.closePanel,
     togglePanel: instance.togglePanel,
     toggleFullscreen: instance.toggleFullscreen,
@@ -7362,6 +7418,7 @@ function createArtifactuseComposable(config = {}) {
     openArtifact: instance.openArtifact,
     openFile: instance.openFile,
     openCode: instance.openCode,
+    updateFile: instance.updateFile,
     closePanel: instance.closePanel,
     togglePanel: instance.togglePanel,
     toggleFullscreen: instance.toggleFullscreen,
@@ -26984,7 +27041,11 @@ var script$1 = defineComponent({
     
     const panelUrl = computed(() => {
       if (!activeArtifact.value) return null;
-      return getPanelUrl(activeArtifact.value);
+      var url = getPanelUrl(activeArtifact.value);
+      if (url && activeArtifact.value._refreshToken) {
+        url += (url.includes('?') ? '&' : '?') + '_t=' + activeArtifact.value._refreshToken;
+      }
+      return url;
     });
     
     const normalizedLanguage = computed(() => {
@@ -27093,7 +27154,7 @@ var script$1 = defineComponent({
       destroyEditor();
       editorInstance = instance.editor.create(editorContainerRef.value, {
         code: activeArtifact.value.code || '',
-        language: activeArtifact.value.language || 'plaintext',
+        language: activeArtifact.value.editorLanguage || activeArtifact.value.language || 'plaintext',
         sdkTheme: instance.getTheme(),
       });
     }

package/package.json

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