@aiao/code-editor-vue 0.0.21 → 0.0.22

package/dist/index.css

@@ -1,2 +1,2 @@
-.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}
+.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}
 /*$vite$:1*/

package/dist/index.js

@@ -6,47 +6,79 @@ 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";
-//#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({
+//#region src/CodeEditor.vue?vue&type=script&setup=true&lang.ts
+var w = /*@__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: { default: "  " },
+		indentUnit: {
+			type: String,
+			required: !1,
+			default: "  "
+		},
 		indentWithTab: {
 			type: Boolean,
+			required: !1,
 			default: !1
 		},
-		language: { default: "sql" },
-		languages: { default: () => u },
+		language: {
+			type: String,
+			required: !1,
+			default: "sql"
+		},
+		languages: {
+			type: Array,
+			required: !1,
+			default: () => u
+		},
 		lineWrapping: {
 			type: Boolean,
+			required: !1,
 			default: !1
 		},
-		placeholder: { default: "" },
+		placeholder: {
+			type: String,
+			required: !1,
+			default: ""
+		},
 		readonly: {
 			type: Boolean,
+			required: !1,
 			default: !1
 		},
-		root: {},
-		setup: { default: "basic" },
-		theme: { default: "light" },
-		value: { default: "" }
+		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: ""
+		}
 	},
 	emits: [
 		"blur",
@@ -54,23 +86,26 @@ var w = /*#__PURE__*/ ((e, t) => {
 		"focus",
 		"update:value"
 	],
-	setup(n, { emit: u }) {
-		let w = n, T = u, E = s(null), D = c(null), O = e(() => ({
-			"aria-disabled": w.disabled || void 0,
+	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,
 			class: "aiao-code-editor"
-		})), 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 = {
+		})), 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 = {
 			basic: S,
 			minimal: C
-		}, V = 0;
+		}, z = 0;
 		i(() => {
-			let e = E.value;
+			let e = w.value;
 			if (!e) return;
 			let t = new v({
 				parent: e,
 				state: g.create({
-					doc: w.value,
+					doc: o.value,
 					extensions: [
-						k.of(U()),
+						D.of(V()),
+						O.of([]),
+						k.of([]),
 						A.of([]),
 						j.of([]),
 						M.of([]),
@@ -78,92 +113,139 @@ var w = /*#__PURE__*/ ((e, t) => {
 						P.of([]),
 						F.of([]),
 						I.of([]),
-						L.of([]),
-						R.of([]),
 						v.domEventObservers({
-							blur: () => T("blur"),
-							focus: () => T("focus")
+							blur: () => u("blur"),
+							focus: () => u("focus")
 						}),
 						v.updateListener.of((e) => {
-							let t = e.transactions.some((e) => e.annotation(z));
+							let t = e.transactions.some((e) => e.annotation(L));
 							if (!e.docChanged || t) return;
 							let n = e.state.doc.toString();
-							T("update:value", n), T("change", n);
+							u("update:value", n), u("change", n);
 						})
 					]
 				}),
-				...w.root ? { root: w.root } : {}
+				...o.root ? { root: o.root } : {}
 			});
-			D.value = t, W(), G(), q(), J(), Y(), X(), Z(), w.autoFocus && t.focus();
+			T.value = t, H(), U(), G(), K(), q(), J(), Y(), o.autoFocus && t.focus();
 		}), a(() => {
-			V += 1;
-			let e = D.value;
-			D.value = null, e?.destroy();
-		}), l(() => w.value, (e) => {
-			let t = D.value;
+			z += 1;
+			let e = T.value;
+			T.value = null, e?.destroy();
+		}), l(() => o.value, (e) => {
+			let t = T.value;
 			!t || t.state.doc.toString() === e || t.dispatch({
-				annotations: z.of(!0),
+				annotations: L.of(!0),
 				changes: {
 					from: 0,
 					insert: e,
 					to: t.state.doc.length
 				}
 			});
-		}), 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() {
-			D.value?.dispatch({ effects: k.reconfigure(U()) });
+		}), 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 U() {
-			return w.setup === null ? [] : B[w.setup];
+		function V() {
+			return o.setup === null ? [] : R[o.setup];
 		}
-		function W() {
-			D.value?.dispatch({ effects: j.reconfigure(w.theme === "dark" ? _ : []) });
+		function H() {
+			T.value?.dispatch({ effects: k.reconfigure(o.theme === "dark" ? _ : []) });
 		}
-		function G() {
-			let e = ++V, t = D.value;
+		function U() {
+			let e = ++z, t = T.value;
 			if (!t) return;
-			let n = w.language;
-			if (!n || n === "plaintext" || w.languages.length === 0) {
-				t.dispatch({ effects: A.reconfigure([]) });
+			let n = o.language;
+			if (!n || n === "plaintext" || o.languages.length === 0) {
+				t.dispatch({ effects: O.reconfigure([]) });
 				return;
 			}
-			let r = d(n, w.languages);
+			let r = d(n, o.languages);
 			if (!r) {
-				console.error(`[CodeEditor] Language '${n}' not found.`), t.dispatch({ effects: A.reconfigure([]) });
+				console.error(`[CodeEditor] Language '${n}' not found.`), t.dispatch({ effects: O.reconfigure([]) });
 				return;
 			}
 			r.load().then((n) => {
-				K(e, t) && t.dispatch({ effects: A.reconfigure(n.extension) });
+				W(e, t) && t.dispatch({ effects: O.reconfigure(n.extension) });
 			}, (r) => {
-				K(e, t) && (console.error(`[CodeEditor] Failed to load language '${n}':`, r), t.dispatch({ effects: A.reconfigure([]) }));
+				W(e, t) && (console.error(`[CodeEditor] Failed to load language '${n}':`, r), t.dispatch({ effects: O.reconfigure([]) }));
 			});
 		}
-		function K(e, t) {
-			return e === V && D.value === t;
+		function W(e, t) {
+			return e === z && T.value === t;
 		}
-		function q() {
-			let e = D.value;
+		function G() {
+			let e = T.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))] });
+			let t = o.readonly || o.disabled;
+			e.dispatch({ effects: [A.reconfigure(g.readOnly.of(t)), j.reconfigure(v.editable.of(!t))] });
 		}
-		function J() {
-			D.value?.dispatch({ effects: P.reconfigure(w.placeholder ? x(w.placeholder) : []) });
+		function K() {
+			T.value?.dispatch({ effects: M.reconfigure(o.placeholder ? x(o.placeholder) : []) });
 		}
-		function Y() {
-			D.value?.dispatch({ effects: [F.reconfigure(w.indentWithTab ? b.of([f]) : []), I.reconfigure(w.indentUnit ? p.of(w.indentUnit) : [])] });
+		function q() {
+			T.value?.dispatch({ effects: [N.reconfigure(o.indentWithTab ? b.of([f]) : []), P.reconfigure(o.indentUnit ? p.of(o.indentUnit) : [])] });
 		}
-		function X() {
-			D.value?.dispatch({ effects: L.reconfigure(w.lineWrapping ? v.lineWrapping : []) });
+		function J() {
+			T.value?.dispatch({ effects: F.reconfigure(o.lineWrapping ? v.lineWrapping : []) });
 		}
-		function Z() {
-			D.value?.dispatch({ effects: R.reconfigure(w.highlightWhitespace ? y() : []) });
+		function Y() {
+			T.value?.dispatch({ effects: I.reconfigure(o.highlightWhitespace ? y() : []) });
 		}
-		return (e, n) => (o(), t("div", r(O.value, {
-			ref_key: "editorRef",
-			ref: E
-		}), null, 16));
+		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;
 	}
-}), [["__scopeId", "data-v-64632146"]]);
+}), 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"]
+]);
 //#endregion
-export { w as CodeEditor };
+export { D as CodeEditor };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aiao/code-editor-vue",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "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.21"
+    "@aiao/code-editor": "0.0.22"
   }
 }