dishui 0.0.64 → 0.0.66

package/dist/components/pro/CodeEditor/editors/CodeEditor.js

@@ -1,323 +1,290 @@
-import { bracketMatchingStyle as vt, jumpTargetHighlight as wt, jumpToDefinition as yt, lineHighlightStyle as kt, smartAutocompletion as jt } from "../extensions/index.js";
-import { createHighlightExtension as rt, createThemeExtension as nt } from "../themes.js";
-import { collectVariables as U, generateOutline as W } from "../utils.js";
-import { defaultContextMenu as St } from "../extensions/contextMenu.js";
-import { forwardRef as Mt, useCallback as h, useEffect as a, useImperativeHandle as Et, useRef as c, useState as X } from "react";
-import { jsx as d, jsxs as Tt } from "react/jsx-runtime";
-import { EditorView as Y, drawSelection as It, highlightActiveLine as Nt, highlightActiveLineGutter as Lt, keymap as Ct, lineNumbers as Rt } from "@codemirror/view";
-import { Compartment as I, EditorState as q } from "@codemirror/state";
-import { defaultKeymap as Kt, history as At, historyKeymap as Ht, indentWithTab as Dt } from "@codemirror/commands";
-import { bracketMatching as $t, defaultHighlightStyle as zt, foldGutter as Bt, indentOnInput as Ft, syntaxHighlighting as Ut } from "@codemirror/language";
-import { closeBrackets as Wt, closeBracketsKeymap as Xt, completionKeymap as Yt } from "@codemirror/autocomplete";
-import { lintKeymap as qt } from "@codemirror/lint";
-import { searchKeymap as Jt } from "@codemirror/search";
-import { javascript as j } from "@codemirror/lang-javascript";
-import { python as Pt } from "@codemirror/lang-python";
-import { html as Qt } from "@codemirror/lang-html";
-import { css as Vt } from "@codemirror/lang-css";
-import { json as Zt } from "@codemirror/lang-json";
-import { markdown as _t } from "@codemirror/lang-markdown";
-var ct = (s) => ({
-  javascript: () => j({ jsx: !1 }),
-  jsx: () => j({ jsx: !0 }),
-  typescript: () => j({
-    jsx: !1,
-    typescript: !0
-  }),
-  tsx: () => j({
-    jsx: !0,
-    typescript: !0
-  }),
-  python: Pt,
-  html: Qt,
-  css: Vt,
-  json: Zt,
-  markdown: _t
-})[s]?.() || j(), Ot = Mt(({ value: s = "", onChange: x, language: o = "javascript", theme: g = "light", readOnly: N = !1, lineNumbers: ot = !0, highlightActiveLine: it = !0, autocompletion: L = !0, jumpToDefinition: C = !0, contextMenu: st, onVariablesCollected: f, onOutlineGenerated: l, enableHistory: m = !1, historyLimit: J = 50, historySaveInterval: S = 3, onHistoryChange: u, className: ut = "", height: at = "400px", minHeight: ft, maxHeight: lt, placeholder: P, extensions: Q = [] }, dt) => {
-  const R = c(null), e = c(null), [b, V] = X({
-    visible: !1,
-    x: 0,
-    y: 0
-  }), [p, K] = X([]), [A, H] = X(-1), D = c(0), $ = c(!1), v = c(!1), M = c(""), w = c(!1), z = c(""), Z = c(new I()), _ = c(new I()), O = c(new I()), G = c(new I()), B = c(o);
-  a(() => {
-    B.current = o;
-  }, [o]);
-  const F = h((t) => {
-    if (e.current) try {
-      const r = e.current.state.doc.line(t);
-      e.current.dispatch({
-        selection: {
-          anchor: r.from,
-          head: r.to
-        },
-        scrollIntoView: !0
-      }), e.current.focus();
-    } catch (r) {
-      console.error("Failed to jump to line:", r);
-    }
-  }, []), E = h((t, r) => {
-    if (!m || $.current || v.current) return;
-    const i = Date.now(), n = S * 1e4;
-    if (!(i - D.current >= n)) {
-      w.current = !0, M.current = t;
-      return;
-    }
-    if (t === z.current && !r) {
-      w.current = !1;
-      return;
-    }
-    D.current = i, w.current = !1, z.current = t, K((y) => {
-      const gt = A >= 0 ? y.slice(0, A + 1) : y, bt = {
-        id: `${i}-${Math.random()}`,
-        timestamp: new Date(i),
-        content: t,
-        description: r
-      }, k = [...gt, bt];
-      k.length > J && k.shift();
-      const et = k.length - 1;
-      return H(et), setTimeout(() => {
-        u && u(k, et);
-      }, 0), k;
-    });
-  }, [
-    m,
-    J,
-    S,
-    A,
-    u
-  ]), tt = h((t) => {
-    if (t < 0 || t >= p.length) return;
-    $.current = !0;
-    const r = p[t];
-    e.current && e.current.dispatch({ changes: {
-      from: 0,
-      to: e.current.state.doc.length,
-      insert: r.content
-    } });
-    const i = p.slice(0, t + 1);
-    K(i);
-    const n = i.length - 1;
-    H(n), setTimeout(() => {
-      u && u(i, n);
-    }, 0), x && x(r.content), setTimeout(() => {
-      $.current = !1;
-    }, 100);
-  }, [
-    p,
-    x,
-    u
-  ]);
-  Et(dt, () => ({
-    jumpToLine: F,
-    getView: () => e.current,
-    getValue: () => e.current?.state.doc.toString() || "",
-    setValue: (t) => {
-      e.current && e.current.dispatch({ changes: {
-        from: 0,
-        to: e.current.state.doc.length,
-        insert: t
-      } });
-    },
-    focus: () => e.current?.focus(),
-    getHistory: () => p,
-    restoreHistory: tt,
-    clearHistory: () => {
-      K([]), H(-1), D.current = 0, w.current = !1, M.current = "", z.current = "", setTimeout(() => {
-        u && u([], -1);
-      }, 0);
-    }
-  }), [
-    F,
-    p,
-    tt,
-    u
-  ]), a(() => {
-    if (!m) return;
-    const t = S * 1e4, r = setInterval(() => {
-      w.current && M.current && E(M.current);
-    }, t);
-    return () => clearInterval(r);
-  }, [
-    m,
-    S,
-    E
-  ]), a(() => {
-    if (!R.current) return;
-    const t = Y.updateListener.of((n) => {
-      if (n.docChanged && x) {
-        const y = n.state.doc.toString();
-        x(y), m && !v.current && E(y), v.current && (v.current = !1);
-      }
-      n.docChanged && f && f(U(n.state.doc.toString(), B.current)), n.docChanged && l && l(W(n.state.doc.toString(), B.current));
-    }), r = [
-      At(),
-      It(),
-      $t(),
-      Wt(),
-      Ft(),
-      Ut(zt, { fallback: !0 }),
-      Z.current.of(ct(o)),
-      _.current.of(nt(g)),
-      O.current.of(rt(g)),
-      G.current.of(q.readOnly.of(N)),
-      t,
-      Ct.of([
-        ...Xt,
-        ...Kt,
-        ...Jt,
-        ...Ht,
-        ...Yt,
-        ...qt,
-        Dt
-      ]),
-      vt,
-      kt,
-      wt
-    ];
-    if (ot && r.push(Rt(), Bt(), Lt()), it && r.push(Nt()), L) {
-      const n = typeof L == "object" ? L : {};
-      r.push(jt(o, n));
-    }
-    if (C) {
-      const n = typeof C == "object" ? C : {};
-      r.push(yt(F, n));
-    }
-    P && r.push(Y.contentAttributes.of({ "data-placeholder": P })), Q.length > 0 && r.push(...Q);
-    const i = new Y({
-      state: q.create({
-        doc: s,
-        extensions: r
-      }),
-      parent: R.current
-    });
-    return e.current = i, setTimeout(() => {
-      f && f(U(s, o)), l && l(W(s, o));
-    }, 0), m && s && E(s, "Initial content"), () => {
-      i.destroy();
-    };
-  }, []), a(() => {
-    e.current && s !== e.current.state.doc.toString() && (v.current = !0, e.current.dispatch({ changes: {
-      from: 0,
-      to: e.current.state.doc.length,
-      insert: s
-    } }));
-  }, [s]), a(() => {
-    if (e.current) {
-      e.current.dispatch({ effects: Z.current.reconfigure(ct(o)) });
-      const t = e.current.state.doc.toString();
-      setTimeout(() => {
-        f && f(U(t, o)), l && l(W(t, o));
-      }, 0);
-    }
-  }, [
-    o,
-    f,
-    l
-  ]), a(() => {
-    e.current && e.current.dispatch({ effects: [_.current.reconfigure(nt(g)), O.current.reconfigure(rt(g))] });
-  }, [g]), a(() => {
-    e.current && e.current.dispatch({ effects: G.current.reconfigure(q.readOnly.of(N)) });
-  }, [N]);
-  const mt = h((t) => {
-    t.preventDefault(), V({
-      visible: !0,
-      x: t.clientX,
-      y: t.clientY
-    });
-  }, []), T = h(() => {
-    V({
-      visible: !1,
-      x: 0,
-      y: 0
-    });
-  }, []), pt = h((t) => {
-    e.current && !t.disabled && t.action(e.current), T();
-  }, [T]);
-  a(() => {
-    if (b.visible) {
-      const t = () => T();
-      return document.addEventListener("click", t), () => document.removeEventListener("click", t);
-    }
-  }, [b.visible, T]);
-  const ht = {
-    height: at,
-    minHeight: ft,
-    maxHeight: lt,
-    overflow: "auto"
-  }, xt = st || St;
-  return /* @__PURE__ */ Tt("div", {
-    className: `code-editor-wrapper ${ut}`,
-    children: [
-      /* @__PURE__ */ d("div", {
-        ref: R,
-        onContextMenu: mt,
-        style: ht,
-        className: "code-editor"
-      }),
-      b.visible && /* @__PURE__ */ d("div", {
-        className: "context-menu",
-        style: {
-          position: "fixed",
-          top: b.y,
-          left: b.x,
-          zIndex: 1e3
-        },
-        children: /* @__PURE__ */ d("ul", {
-          className: "menu bg-base-200 rounded-box shadow-lg",
-          children: xt.map((t, r) => t.separator ? /* @__PURE__ */ d("li", { className: "menu-separator" }, r) : /* @__PURE__ */ d("li", { children: /* @__PURE__ */ d("a", {
-            onClick: () => pt(t),
-            className: t.disabled ? "disabled" : "",
-            children: t.label
-          }) }, r))
-        })
-      }),
-      /* @__PURE__ */ d("style", { children: `
-        .code-editor-wrapper {
-          position: relative;
-          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));
-          border-radius: 0.5rem;
-          overflow: hidden;
-        }
-
-        .code-editor .cm-editor {
-          height: 100%;
-        }
-
-        .code-editor .cm-scroller {
-          overflow: auto;
-          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
-          font-size: 14px;
-          line-height: 1.5;
-        }
-
-        .code-editor .cm-content[data-placeholder]::before {
-          content: attr(data-placeholder);
-          color: var(--fallback-bc, oklch(var(--bc) / 0.4));
-          position: absolute;
-          pointer-events: none;
-        }
-
-        .context-menu {
-          min-width: 150px;
-        }
-
-        .context-menu .menu-separator {
-          height: 1px;
-          background: var(--fallback-bc, oklch(var(--bc) / 0.2));
-          margin: 0.25rem 0;
-        }
-
-        .context-menu .disabled {
-          opacity: 0.5;
-          pointer-events: none;
-        }
-      ` })
-    ]
-  });
+import { bracketMatchingStyle as e, jumpTargetHighlight as t, jumpToDefinition as n, lineHighlightStyle as r, smartAutocompletion as i } from "../extensions/index.js";
+import { createHighlightExtension as a, createThemeExtension as o } from "../themes.js";
+import { collectVariables as s, generateOutline as c } from "../utils.js";
+import { defaultContextMenu as l } from "../extensions/contextMenu.js";
+import { forwardRef as u, useCallback as d, useEffect as f, useImperativeHandle as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as ee } from "react/jsx-runtime";
+import { EditorView as _, drawSelection as te, highlightActiveLine as ne, highlightActiveLineGutter as re, keymap as ie, lineNumbers as ae } from "@codemirror/view";
+import { Compartment as v, EditorState as y } from "@codemirror/state";
+import { defaultKeymap as oe, history as se, historyKeymap as ce, indentWithTab as le } from "@codemirror/commands";
+import { bracketMatching as ue, defaultHighlightStyle as de, foldGutter as fe, indentOnInput as pe, syntaxHighlighting as me } from "@codemirror/language";
+import { closeBrackets as he, closeBracketsKeymap as ge, completionKeymap as _e } from "@codemirror/autocomplete";
+import { lintKeymap as ve } from "@codemirror/lint";
+import { searchKeymap as ye } from "@codemirror/search";
+import { javascript as b } from "@codemirror/lang-javascript";
+import { python as x } from "@codemirror/lang-python";
+import { html as S } from "@codemirror/lang-html";
+import { css as C } from "@codemirror/lang-css";
+import { json as w } from "@codemirror/lang-json";
+import { markdown as T } from "@codemirror/lang-markdown";
+//#region src/components/pro/CodeEditor/editors/CodeEditor.tsx
+var E = (e) => ({
+	javascript: () => b({ jsx: !1 }),
+	jsx: () => b({ jsx: !0 }),
+	typescript: () => b({
+		jsx: !1,
+		typescript: !0
+	}),
+	tsx: () => b({
+		jsx: !0,
+		typescript: !0
+	}),
+	python: x,
+	html: S,
+	css: C,
+	json: w,
+	markdown: T
+})[e]?.() || b(), D = u(({ value: u = "", onChange: b, language: x = "javascript", theme: S = "light", readOnly: C = !1, lineNumbers: w = !0, highlightActiveLine: T = !0, autocompletion: D = !0, jumpToDefinition: O = !0, contextMenu: be, onVariablesCollected: k, onOutlineGenerated: A, enableHistory: j = !1, historyLimit: M = 50, historySaveInterval: N = 3, onHistoryChange: P, className: xe = "", height: Se = "400px", minHeight: Ce, maxHeight: we, placeholder: F, extensions: Te = [] }, Ee) => {
+	let I = m(null), L = m(null), [R, De] = h({
+		visible: !1,
+		x: 0,
+		y: 0
+	}), [z, B] = h([]), [V, H] = h(-1), U = m(0), W = m(!1), G = m(!1), K = m(""), q = m(!1), J = m(""), Oe = m(new v()), ke = m(new v()), Ae = m(new v()), je = m(new v()), Y = m(x);
+	f(() => {
+		Y.current = x;
+	}, [x]);
+	let X = d((e) => {
+		if (L.current) try {
+			let t = L.current.state.doc.line(e);
+			L.current.dispatch({
+				selection: {
+					anchor: t.from,
+					head: t.to
+				},
+				scrollIntoView: !0
+			}), L.current.focus();
+		} catch (e) {
+			console.error("Failed to jump to line:", e);
+		}
+	}, []), Z = d((e, t) => {
+		if (!j || W.current || G.current) return;
+		let n = Date.now(), r = N * 1e4;
+		if (!(n - U.current >= r)) {
+			q.current = !0, K.current = e;
+			return;
+		}
+		if (e === J.current && !t) {
+			q.current = !1;
+			return;
+		}
+		U.current = n, q.current = !1, J.current = e, B((r) => {
+			let i = V >= 0 ? r.slice(0, V + 1) : r, a = {
+				id: `${n}-${Math.random()}`,
+				timestamp: new Date(n),
+				content: e,
+				description: t
+			}, o = [...i, a];
+			o.length > M && o.shift();
+			let s = o.length - 1;
+			return H(s), setTimeout(() => {
+				P && P(o, s);
+			}, 0), o;
+		});
+	}, [
+		j,
+		M,
+		N,
+		V,
+		P
+	]), Q = d((e) => {
+		if (e < 0 || e >= z.length) return;
+		W.current = !0;
+		let t = z[e];
+		L.current && L.current.dispatch({ changes: {
+			from: 0,
+			to: L.current.state.doc.length,
+			insert: t.content
+		} });
+		let n = z.slice(0, e + 1);
+		B(n);
+		let r = n.length - 1;
+		H(r), setTimeout(() => {
+			P && P(n, r);
+		}, 0), b && b(t.content), setTimeout(() => {
+			W.current = !1;
+		}, 100);
+	}, [
+		z,
+		b,
+		P
+	]);
+	p(Ee, () => ({
+		jumpToLine: X,
+		getView: () => L.current,
+		getValue: () => L.current?.state.doc.toString() || "",
+		setValue: (e) => {
+			L.current && L.current.dispatch({ changes: {
+				from: 0,
+				to: L.current.state.doc.length,
+				insert: e
+			} });
+		},
+		focus: () => L.current?.focus(),
+		getHistory: () => z,
+		restoreHistory: Q,
+		clearHistory: () => {
+			B([]), H(-1), U.current = 0, q.current = !1, K.current = "", J.current = "", setTimeout(() => {
+				P && P([], -1);
+			}, 0);
+		}
+	}), [
+		X,
+		z,
+		Q,
+		P
+	]), f(() => {
+		if (!j) return;
+		let e = N * 1e4, t = setInterval(() => {
+			q.current && K.current && Z(K.current);
+		}, e);
+		return () => clearInterval(t);
+	}, [
+		j,
+		N,
+		Z
+	]), f(() => {
+		if (!I.current) return;
+		let l = _.updateListener.of((e) => {
+			if (e.docChanged && b) {
+				let t = e.state.doc.toString();
+				b(t), j && !G.current && Z(t), G.current &&= !1;
+			}
+			if (e.docChanged && k) {
+				let t = e.state.doc.toString();
+				k(s(t, Y.current));
+			}
+			if (e.docChanged && A) {
+				let t = e.state.doc.toString();
+				A(c(t, Y.current));
+			}
+		}), d = [
+			se(),
+			te(),
+			ue(),
+			he(),
+			pe(),
+			me(de, { fallback: !0 }),
+			Oe.current.of(E(x)),
+			ke.current.of(o(S)),
+			Ae.current.of(a(S)),
+			je.current.of(y.readOnly.of(C)),
+			l,
+			ie.of([
+				...ge,
+				...oe,
+				...ye,
+				...ce,
+				..._e,
+				...ve,
+				le
+			]),
+			e,
+			r,
+			t
+		];
+		if (w && d.push(ae(), fe(), re()), T && d.push(ne()), D) {
+			let e = typeof D == "object" ? D : {};
+			d.push(i(x, e));
+		}
+		if (O) {
+			let e = typeof O == "object" ? O : {};
+			d.push(n(X, e));
+		}
+		F && d.push(_.contentAttributes.of({ "data-placeholder": F })), Te.length > 0 && d.push(...Te);
+		let f = y.create({
+			doc: u,
+			extensions: d
+		}), p = new _({
+			state: f,
+			parent: I.current
+		});
+		return L.current = p, setTimeout(() => {
+			k && k(s(u, x)), A && A(c(u, x));
+		}, 0), j && u && Z(u, "Initial content"), () => {
+			p.destroy();
+		};
+	}, []), f(() => {
+		L.current && u !== L.current.state.doc.toString() && (G.current = !0, L.current.dispatch({ changes: {
+			from: 0,
+			to: L.current.state.doc.length,
+			insert: u
+		} }));
+	}, [u]), f(() => {
+		if (L.current) {
+			L.current.dispatch({ effects: Oe.current.reconfigure(E(x)) });
+			let e = L.current.state.doc.toString();
+			setTimeout(() => {
+				k && k(s(e, x)), A && A(c(e, x));
+			}, 0);
+		}
+	}, [
+		x,
+		k,
+		A
+	]), f(() => {
+		L.current && L.current.dispatch({ effects: [ke.current.reconfigure(o(S)), Ae.current.reconfigure(a(S))] });
+	}, [S]), f(() => {
+		L.current && L.current.dispatch({ effects: je.current.reconfigure(y.readOnly.of(C)) });
+	}, [C]);
+	let Me = d((e) => {
+		e.preventDefault(), De({
+			visible: !0,
+			x: e.clientX,
+			y: e.clientY
+		});
+	}, []), $ = d(() => {
+		De({
+			visible: !1,
+			x: 0,
+			y: 0
+		});
+	}, []), Ne = d((e) => {
+		L.current && !e.disabled && e.action(L.current), $();
+	}, [$]);
+	f(() => {
+		if (R.visible) {
+			let e = () => $();
+			return document.addEventListener("click", e), () => document.removeEventListener("click", e);
+		}
+	}, [R.visible, $]);
+	let Pe = {
+		height: Se,
+		minHeight: Ce,
+		maxHeight: we,
+		overflow: "auto"
+	}, Fe = be || l;
+	return /* @__PURE__ */ ee("div", {
+		className: `code-editor-wrapper ${xe}`,
+		children: [
+			/* @__PURE__ */ g("div", {
+				ref: I,
+				onContextMenu: Me,
+				style: Pe,
+				className: "code-editor"
+			}),
+			R.visible && /* @__PURE__ */ g("div", {
+				className: "context-menu",
+				style: {
+					position: "fixed",
+					top: R.y,
+					left: R.x,
+					zIndex: 1e3
+				},
+				children: /* @__PURE__ */ g("ul", {
+					className: "menu bg-base-200 rounded-box shadow-lg",
+					children: Fe.map((e, t) => e.separator ? /* @__PURE__ */ g("li", { className: "menu-separator" }, t) : /* @__PURE__ */ g("li", { children: /* @__PURE__ */ g("a", {
+						onClick: () => Ne(e),
+						className: e.disabled ? "disabled" : "",
+						children: e.label
+					}) }, t))
+				})
+			}),
+			/* @__PURE__ */ g("style", { children: "\n        .code-editor-wrapper {\n          position: relative;\n          border: 1px solid var(--fallback-bc, oklch(var(--bc) / 0.2));\n          border-radius: 0.5rem;\n          overflow: hidden;\n        }\n\n        .code-editor .cm-editor {\n          height: 100%;\n        }\n\n        .code-editor .cm-scroller {\n          overflow: auto;\n          font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;\n          font-size: 14px;\n          line-height: 1.5;\n        }\n\n        .code-editor .cm-content[data-placeholder]::before {\n          content: attr(data-placeholder);\n          color: var(--fallback-bc, oklch(var(--bc) / 0.4));\n          position: absolute;\n          pointer-events: none;\n        }\n\n        .context-menu {\n          min-width: 150px;\n        }\n\n        .context-menu .menu-separator {\n          height: 1px;\n          background: var(--fallback-bc, oklch(var(--bc) / 0.2));\n          margin: 0.25rem 0;\n        }\n\n        .context-menu .disabled {\n          opacity: 0.5;\n          pointer-events: none;\n        }\n      " })
+		]
+	});
 });
-Ot.displayName = "CodeEditor";
-export {
-  Ot as default
-};
+D.displayName = "CodeEditor";
+//#endregion
+export { D as default };
 
 //# sourceMappingURL=CodeEditor.js.map