dishui 0.0.65 → 0.0.67

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

@@ -1,330 +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 nt, createThemeExtension as ct } from "../themes.js";
-import { collectVariables as W, generateOutline as X } from "../utils.js";
-import { defaultContextMenu as St } from "../extensions/contextMenu.js";
-import { forwardRef as Mt, useCallback as g, useEffect as f, useImperativeHandle as Et, useRef as c, useState as Y } from "react";
-import { jsx as p, jsxs as Tt } from "react/jsx-runtime";
-import { EditorView as q, drawSelection as It, highlightActiveLine as Nt, highlightActiveLineGutter as Lt, keymap as Ct, lineNumbers as Rt } from "@codemirror/view";
-import { Compartment as N, EditorState as J } 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 S } 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 ot = (i) => ({
-  javascript: () => S({ jsx: !1 }),
-  jsx: () => S({ jsx: !0 }),
-  typescript: () => S({
-    jsx: !1,
-    typescript: !0
-  }),
-  tsx: () => S({
-    jsx: !0,
-    typescript: !0
-  }),
-  python: Pt,
-  html: Qt,
-  css: Vt,
-  json: Zt,
-  markdown: _t
-})[i]?.() || S(), Ot = Mt(({ value: i = "", onChange: b, language: o = "javascript", theme: v = "light", readOnly: L = !1, lineNumbers: it = !0, highlightActiveLine: st = !0, autocompletion: C = !0, jumpToDefinition: R = !0, contextMenu: ut, onVariablesCollected: l, onOutlineGenerated: d, enableHistory: h = !1, historyLimit: P = 50, historySaveInterval: M = 3, onHistoryChange: u, className: at = "", height: ft = "400px", minHeight: lt, maxHeight: dt, placeholder: Q, extensions: V = [] }, mt) => {
-  const K = c(null), e = c(null), [w, Z] = Y({
-    visible: !1,
-    x: 0,
-    y: 0
-  }), [x, A] = Y([]), [H, D] = Y(-1), $ = c(0), z = c(!1), y = c(!1), E = c(""), k = c(!1), B = c(""), _ = c(new N()), O = c(new N()), G = c(new N()), tt = c(new N()), F = c(o);
-  f(() => {
-    F.current = o;
-  }, [o]);
-  const U = g((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);
-    }
-  }, []), T = g((t, r) => {
-    if (!h || z.current || y.current) return;
-    const s = Date.now(), m = M * 1e4;
-    if (!(s - $.current >= m)) {
-      k.current = !0, E.current = t;
-      return;
-    }
-    if (t === B.current && !r) {
-      k.current = !1;
-      return;
-    }
-    $.current = s, k.current = !1, B.current = t, A((n) => {
-      const a = H >= 0 ? n.slice(0, H + 1) : n, bt = {
-        id: `${s}-${Math.random()}`,
-        timestamp: new Date(s),
-        content: t,
-        description: r
-      }, j = [...a, bt];
-      j.length > P && j.shift();
-      const rt = j.length - 1;
-      return D(rt), setTimeout(() => {
-        u && u(j, rt);
-      }, 0), j;
-    });
-  }, [
-    h,
-    P,
-    M,
-    H,
-    u
-  ]), et = g((t) => {
-    if (t < 0 || t >= x.length) return;
-    z.current = !0;
-    const r = x[t];
-    e.current && e.current.dispatch({ changes: {
-      from: 0,
-      to: e.current.state.doc.length,
-      insert: r.content
-    } });
-    const s = x.slice(0, t + 1);
-    A(s);
-    const m = s.length - 1;
-    D(m), setTimeout(() => {
-      u && u(s, m);
-    }, 0), b && b(r.content), setTimeout(() => {
-      z.current = !1;
-    }, 100);
-  }, [
-    x,
-    b,
-    u
-  ]);
-  Et(mt, () => ({
-    jumpToLine: U,
-    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: () => x,
-    restoreHistory: et,
-    clearHistory: () => {
-      A([]), D(-1), $.current = 0, k.current = !1, E.current = "", B.current = "", setTimeout(() => {
-        u && u([], -1);
-      }, 0);
-    }
-  }), [
-    U,
-    x,
-    et,
-    u
-  ]), f(() => {
-    if (!h) return;
-    const t = M * 1e4, r = setInterval(() => {
-      k.current && E.current && T(E.current);
-    }, t);
-    return () => clearInterval(r);
-  }, [
-    h,
-    M,
-    T
-  ]), f(() => {
-    if (!K.current) return;
-    const t = q.updateListener.of((n) => {
-      if (n.docChanged && b) {
-        const a = n.state.doc.toString();
-        b(a), h && !y.current && T(a), y.current && (y.current = !1);
-      }
-      if (n.docChanged && l) {
-        const a = n.state.doc.toString();
-        l(W(a, F.current));
-      }
-      if (n.docChanged && d) {
-        const a = n.state.doc.toString();
-        d(X(a, F.current));
-      }
-    }), r = [
-      At(),
-      It(),
-      $t(),
-      Wt(),
-      Ft(),
-      Ut(zt, { fallback: !0 }),
-      _.current.of(ot(o)),
-      O.current.of(ct(v)),
-      G.current.of(nt(v)),
-      tt.current.of(J.readOnly.of(L)),
-      t,
-      Ct.of([
-        ...Xt,
-        ...Kt,
-        ...Jt,
-        ...Ht,
-        ...Yt,
-        ...qt,
-        Dt
-      ]),
-      vt,
-      kt,
-      wt
-    ];
-    if (it && r.push(Rt(), Bt(), Lt()), st && r.push(Nt()), C) {
-      const n = typeof C == "object" ? C : {};
-      r.push(jt(o, n));
-    }
-    if (R) {
-      const n = typeof R == "object" ? R : {};
-      r.push(yt(U, n));
-    }
-    Q && r.push(q.contentAttributes.of({ "data-placeholder": Q })), V.length > 0 && r.push(...V);
-    const s = J.create({
-      doc: i,
-      extensions: r
-    }), m = new q({
-      state: s,
-      parent: K.current
-    });
-    return e.current = m, setTimeout(() => {
-      l && l(W(i, o)), d && d(X(i, o));
-    }, 0), h && i && T(i, "Initial content"), () => {
-      m.destroy();
-    };
-  }, []), f(() => {
-    e.current && i !== e.current.state.doc.toString() && (y.current = !0, e.current.dispatch({ changes: {
-      from: 0,
-      to: e.current.state.doc.length,
-      insert: i
-    } }));
-  }, [i]), f(() => {
-    if (e.current) {
-      e.current.dispatch({ effects: _.current.reconfigure(ot(o)) });
-      const t = e.current.state.doc.toString();
-      setTimeout(() => {
-        l && l(W(t, o)), d && d(X(t, o));
-      }, 0);
-    }
-  }, [
-    o,
-    l,
-    d
-  ]), f(() => {
-    e.current && e.current.dispatch({ effects: [O.current.reconfigure(ct(v)), G.current.reconfigure(nt(v))] });
-  }, [v]), f(() => {
-    e.current && e.current.dispatch({ effects: tt.current.reconfigure(J.readOnly.of(L)) });
-  }, [L]);
-  const pt = g((t) => {
-    t.preventDefault(), Z({
-      visible: !0,
-      x: t.clientX,
-      y: t.clientY
-    });
-  }, []), I = g(() => {
-    Z({
-      visible: !1,
-      x: 0,
-      y: 0
-    });
-  }, []), ht = g((t) => {
-    e.current && !t.disabled && t.action(e.current), I();
-  }, [I]);
-  f(() => {
-    if (w.visible) {
-      const t = () => I();
-      return document.addEventListener("click", t), () => document.removeEventListener("click", t);
-    }
-  }, [w.visible, I]);
-  const xt = {
-    height: ft,
-    minHeight: lt,
-    maxHeight: dt,
-    overflow: "auto"
-  }, gt = ut || St;
-  return /* @__PURE__ */ Tt("div", {
-    className: `code-editor-wrapper ${at}`,
-    children: [
-      /* @__PURE__ */ p("div", {
-        ref: K,
-        onContextMenu: pt,
-        style: xt,
-        className: "code-editor"
-      }),
-      w.visible && /* @__PURE__ */ p("div", {
-        className: "context-menu",
-        style: {
-          position: "fixed",
-          top: w.y,
-          left: w.x,
-          zIndex: 1e3
-        },
-        children: /* @__PURE__ */ p("ul", {
-          className: "menu bg-base-200 rounded-box shadow-lg",
-          children: gt.map((t, r) => t.separator ? /* @__PURE__ */ p("li", { className: "menu-separator" }, r) : /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("a", {
-            onClick: () => ht(t),
-            className: t.disabled ? "disabled" : "",
-            children: t.label
-          }) }, r))
-        })
-      }),
-      /* @__PURE__ */ p("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