@aiao/code-editor-vue 0.0.22 → 0.0.23

package/dist/index.css

@@ -1,2 +1,2 @@
-.aiao-code-editor[data-v-9b1829ca]{width:100%;height:100%;font-size:.875rem;display:block;overflow:hidden}.aiao-code-editor[data-v-9b1829ca] .cm-editor{height:100%}.aiao-code-editor[data-v-9b1829ca] .cm-scroller{overflow:auto}
+.aiao-code-editor[data-v-64632146]{width:100%;height:100%;font-size:.875rem;display:block;overflow:hidden}.aiao-code-editor[data-v-64632146] .cm-editor{height:100%}.aiao-code-editor[data-v-64632146] .cm-scroller{overflow:auto}
 /*$vite$:1*/

package/dist/index.js

@@ -6,79 +6,47 @@ import { Annotation as m, Compartment as h, EditorState as g } from "@codemirror
 import { oneDark as _ } from "@codemirror/theme-one-dark";
 import { EditorView as v, highlightWhitespace as y, keymap as b, placeholder as x } from "@codemirror/view";
 import { basicSetup as S, minimalSetup as C } from "codemirror";
-//#region src/CodeEditor.vue?vue&type=script&setup=true&lang.ts
-var w = /*@__PURE__*/ n({
+//#endregion
+//#region src/CodeEditor.vue
+var w = /*#__PURE__*/ ((e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+})(/* @__PURE__ */ n({
 	__name: "CodeEditor",
 	props: {
 		autoFocus: {
 			type: Boolean,
-			required: !1,
 			default: !1
 		},
 		disabled: {
 			type: Boolean,
-			required: !1,
 			default: !1
 		},
 		highlightWhitespace: {
 			type: Boolean,
-			required: !1,
 			default: !1
 		},
-		indentUnit: {
-			type: String,
-			required: !1,
-			default: "  "
-		},
+		indentUnit: { default: "  " },
 		indentWithTab: {
 			type: Boolean,
-			required: !1,
 			default: !1
 		},
-		language: {
-			type: String,
-			required: !1,
-			default: "sql"
-		},
-		languages: {
-			type: Array,
-			required: !1,
-			default: () => u
-		},
+		language: { default: "sql" },
+		languages: { default: () => u },
 		lineWrapping: {
 			type: Boolean,
-			required: !1,
 			default: !1
 		},
-		placeholder: {
-			type: String,
-			required: !1,
-			default: ""
-		},
+		placeholder: { default: "" },
 		readonly: {
 			type: Boolean,
-			required: !1,
 			default: !1
 		},
-		root: {
-			type: null,
-			required: !1
-		},
-		setup: {
-			type: [String, null],
-			required: !1,
-			default: "basic"
-		},
-		theme: {
-			type: String,
-			required: !1,
-			default: "light"
-		},
-		value: {
-			type: String,
-			required: !1,
-			default: ""
-		}
+		root: {},
+		setup: { default: "basic" },
+		theme: { default: "light" },
+		value: { default: "" }
 	},
 	emits: [
 		"blur",
@@ -86,26 +54,23 @@ var w = /*@__PURE__*/ n({
 		"focus",
 		"update:value"
 	],
-	setup(t, { expose: n, emit: r }) {
-		n();
-		let o = t, u = r, w = s(null), T = c(null), E = e(() => ({
-			"aria-disabled": o.disabled || void 0,
+	setup(n, { emit: u }) {
+		let w = n, T = u, E = s(null), D = c(null), O = e(() => ({
+			"aria-disabled": w.disabled || void 0,
 			class: "aiao-code-editor"
-		})), D = new h(), O = new h(), k = new h(), A = new h(), j = new h(), M = new h(), N = new h(), P = new h(), F = new h(), I = new h(), L = m.define(), R = {
+		})), k = new h(), A = new h(), j = new h(), M = new h(), N = new h(), P = new h(), F = new h(), I = new h(), L = new h(), R = new h(), z = m.define(), B = {
 			basic: S,
 			minimal: C
-		}, z = 0;
+		}, V = 0;
 		i(() => {
-			let e = w.value;
+			let e = E.value;
 			if (!e) return;
 			let t = new v({
 				parent: e,
 				state: g.create({
-					doc: o.value,
+					doc: w.value,
 					extensions: [
-						D.of(V()),
-						O.of([]),
-						k.of([]),
+						k.of(U()),
 						A.of([]),
 						j.of([]),
 						M.of([]),
@@ -113,139 +78,92 @@ var w = /*@__PURE__*/ n({
 						P.of([]),
 						F.of([]),
 						I.of([]),
+						L.of([]),
+						R.of([]),
 						v.domEventObservers({
-							blur: () => u("blur"),
-							focus: () => u("focus")
+							blur: () => T("blur"),
+							focus: () => T("focus")
 						}),
 						v.updateListener.of((e) => {
-							let t = e.transactions.some((e) => e.annotation(L));
+							let t = e.transactions.some((e) => e.annotation(z));
 							if (!e.docChanged || t) return;
 							let n = e.state.doc.toString();
-							u("update:value", n), u("change", n);
+							T("update:value", n), T("change", n);
 						})
 					]
 				}),
-				...o.root ? { root: o.root } : {}
+				...w.root ? { root: w.root } : {}
 			});
-			T.value = t, H(), U(), G(), K(), q(), J(), Y(), o.autoFocus && t.focus();
+			D.value = t, W(), G(), q(), J(), Y(), X(), Z(), w.autoFocus && t.focus();
 		}), a(() => {
-			z += 1;
-			let e = T.value;
-			T.value = null, e?.destroy();
-		}), l(() => o.value, (e) => {
-			let t = T.value;
+			V += 1;
+			let e = D.value;
+			D.value = null, e?.destroy();
+		}), l(() => w.value, (e) => {
+			let t = D.value;
 			!t || t.state.doc.toString() === e || t.dispatch({
-				annotations: L.of(!0),
+				annotations: z.of(!0),
 				changes: {
 					from: 0,
 					insert: e,
 					to: t.state.doc.length
 				}
 			});
-		}), l(() => o.setup, B), l(() => o.theme, H), l([() => o.language, () => o.languages], U), l([() => o.readonly, () => o.disabled], G), l(() => o.placeholder, K), l([() => o.indentWithTab, () => o.indentUnit], q), l(() => o.lineWrapping, J), l(() => o.highlightWhitespace, Y);
-		function B() {
-			T.value?.dispatch({ effects: D.reconfigure(V()) });
-		}
-		function V() {
-			return o.setup === null ? [] : R[o.setup];
-		}
+		}), l(() => w.setup, H), l(() => w.theme, W), l([() => w.language, () => w.languages], G), l([() => w.readonly, () => w.disabled], q), l(() => w.placeholder, J), l([() => w.indentWithTab, () => w.indentUnit], Y), l(() => w.lineWrapping, X), l(() => w.highlightWhitespace, Z);
 		function H() {
-			T.value?.dispatch({ effects: k.reconfigure(o.theme === "dark" ? _ : []) });
+			D.value?.dispatch({ effects: k.reconfigure(U()) });
 		}
 		function U() {
-			let e = ++z, t = T.value;
+			return w.setup === null ? [] : B[w.setup];
+		}
+		function W() {
+			D.value?.dispatch({ effects: j.reconfigure(w.theme === "dark" ? _ : []) });
+		}
+		function G() {
+			let e = ++V, t = D.value;
 			if (!t) return;
-			let n = o.language;
-			if (!n || n === "plaintext" || o.languages.length === 0) {
-				t.dispatch({ effects: O.reconfigure([]) });
+			let n = w.language;
+			if (!n || n === "plaintext" || w.languages.length === 0) {
+				t.dispatch({ effects: A.reconfigure([]) });
 				return;
 			}
-			let r = d(n, o.languages);
+			let r = d(n, w.languages);
 			if (!r) {
-				console.error(`[CodeEditor] Language '${n}' not found.`), t.dispatch({ effects: O.reconfigure([]) });
+				console.error(`[CodeEditor] Language '${n}' not found.`), t.dispatch({ effects: A.reconfigure([]) });
 				return;
 			}
 			r.load().then((n) => {
-				W(e, t) && t.dispatch({ effects: O.reconfigure(n.extension) });
+				K(e, t) && t.dispatch({ effects: A.reconfigure(n.extension) });
 			}, (r) => {
-				W(e, t) && (console.error(`[CodeEditor] Failed to load language '${n}':`, r), t.dispatch({ effects: O.reconfigure([]) }));
+				K(e, t) && (console.error(`[CodeEditor] Failed to load language '${n}':`, r), t.dispatch({ effects: A.reconfigure([]) }));
 			});
 		}
-		function W(e, t) {
-			return e === z && T.value === t;
-		}
-		function G() {
-			let e = T.value;
-			if (!e) return;
-			let t = o.readonly || o.disabled;
-			e.dispatch({ effects: [A.reconfigure(g.readOnly.of(t)), j.reconfigure(v.editable.of(!t))] });
-		}
-		function K() {
-			T.value?.dispatch({ effects: M.reconfigure(o.placeholder ? x(o.placeholder) : []) });
+		function K(e, t) {
+			return e === V && D.value === t;
 		}
 		function q() {
-			T.value?.dispatch({ effects: [N.reconfigure(o.indentWithTab ? b.of([f]) : []), P.reconfigure(o.indentUnit ? p.of(o.indentUnit) : [])] });
+			let e = D.value;
+			if (!e) return;
+			let t = w.readonly || w.disabled;
+			e.dispatch({ effects: [M.reconfigure(g.readOnly.of(t)), N.reconfigure(v.editable.of(!t))] });
 		}
 		function J() {
-			T.value?.dispatch({ effects: F.reconfigure(o.lineWrapping ? v.lineWrapping : []) });
+			D.value?.dispatch({ effects: P.reconfigure(w.placeholder ? x(w.placeholder) : []) });
 		}
 		function Y() {
-			T.value?.dispatch({ effects: I.reconfigure(o.highlightWhitespace ? y() : []) });
+			D.value?.dispatch({ effects: [F.reconfigure(w.indentWithTab ? b.of([f]) : []), I.reconfigure(w.indentUnit ? p.of(w.indentUnit) : [])] });
 		}
-		let X = {
-			props: o,
-			emit: u,
-			editorRef: w,
-			viewRef: T,
-			hostAttributes: E,
-			setupConf: D,
-			languageConf: O,
-			themeConf: k,
-			readonlyConf: A,
-			editableConf: j,
-			placeholderConf: M,
-			indentWithTabConf: N,
-			indentUnitConf: P,
-			lineWrappingConf: F,
-			highlightWhitespaceConf: I,
-			External: L,
-			setupExtensions: R,
-			get languageRequest() {
-				return z;
-			},
-			set languageRequest(e) {
-				z = e;
-			},
-			updateSetup: B,
-			getSetupExtension: V,
-			updateTheme: H,
-			updateLanguage: U,
-			isCurrentLanguageRequest: W,
-			updateReadonly: G,
-			updatePlaceholder: K,
-			updateIndent: q,
-			updateLineWrapping: J,
-			updateHighlightWhitespace: Y
-		};
-		return Object.defineProperty(X, "__isScriptSetup", {
-			enumerable: !1,
-			value: !0
-		}), X;
+		function X() {
+			D.value?.dispatch({ effects: L.reconfigure(w.lineWrapping ? v.lineWrapping : []) });
+		}
+		function Z() {
+			D.value?.dispatch({ effects: R.reconfigure(w.highlightWhitespace ? y() : []) });
+		}
+		return (e, n) => (o(), t("div", r(O.value, {
+			ref_key: "editorRef",
+			ref: E
+		}), null, 16));
 	}
-}), T = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-};
-//#endregion
-//#region src/CodeEditor.vue
-function E(e, n, i, a, s, c) {
-	return o(), t("div", r(a.hostAttributes, { ref: "editorRef" }), null, 16);
-}
-var D = /*#__PURE__*/ T(w, [
-	["render", E],
-	["__scopeId", "data-v-9b1829ca"],
-	["__file", "/private/tmp/aiao-release-027.kcmOWl/aiao/packages/code-editor-vue/src/CodeEditor.vue"]
-]);
+}), [["__scopeId", "data-v-64632146"]]);
 //#endregion
-export { D as CodeEditor };
+export { w as CodeEditor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiao/code-editor-vue",
-  "version": "0.0.22",
+  "version": "0.0.23",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -39,6 +39,6 @@
     "@codemirror/theme-one-dark": "^6.1.3",
     "@codemirror/view": "^6.43.5",
     "codemirror": "^6.0.1",
-    "@aiao/code-editor": "0.0.22"
+    "@aiao/code-editor": "0.0.23"
   }
 }