@object-ui/plugin-editor 0.3.0

package/dist/MonacoImpl-BSiaJCGx.js

@@ -0,0 +1,575 @@
+import { j as ae } from "./index-Bx39x2XN.js";
+import L, { memo as ne, useState as F, useRef as g, useCallback as re, useEffect as j } from "react";
+function ue(e, t) {
+  (t == null || t > e.length) && (t = e.length);
+  for (var r = 0, n = Array(t); r < t; r++) n[r] = e[r];
+  return n;
+}
+function je(e) {
+  if (Array.isArray(e)) return e;
+}
+function Me(e, t, r) {
+  return (t = Ce(t)) in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function Pe(e, t) {
+  var r = e == null ? null : typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
+  if (r != null) {
+    var n, o, i, a, l = [], s = !0, d = !1;
+    try {
+      if (i = (r = r.call(e)).next, t !== 0) for (; !(s = (n = i.call(r)).done) && (l.push(n.value), l.length !== t); s = !0) ;
+    } catch (M) {
+      d = !0, o = M;
+    } finally {
+      try {
+        if (!s && r.return != null && (a = r.return(), Object(a) !== a)) return;
+      } finally {
+        if (d) throw o;
+      }
+    }
+    return l;
+  }
+}
+function Se() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+function ce(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function le(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? ce(Object(r), !0).forEach(function(n) {
+      Me(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ce(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function Ee(e, t) {
+  if (e == null) return {};
+  var r, n, o = Ie(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var i = Object.getOwnPropertySymbols(e);
+    for (n = 0; n < i.length; n++) r = i[n], t.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (o[r] = e[r]);
+  }
+  return o;
+}
+function Ie(e, t) {
+  if (e == null) return {};
+  var r = {};
+  for (var n in e) if ({}.hasOwnProperty.call(e, n)) {
+    if (t.indexOf(n) !== -1) continue;
+    r[n] = e[n];
+  }
+  return r;
+}
+function Le(e, t) {
+  return je(e) || Pe(e, t) || Ae(e, t) || Se();
+}
+function Te(e, t) {
+  if (typeof e != "object" || !e) return e;
+  var r = e[Symbol.toPrimitive];
+  if (r !== void 0) {
+    var n = r.call(e, t);
+    if (typeof n != "object") return n;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (t === "string" ? String : Number)(e);
+}
+function Ce(e) {
+  var t = Te(e, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function Ae(e, t) {
+  if (e) {
+    if (typeof e == "string") return ue(e, t);
+    var r = {}.toString.call(e).slice(8, -1);
+    return r === "Object" && e.constructor && (r = e.constructor.name), r === "Map" || r === "Set" ? Array.from(e) : r === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? ue(e, t) : void 0;
+  }
+}
+function xe(e, t, r) {
+  return t in e ? Object.defineProperty(e, t, {
+    value: r,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[t] = r, e;
+}
+function se(e, t) {
+  var r = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(e, o).enumerable;
+    })), r.push.apply(r, n);
+  }
+  return r;
+}
+function fe(e) {
+  for (var t = 1; t < arguments.length; t++) {
+    var r = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? se(Object(r), !0).forEach(function(n) {
+      xe(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : se(Object(r)).forEach(function(n) {
+      Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
+    });
+  }
+  return e;
+}
+function $e() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return function(n) {
+    return t.reduceRight(function(o, i) {
+      return i(o);
+    }, n);
+  };
+}
+function $(e) {
+  return function t() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var a = arguments.length, l = new Array(a), s = 0; s < a; s++)
+        l[s] = arguments[s];
+      return t.apply(r, [].concat(o, l));
+    };
+  };
+}
+function H(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function De(e) {
+  return !Object.keys(e).length;
+}
+function R(e) {
+  return typeof e == "function";
+}
+function Re(e, t) {
+  return Object.prototype.hasOwnProperty.call(e, t);
+}
+function Ve(e, t) {
+  return H(t) || S("changeType"), Object.keys(t).some(function(r) {
+    return !Re(e, r);
+  }) && S("changeField"), t;
+}
+function Ne(e) {
+  R(e) || S("selectorType");
+}
+function ze(e) {
+  R(e) || H(e) || S("handlerType"), H(e) && Object.values(e).some(function(t) {
+    return !R(t);
+  }) && S("handlersType");
+}
+function qe(e) {
+  e || S("initialIsRequired"), H(e) || S("initialType"), De(e) && S("initialContent");
+}
+function Ue(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var Fe = {
+  initialIsRequired: "initial state is required",
+  initialType: "initial state should be an object",
+  initialContent: "initial state shouldn't be an empty object",
+  handlerType: "handler should be an object or a function",
+  handlersType: "all handlers should be a functions",
+  selectorType: "selector should be a function",
+  changeType: "provided value of changes should be an object",
+  changeField: 'it seams you want to change a field in the state which is not specified in the "initial" state',
+  default: "an unknown error accured in `state-local` package"
+}, S = $(Ue)(Fe), q = {
+  changes: Ve,
+  selector: Ne,
+  handler: ze,
+  initial: qe
+};
+function He(e) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+  q.initial(e), q.handler(t);
+  var r = {
+    current: e
+  }, n = $(Ke)(r, t), o = $(Be)(r), i = $(q.changes)(e), a = $(We)(r);
+  function l() {
+    var d = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : function(M) {
+      return M;
+    };
+    return q.selector(d), d(r.current);
+  }
+  function s(d) {
+    $e(n, o, i, a)(d);
+  }
+  return [l, s];
+}
+function We(e, t) {
+  return R(t) ? t(e.current) : t;
+}
+function Be(e, t) {
+  return e.current = fe(fe({}, e.current), t), t;
+}
+function Ke(e, t, r) {
+  return R(t) ? t(e.current) : Object.keys(r).forEach(function(n) {
+    var o;
+    return (o = t[n]) === null || o === void 0 ? void 0 : o.call(t, e.current[n]);
+  }), r;
+}
+var Ge = {
+  create: He
+}, Ye = {
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.55.1/min/vs"
+  }
+};
+function _e(e) {
+  return function t() {
+    for (var r = this, n = arguments.length, o = new Array(n), i = 0; i < n; i++)
+      o[i] = arguments[i];
+    return o.length >= e.length ? e.apply(this, o) : function() {
+      for (var a = arguments.length, l = new Array(a), s = 0; s < a; s++)
+        l[s] = arguments[s];
+      return t.apply(r, [].concat(o, l));
+    };
+  };
+}
+function Je(e) {
+  return {}.toString.call(e).includes("Object");
+}
+function Qe(e) {
+  return e || de("configIsRequired"), Je(e) || de("configType"), e.urls ? (Xe(), {
+    paths: {
+      vs: e.urls.monacoBase
+    }
+  }) : e;
+}
+function Xe() {
+  console.warn(pe.deprecation);
+}
+function Ze(e, t) {
+  throw new Error(e[t] || e.default);
+}
+var pe = {
+  configIsRequired: "the configuration object is required",
+  configType: "the configuration object should be an object",
+  default: "an unknown error accured in `@monaco-editor/loader` package",
+  deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `
+}, de = _e(Ze)(pe), ke = {
+  config: Qe
+}, et = function() {
+  for (var t = arguments.length, r = new Array(t), n = 0; n < t; n++)
+    r[n] = arguments[n];
+  return function(o) {
+    return r.reduceRight(function(i, a) {
+      return a(i);
+    }, o);
+  };
+};
+function ge(e, t) {
+  return Object.keys(t).forEach(function(r) {
+    t[r] instanceof Object && e[r] && Object.assign(t[r], ge(e[r], t[r]));
+  }), le(le({}, e), t);
+}
+var tt = {
+  type: "cancelation",
+  msg: "operation is manually canceled"
+};
+function k(e) {
+  var t = !1, r = new Promise(function(n, o) {
+    e.then(function(i) {
+      return t ? o(tt) : n(i);
+    }), e.catch(o);
+  });
+  return r.cancel = function() {
+    return t = !0;
+  }, r;
+}
+var rt = ["monaco"], nt = Ge.create({
+  config: Ye,
+  isInitialized: !1,
+  resolve: null,
+  reject: null,
+  monaco: null
+}), ve = Le(nt, 2), V = ve[0], W = ve[1];
+function ot(e) {
+  var t = ke.config(e), r = t.monaco, n = Ee(t, rt);
+  W(function(o) {
+    return {
+      config: ge(o.config, n),
+      monaco: r
+    };
+  });
+}
+function it() {
+  var e = V(function(t) {
+    var r = t.monaco, n = t.isInitialized, o = t.resolve;
+    return {
+      monaco: r,
+      isInitialized: n,
+      resolve: o
+    };
+  });
+  if (!e.isInitialized) {
+    if (W({
+      isInitialized: !0
+    }), e.monaco)
+      return e.resolve(e.monaco), k(ee);
+    if (window.monaco && window.monaco.editor)
+      return he(window.monaco), e.resolve(window.monaco), k(ee);
+    et(at, ct)(lt);
+  }
+  return k(ee);
+}
+function at(e) {
+  return document.body.appendChild(e);
+}
+function ut(e) {
+  var t = document.createElement("script");
+  return e && (t.src = e), t;
+}
+function ct(e) {
+  var t = V(function(n) {
+    var o = n.config, i = n.reject;
+    return {
+      config: o,
+      reject: i
+    };
+  }), r = ut("".concat(t.config.paths.vs, "/loader.js"));
+  return r.onload = function() {
+    return e();
+  }, r.onerror = t.reject, r;
+}
+function lt() {
+  var e = V(function(r) {
+    var n = r.config, o = r.resolve, i = r.reject;
+    return {
+      config: n,
+      resolve: o,
+      reject: i
+    };
+  }), t = window.require;
+  t.config(e.config), t(["vs/editor/editor.main"], function(r) {
+    var n = r.m || r;
+    he(n), e.resolve(n);
+  }, function(r) {
+    e.reject(r);
+  });
+}
+function he(e) {
+  V().monaco || W({
+    monaco: e
+  });
+}
+function st() {
+  return V(function(e) {
+    var t = e.monaco;
+    return t;
+  });
+}
+var ee = new Promise(function(e, t) {
+  return W({
+    resolve: e,
+    reject: t
+  });
+}), me = {
+  config: ot,
+  init: it,
+  __getMonacoInstance: st
+}, ft = { wrapper: { display: "flex", position: "relative", textAlign: "initial" }, fullWidth: { width: "100%" }, hide: { display: "none" } }, te = ft, dt = { container: { display: "flex", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" } }, pt = dt;
+function gt({ children: e }) {
+  return L.createElement("div", { style: pt.container }, e);
+}
+var vt = gt, ht = vt;
+function mt({ width: e, height: t, isEditorReady: r, loading: n, _ref: o, className: i, wrapperProps: a }) {
+  return L.createElement("section", { style: { ...te.wrapper, width: e, height: t }, ...a }, !r && L.createElement(ht, null, n), L.createElement("div", { ref: o, style: { ...te.fullWidth, ...!r && te.hide }, className: i }));
+}
+var bt = mt, be = ne(bt);
+function yt(e) {
+  j(e, []);
+}
+var ye = yt;
+function wt(e, t, r = !0) {
+  let n = g(!0);
+  j(n.current || !r ? () => {
+    n.current = !1;
+  } : e, t);
+}
+var w = wt;
+function D() {
+}
+function I(e, t, r, n) {
+  return Ot(e, n) || jt(e, t, r, n);
+}
+function Ot(e, t) {
+  return e.editor.getModel(we(e, t));
+}
+function jt(e, t, r, n) {
+  return e.editor.createModel(t, r, n ? we(e, n) : void 0);
+}
+function we(e, t) {
+  return e.Uri.parse(t);
+}
+function Mt({ original: e, modified: t, language: r, originalLanguage: n, modifiedLanguage: o, originalModelPath: i, modifiedModelPath: a, keepCurrentOriginalModel: l = !1, keepCurrentModifiedModel: s = !1, theme: d = "light", loading: M = "Loading...", options: O = {}, height: B = "100%", width: K = "100%", className: G, wrapperProps: Y = {}, beforeMount: _ = D, onMount: J = D }) {
+  let [y, T] = F(!1), [C, p] = F(!0), v = g(null), f = g(null), A = g(null), m = g(J), u = g(_), E = g(!1);
+  ye(() => {
+    let c = me.init();
+    return c.then((h) => (f.current = h) && p(!1)).catch((h) => h?.type !== "cancelation" && console.error("Monaco initialization: error:", h)), () => v.current ? x() : c.cancel();
+  }), w(() => {
+    if (v.current && f.current) {
+      let c = v.current.getOriginalEditor(), h = I(f.current, e || "", n || r || "text", i || "");
+      h !== c.getModel() && c.setModel(h);
+    }
+  }, [i], y), w(() => {
+    if (v.current && f.current) {
+      let c = v.current.getModifiedEditor(), h = I(f.current, t || "", o || r || "text", a || "");
+      h !== c.getModel() && c.setModel(h);
+    }
+  }, [a], y), w(() => {
+    let c = v.current.getModifiedEditor();
+    c.getOption(f.current.editor.EditorOption.readOnly) ? c.setValue(t || "") : t !== c.getValue() && (c.executeEdits("", [{ range: c.getModel().getFullModelRange(), text: t || "", forceMoveMarkers: !0 }]), c.pushUndoStop());
+  }, [t], y), w(() => {
+    v.current?.getModel()?.original.setValue(e || "");
+  }, [e], y), w(() => {
+    let { original: c, modified: h } = v.current.getModel();
+    f.current.editor.setModelLanguage(c, n || r || "text"), f.current.editor.setModelLanguage(h, o || r || "text");
+  }, [r, n, o], y), w(() => {
+    f.current?.editor.setTheme(d);
+  }, [d], y), w(() => {
+    v.current?.updateOptions(O);
+  }, [O], y);
+  let N = re(() => {
+    if (!f.current) return;
+    u.current(f.current);
+    let c = I(f.current, e || "", n || r || "text", i || ""), h = I(f.current, t || "", o || r || "text", a || "");
+    v.current?.setModel({ original: c, modified: h });
+  }, [r, t, o, e, n, i, a]), z = re(() => {
+    !E.current && A.current && (v.current = f.current.editor.createDiffEditor(A.current, { automaticLayout: !0, ...O }), N(), f.current?.editor.setTheme(d), T(!0), E.current = !0);
+  }, [O, d, N]);
+  j(() => {
+    y && m.current(v.current, f.current);
+  }, [y]), j(() => {
+    !C && !y && z();
+  }, [C, y, z]);
+  function x() {
+    let c = v.current?.getModel();
+    l || c?.original?.dispose(), s || c?.modified?.dispose(), v.current?.dispose();
+  }
+  return L.createElement(be, { width: K, height: B, isEditorReady: y, loading: M, _ref: A, className: G, wrapperProps: Y });
+}
+var Pt = Mt;
+ne(Pt);
+function St(e) {
+  let t = g();
+  return j(() => {
+    t.current = e;
+  }, [e]), t.current;
+}
+var Et = St, U = /* @__PURE__ */ new Map();
+function It({ defaultValue: e, defaultLanguage: t, defaultPath: r, value: n, language: o, path: i, theme: a = "light", line: l, loading: s = "Loading...", options: d = {}, overrideServices: M = {}, saveViewState: O = !0, keepCurrentModel: B = !1, width: K = "100%", height: G = "100%", className: Y, wrapperProps: _ = {}, beforeMount: J = D, onMount: y = D, onChange: T, onValidate: C = D }) {
+  let [p, v] = F(!1), [f, A] = F(!0), m = g(null), u = g(null), E = g(null), N = g(y), z = g(J), x = g(), c = g(n), h = Et(i), oe = g(!1), Q = g(!1);
+  ye(() => {
+    let b = me.init();
+    return b.then((P) => (m.current = P) && A(!1)).catch((P) => P?.type !== "cancelation" && console.error("Monaco initialization: error:", P)), () => u.current ? Oe() : b.cancel();
+  }), w(() => {
+    let b = I(m.current, e || n || "", t || o || "", i || r || "");
+    b !== u.current?.getModel() && (O && U.set(h, u.current?.saveViewState()), u.current?.setModel(b), O && u.current?.restoreViewState(U.get(i)));
+  }, [i], p), w(() => {
+    u.current?.updateOptions(d);
+  }, [d], p), w(() => {
+    !u.current || n === void 0 || (u.current.getOption(m.current.editor.EditorOption.readOnly) ? u.current.setValue(n) : n !== u.current.getValue() && (Q.current = !0, u.current.executeEdits("", [{ range: u.current.getModel().getFullModelRange(), text: n, forceMoveMarkers: !0 }]), u.current.pushUndoStop(), Q.current = !1));
+  }, [n], p), w(() => {
+    let b = u.current?.getModel();
+    b && o && m.current?.editor.setModelLanguage(b, o);
+  }, [o], p), w(() => {
+    l !== void 0 && u.current?.revealLine(l);
+  }, [l], p), w(() => {
+    m.current?.editor.setTheme(a);
+  }, [a], p);
+  let ie = re(() => {
+    if (!(!E.current || !m.current) && !oe.current) {
+      z.current(m.current);
+      let b = i || r, P = I(m.current, n || e || "", t || o || "", b || "");
+      u.current = m.current?.editor.create(E.current, { model: P, automaticLayout: !0, ...d }, M), O && u.current.restoreViewState(U.get(b)), m.current.editor.setTheme(a), l !== void 0 && u.current.revealLine(l), v(!0), oe.current = !0;
+    }
+  }, [e, t, r, n, o, i, d, M, O, a, l]);
+  j(() => {
+    p && N.current(u.current, m.current);
+  }, [p]), j(() => {
+    !f && !p && ie();
+  }, [f, p, ie]), c.current = n, j(() => {
+    p && T && (x.current?.dispose(), x.current = u.current?.onDidChangeModelContent((b) => {
+      Q.current || T(u.current.getValue(), b);
+    }));
+  }, [p, T]), j(() => {
+    if (p) {
+      let b = m.current.editor.onDidChangeMarkers((P) => {
+        let X = u.current.getModel()?.uri;
+        if (X && P.find((Z) => Z.path === X.path)) {
+          let Z = m.current.editor.getModelMarkers({ resource: X });
+          C?.(Z);
+        }
+      });
+      return () => {
+        b?.dispose();
+      };
+    }
+    return () => {
+    };
+  }, [p, C]);
+  function Oe() {
+    x.current?.dispose(), B ? O && U.set(i, u.current.saveViewState()) : u.current.getModel()?.dispose(), u.current.dispose();
+  }
+  return L.createElement(be, { width: K, height: G, isEditorReady: p, loading: s, _ref: E, className: Y, wrapperProps: _ });
+}
+var Lt = It, Tt = ne(Lt), Ct = Tt;
+function $t({
+  value: e = "",
+  language: t = "javascript",
+  theme: r = "vs-dark",
+  height: n = "400px",
+  onChange: o,
+  readOnly: i = !1,
+  className: a = ""
+}) {
+  return /* @__PURE__ */ ae.jsx("div", { className: a, children: /* @__PURE__ */ ae.jsx(
+    Ct,
+    {
+      height: n,
+      language: t,
+      theme: r,
+      value: e,
+      onChange: o,
+      options: {
+        readOnly: i,
+        minimap: { enabled: !1 },
+        fontSize: 14,
+        lineNumbers: "on",
+        scrollBeyondLastLine: !1,
+        automaticLayout: !0
+      }
+    }
+  ) });
+}
+export {
+  $t as default
+};