@kong-ui-public/monaco-editor 0.1.1 → 0.1.2-pr.2609.2ce4f4787.0

package/dist/monaco-editor.es.js

@@ -1,20 +1,230 @@
-import { createElementBlock as a, openBlock as i, createElementVNode as n, createTextVNode as c } from "vue";
-const _ = (t, o) => {
-  const e = t.__vccOpts || t;
-  for (const [r, s] of o)
-    e[r] = s;
+import { createElementBlock as T, openBlock as x, createElementVNode as b, createTextVNode as M, toValue as _, reactive as F, ref as W, onMounted as k, onActivated as N, onBeforeUnmount as U, watch as B } from "vue";
+const L = (n, t) => {
+  const e = n.__vccOpts || n;
+  for (const [r, a] of t)
+    e[r] = a;
   return e;
-}, d = {}, l = { class: "kong-ui-public-monaco-editor" };
-function p(t, o) {
-  return i(), a("div", l, [...o[0] || (o[0] = [
-    n("p", null, [
-      c("This is the "),
-      n("b", null, "MonacoEditor"),
-      c(" content.")
+}, R = {}, D = { class: "kong-ui-public-monaco-editor" };
+function P(n, t) {
+  return x(), T("div", D, [...t[0] || (t[0] = [
+    b("p", null, [
+      M("This is the "),
+      b("b", null, "MonacoEditor"),
+      M(" content.")
     ], -1)
   ])]);
 }
-const f = /* @__PURE__ */ _(d, [["render", p], ["__scopeId", "data-v-21e424a6"]]);
+const Y = /* @__PURE__ */ L(R, [["render", P], ["__scopeId", "data-v-21e424a6"]]), A = "'JetBrains Mono', Consolas, monospace", j = "12px", z = "500", H = "20px", K = Object.freeze({
+  autoClosingQuotes: "always",
+  automaticLayout: !0,
+  // Auto resize layout
+  bracketPairColorization: {
+    enabled: !0
+  },
+  hideCursorInOverviewRuler: !0,
+  // hide the cursor position in the minimap TODO: maybe hide it on first line or change it colour
+  fontFamily: A,
+  fontSize: Number(j.replace("px", "")),
+  fontWeight: z,
+  lineHeight: Number(H.replace("px", "")),
+  formatOnPaste: !0,
+  formatOnType: !0,
+  // Add to enable automatic formatting as the user types.
+  lineNumbersMinChars: 3,
+  minimap: {
+    enabled: !1
+  },
+  stickyScroll: {
+    enabled: !0
+  },
+  suggest: {
+    showWords: !1
+    // Prevent showing word suggestions that exist in the document
+  },
+  quickSuggestions: !0,
+  // Enable quick suggestions
+  suggestOnTriggerCharacters: !0,
+  // Allow suggestions on trigger characters
+  wordBasedSuggestions: "off",
+  overviewRulerLanes: 0,
+  renderWhitespace: "boundary",
+  scrollBeyondLastLine: !1,
+  roundedSelection: !1,
+  wordWrapColumn: 120,
+  colorDecorators: !0,
+  folding: !0,
+  // Enable code folding for MDC block components
+  fixedOverflowWidgets: !0,
+  // Ensure suggestion widgets can overflow container
+  tabSize: 2,
+  detectIndentation: !1,
+  // Important as to not override tabSize
+  insertSpaces: !0,
+  // Since the formatter utilizes spaces, we set to true to insert spaces when pressing Tab
+  trimAutoWhitespace: !0,
+  wordWrap: "bounded",
+  find: {
+    addExtraSpaceOnTop: !1
+    // we need this set to false to get the correct absolute position, otherwise when the search box opens the content shifts
+  }
+});
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const O = () => {
+};
+function V(n, t) {
+  function e(...r) {
+    return new Promise((a, c) => {
+      Promise.resolve(n(() => t.apply(this, r), { fn: t, thisArg: this, args: r })).then(a).catch(c);
+    });
+  }
+  return e;
+}
+function G(n, t = {}) {
+  let e, r, a = O;
+  const c = (i) => {
+    clearTimeout(i), a(), a = O;
+  };
+  let g;
+  return (i) => {
+    const h = _(n), s = _(t.maxWait);
+    return e && c(e), h <= 0 || s !== void 0 && s <= 0 ? (r && (c(r), r = void 0), Promise.resolve(i())) : new Promise((p, o) => {
+      a = t.rejectOnCancel ? o : p, g = i, s && !r && (r = setTimeout(() => {
+        e && c(e), r = void 0, p(g());
+      }, s)), e = setTimeout(() => {
+        r && c(r), r = void 0, p(i());
+      }, h);
+    });
+  };
+}
+function $(n, t = 200, e = {}) {
+  return V(
+    G(t, e),
+    n
+  );
+}
+function q(n) {
+  var t;
+  const e = _(n);
+  return (t = e == null ? void 0 : e.$el) != null ? t : e;
+}
+class m {
+  constructor() {
+  }
+  postMessage() {
+  }
+}
+let u, v = null;
+const E = /* @__PURE__ */ new Map();
+async function J(n) {
+  return u ? (n && u.languages.register({ id: n }), u) : (v && n && E.get(n) || (v = (async () => {
+    E.set(n || "plaintext", !0);
+    const t = await import("./editor.main-BVWEsGeM.js").then((e) => e.e);
+    return (!("MonacoEnvironment" in window) || !window.MonacoEnvironment) && (window.MonacoEnvironment = {
+      getWorker(e, r) {
+        switch (r) {
+          case "json":
+            return new m();
+          case "css":
+          case "scss":
+          case "less":
+            return new m();
+          case "html":
+          case "handlebars":
+          case "razor":
+            return new m();
+          case "typescript":
+          case "javascript":
+            return new m();
+          default:
+            return new m();
+        }
+      }
+    }), n && !t.languages.getLanguages().some((e) => e.id === n) && t.languages.register({ id: n }), u = t, t;
+  })()), v);
+}
+function Z(n, t) {
+  let e;
+  const r = F({
+    editorStatus: "loading",
+    searchBoxIsRevealed: !1,
+    hasContent: !1,
+    theme: t.theme || "light"
+  }), a = W(!1), c = (o) => {
+    !a.value || !e || e.setValue(o);
+  }, g = (o) => e == null ? void 0 : e.updateOptions({ readOnly: o }), C = () => e == null ? void 0 : e.focus(), i = (o) => {
+    try {
+      if (!e || !o) return;
+      e.focus(), e.trigger("keyboard", o, null);
+    } catch (d) {
+      console.error(`useMonacoEditor: Failed to trigger command: ${o}`, d);
+    }
+  }, h = () => {
+    var o;
+    try {
+      if (!e) return;
+      if (r.searchBoxIsRevealed)
+        return (o = e.getContribution("editor.contrib.findController")) == null ? void 0 : o.closeFindWidget();
+      i("actions.find");
+    } catch (d) {
+      console.error("useMonacoEditor: Failed to close findController.", d);
+    }
+  }, s = $(() => u == null ? void 0 : u.editor.remeasureFonts(), 200);
+  return (async () => {
+    const o = await J(t.language), d = o.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`), S = o.editor.createModel(t.code.value, t.language, d);
+    B(() => _(n), async (I) => {
+      var y;
+      const w = q(I);
+      if (!(w instanceof HTMLElement)) {
+        a.value = !1;
+        return;
+      }
+      if (!a.value) {
+        e = o.editor.create(w, {
+          ...K,
+          readOnly: t.readOnly || !1,
+          language: t.language,
+          theme: r.theme,
+          model: S,
+          ...t.monacoOptions
+        }), a.value = !0, r.editorStatus = "ready", r.hasContent = !!t.code.value, e.onDidChangeModelContent(() => {
+          var f;
+          const l = e.getValue();
+          r.hasContent = !!l.length, (f = t.onChanged) == null || f.call(t, l);
+        }), (y = t.onCreated) == null || y.call(t), s();
+        try {
+          const l = e.getContribution("editor.contrib.findController");
+          if (l) {
+            const f = l.getState();
+            f.onFindReplaceStateChange(() => {
+              r.searchBoxIsRevealed = f.isRevealed;
+            });
+          }
+        } catch (l) {
+          console.error("useMonacoEditor: Failed to get the state of findController", l);
+        }
+      }
+    }, {
+      immediate: !0,
+      flush: "post"
+    });
+  })(), k(() => {
+    s();
+  }), N(s), U(() => {
+    if (!e) return;
+    const o = e.getModel();
+    e.dispose(), o && o.dispose();
+  }), {
+    editor: e,
+    editorStates: r,
+    setContent: c,
+    setReadOnly: g,
+    focus: C,
+    remeasureFonts: s,
+    toggleSearchWidget: h,
+    triggerKeyboardCommand: i
+  };
+}
 export {
-  f as MonacoEditor
+  Y as MonacoEditor,
+  Z as useMonacoEditor
 };