artifactuse 0.1.23 → 0.1.24

package/dist/index.js

@@ -1,4 +1,4 @@
-import { D as s, aI as r, as as t, I as d, c, F as o, aZ as i, al as m, j as l, aq as b, ao as E, aj as n, a5 as p, a6 as g, C as h, ad as M, ak as T, l as u, aF as A, W as f, ah as S, ai as C, ac as y, a4 as P, ap as I, $ as G, a0 as L, M as V, N as D, q as k, ae as F, R as z, S as v, a7 as B, U as w, B as K, aN as X, av as x, at as H, ar as O, O as R, a2 as N, Z as U, X as J, V as W, a9 as Y, ag as _, G as j, H as q, a8 as Q, h as Z, ab as $, k as aa, T as ea, Q as sa, an as ra, x as ta, v as da, y as ca, A as oa, z as ia, K as ma, aY as la, aH as ba, e as Ea, aK as na, a_ as pa, aS as ga, aA as ha, aV as Ma, aX as Ta, aW as ua, J as Aa, aO as fa, aw as Sa, aL as Ca, d as ya, aR as Pa, az as Ia, i as Ga, t as La, aP as Va, ax as Da, aU as ka, n as Fa, p as za, af as va, E as Ba, a3 as wa, aa as Ka, _ as Xa, o as xa, m as Ha, am as Oa, L as Ra, aM as Na, aT as Ua, au as Ja, aB as Wa, a1 as Ya, Y as _a, P as ja, aE as qa, w as Qa, s as Za, r as $a, u as ae, aC as ee, aQ as se, ay as re, aJ as te, aG as de, aD as ce } from "./index-BR2-i8NP.js";
+import { D as s, aI as r, as as t, I as d, c, F as o, aZ as i, al as m, j as l, aq as b, ao as E, aj as n, a5 as p, a6 as g, C as h, ad as M, ak as T, l as u, aF as A, W as f, ah as S, ai as C, ac as y, a4 as P, ap as I, $ as G, a0 as L, M as V, N as D, q as k, ae as F, R as z, S as v, a7 as B, U as w, B as K, aN as X, av as x, at as H, ar as O, O as R, a2 as N, Z as U, X as J, V as W, a9 as Y, ag as _, G as j, H as q, a8 as Q, h as Z, ab as $, k as aa, T as ea, Q as sa, an as ra, x as ta, v as da, y as ca, A as oa, z as ia, K as ma, aY as la, aH as ba, e as Ea, aK as na, a_ as pa, aS as ga, aA as ha, aV as Ma, aX as Ta, aW as ua, J as Aa, aO as fa, aw as Sa, aL as Ca, d as ya, aR as Pa, az as Ia, i as Ga, t as La, aP as Va, ax as Da, aU as ka, n as Fa, p as za, af as va, E as Ba, a3 as wa, aa as Ka, _ as Xa, o as xa, m as Ha, am as Oa, L as Ra, aM as Na, aT as Ua, au as Ja, aB as Wa, a1 as Ya, Y as _a, P as ja, aE as qa, w as Qa, s as Za, r as $a, u as ae, aC as ee, aQ as se, ay as re, aJ as te, aG as de, aD as ce } from "./index-CdjLieSe.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 q, createContext as Ht, useContext as It } from "react";
-import { g as Te, f as ut, a as Ke, b as Ye, n as Bt, i as Ft, D as dt, c as Wt } from "../index-BR2-i8NP.js";
+import { g as Te, f as ut, a as Ke, b as Ye, n as Bt, i as Ft, D as dt, c as Wt } from "../index-CdjLieSe.js";
 import { J as Vt } from "../jszip.min-CdmYyw5L.js";
 import { createPortal as zt } from "react-dom";
 function Rt({
@@ -896,7 +896,7 @@ function pa({
   }, [tt, at]), ze = ((it = m.editor) == null ? void 0 : it.isAvailable()) || !1, st = d(() => {
     !ze || !U.current || !a || ($.current && ($.current.destroy(), $.current = null), $.current = m.editor.create(U.current, {
       code: a.code || "",
-      language: a.language || "plaintext",
+      language: a.editorLanguage || a.language || "plaintext",
       sdkTheme: m.getTheme()
     }));
   }, [ze, a, m]), ht = d(() => {

package/dist/svelte/index.js

@@ -1,6 +1,6 @@
 import { writable as ca, derived as Da } from "svelte/store";
 import { createEventDispatcher as oa, onMount as va, onDestroy as Aa, tick as Xt, setContext as Rr, getContext as Dr } from "svelte";
-import { g as Wt, f as ir, a as Va, b as nr, n as yr, i as Vr, D as Ur, c as Or } from "../index-BR2-i8NP.js";
+import { g as Wt, f as ir, a as Va, b as nr, n as yr, i as Vr, D as Ur, c as Or } from "../index-CdjLieSe.js";
 import "svelte/internal/disclose-version";
 import "svelte/internal/flags/legacy";
 import * as e from "svelte/internal/client";
@@ -1918,7 +1918,7 @@ function Fn(Be, d) {
   function S() {
     !e.get(y) || !e.get(_e) || !e.get(a) || (ie(), R = m.editor.create(e.get(_e), {
       code: e.get(a).code || "",
-      language: e.get(a).language || "plaintext",
+      language: e.get(a).editorLanguage || e.get(a).language || "plaintext",
       sdkTheme: m.getTheme()
     }));
   }

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-CdjLieSe.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,
@@ -1840,7 +1840,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()
       }));
     }

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);
@@ -27093,7 +27129,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.24",
   "type": "module",
   "description": "The Artifact SDK for AI Agents - Turn AI outputs into interactive experiences",
   "author": "Artifactuse",