@kong-ui-public/monaco-editor 0.8.1-pr.2799.4a7245eab.0 → 0.8.1-pr.2802.7ee435206.0

package/dist/runtime/monaco-editor.es.js

@@ -1,10 +1,10 @@
-import { toValue as b, ref as A, shallowRef as K, reactive as H, watch as I, onMounted as $, onActivated as z, onBeforeUnmount as G, onWatcherCleanup as q, defineComponent as D, resolveComponent as J, createBlock as M, openBlock as C, createSlots as Q, withCtx as x, resolveDynamicComponent as Y, mergeModels as F, useModel as Z, useTemplateRef as X, computed as T, createElementBlock as ee, normalizeClass as te, createElementVNode as oe, renderSlot as R, createVNode as w, Transition as L, createCommentVNode as W, unref as h } from "vue";
-import { ProgressIcon as ae, CodeblockIcon as ne } from "@kong/icons";
-import * as g from "monaco-editor";
-import { shikiToMonaco as re } from "@shikijs/monaco";
-import { getSingletonHighlighter as se, bundledLanguages as ie, bundledThemes as le } from "shiki";
-import { createI18n as ce, i18nTComponent as ue } from "@kong-ui-public/i18n";
-const de = "'JetBrains Mono', Consolas, monospace", me = "12px", ge = "500", fe = "20px", ve = Object.freeze({
+import { toValue as C, ref as Q, shallowRef as X, reactive as Y, watch as x, onMounted as Z, onActivated as ee, onBeforeUnmount as te, onWatcherCleanup as oe, defineComponent as z, resolveComponent as ae, createBlock as O, openBlock as E, createSlots as ne, withCtx as D, resolveDynamicComponent as re, mergeModels as R, useModel as se, useTemplateRef as ie, computed as T, createElementBlock as le, normalizeClass as ce, createElementVNode as de, renderSlot as W, createVNode as N, Transition as U, createCommentVNode as B, unref as v } from "vue";
+import { ProgressIcon as ue, CodeblockIcon as ge } from "@kong/icons";
+import * as m from "monaco-editor";
+import { shikiToMonaco as me } from "@shikijs/monaco";
+import { getSingletonHighlighter as fe, bundledLanguages as pe, bundledThemes as he } from "shiki";
+import { createI18n as ve, i18nTComponent as ye } from "@kong-ui-public/i18n";
+const Se = "'JetBrains Mono', Consolas, monospace", be = "12px", Ce = "500", Ee = "20px", Me = Object.freeze({
   autoClosingQuotes: "always",
   automaticLayout: !0,
   // Auto resize layout
@@ -13,10 +13,10 @@ const de = "'JetBrains Mono', Consolas, monospace", me = "12px", ge = "500", fe
   },
   hideCursorInOverviewRuler: !0,
   // hide the cursor position in the minimap TODO: maybe hide it on first line or change it colour
-  fontFamily: de,
-  fontSize: Number(me.replace("px", "")),
-  fontWeight: ge,
-  lineHeight: Number(fe.replace("px", "")),
+  fontFamily: Se,
+  fontSize: Number(be.replace("px", "")),
+  fontWeight: Ce,
+  lineHeight: Number(Ee.replace("px", "")),
   formatOnPaste: !0,
   formatOnType: !0,
   // Add to enable automatic formatting as the user types.
@@ -59,141 +59,222 @@ const de = "'JetBrains Mono', Consolas, monospace", me = "12px", ge = "500", fe
   }
 });
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const N = () => {
+const P = () => {
 };
-function he(o, t) {
+function we(o, t) {
   function e(...a) {
-    return new Promise((r, s) => {
+    return new Promise((i, r) => {
       Promise.resolve(o(() => t.apply(this, a), {
         fn: t,
         thisArg: this,
         args: a
-      })).then(r).catch(s);
+      })).then(i).catch(r);
     });
   }
   return e;
 }
-function pe(o, t = {}) {
-  let e, a, r = N;
-  const s = (d) => {
-    clearTimeout(d), r(), r = N;
+function _e(o, t = {}) {
+  let e, a, i = P;
+  const r = (s) => {
+    clearTimeout(s), i(), i = P;
   };
-  let i;
-  return (d) => {
-    const f = b(o), m = b(t.maxWait);
-    return e && s(e), f <= 0 || m !== void 0 && m <= 0 ? (a && (s(a), a = void 0), Promise.resolve(d())) : new Promise((l, v) => {
-      r = t.rejectOnCancel ? v : l, i = d, m && !a && (a = setTimeout(() => {
-        e && s(e), a = void 0, l(i());
-      }, m)), e = setTimeout(() => {
-        a && s(a), a = void 0, l(d());
-      }, f);
+  let l;
+  return (s) => {
+    const p = C(o), g = C(t.maxWait);
+    return e && r(e), p <= 0 || g !== void 0 && g <= 0 ? (a && (r(a), a = void 0), Promise.resolve(s())) : new Promise((c, h) => {
+      i = t.rejectOnCancel ? h : c, l = s, g && !a && (a = setTimeout(() => {
+        e && r(e), a = void 0, c(l());
+      }, g)), e = setTimeout(() => {
+        a && r(a), a = void 0, c(s());
+      }, p);
     });
   };
 }
 // @__NO_SIDE_EFFECTS__
-function ye(o, t = 200, e = {}) {
-  return he(pe(t, e), o);
+function Oe(o, t = 200, e = {}) {
+  return we(_e(t, e), o);
 }
-function U(o) {
-  var t;
-  const e = b(o);
-  return (t = e == null ? void 0 : e.$el) !== null && t !== void 0 ? t : e;
+const F = "[monaco-editor] [lifecycle]", y = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new Map(), I = /* @__PURE__ */ new WeakMap();
+function ke(o) {
+  let t = y.get(o.source);
+  if (!t) {
+    let e;
+    switch (o.type) {
+      case "editor":
+        e = o.source.onDidDispose(() => $(o.source));
+        break;
+      case "model":
+        e = o.source.onWillDispose(() => $(o.source));
+        break;
+      default:
+        throw new Error(`${F} Unknown scope: ${o}`);
+    }
+    t = {
+      disposables: /* @__PURE__ */ new Set(),
+      scopeListener: e
+    }, y.set(o.source, t);
+  }
+  return t;
+}
+function H(o) {
+  const t = y.get(o);
+  t && (t.scopeListener.dispose(), y.delete(o));
+}
+function A(o, t) {
+  ke(t).disposables.add(o);
+}
+function j(o, t) {
+  const e = y.get(t.source);
+  e && (e.disposables.delete(o), e.disposables.size === 0 && H(t.source));
+}
+function Te(o) {
+  const t = [];
+  if (o.forEach((e) => {
+    try {
+      e.dispose();
+    } catch (a) {
+      t.push(a);
+    }
+  }), t.length)
+    throw new AggregateError(
+      t,
+      `${F} One or more disposables threw while being disposed.`
+    );
+}
+function Ie(o, t) {
+  var l, f;
+  let e = o, a = S.get(e);
+  if (!a) {
+    const s = I.get(o);
+    s && (e = s, a = S.get(s));
+  }
+  if (a)
+    return ((l = a.scope) == null ? void 0 : l.type) === (t == null ? void 0 : t.type) && ((f = a.scope) == null ? void 0 : f.source) === (t == null ? void 0 : t.source) || (a.scope && j(a.decorated, a.scope), t ? (A(a.decorated, t), a.scope = t) : a.scope = void 0), a.decorated;
+  const i = e.dispose, r = {
+    dispose: () => {
+      const s = S.get(e);
+      if (s)
+        return s.scope && j(r, s.scope), S.delete(e), I.delete(r), i.call(e);
+    }
+  };
+  return S.set(e, { decorated: r, scope: t }), I.set(r, e), t && A(r, t), r;
+}
+function V(o, t) {
+  return Ie(t, { type: "editor", source: o });
+}
+function $(o) {
+  const t = y.get(o);
+  if (!t) return;
+  const e = Array.from(t.disposables);
+  try {
+    Te(e);
+  } catch (a) {
+    console.warn(`${F} Encountered errors while disposing scoped disposables:`, a, ", Source:", o);
+  }
+  H(o);
 }
-const P = A(!1);
-let y = null;
-async function Ce() {
-  return y || (y = (async () => {
+const G = Q(!1);
+let b = null;
+async function xe() {
+  return b || (b = (async () => {
     var o, t;
     try {
-      const e = ((o = g.json) == null ? void 0 : o.jsonDefaults) || ((t = g.languages.json) == null ? void 0 : t.jsonDefaults);
+      const e = ((o = m.json) == null ? void 0 : o.jsonDefaults) || ((t = m.languages.json) == null ? void 0 : t.jsonDefaults);
       e == null || e.setModeConfiguration({ tokens: !1 });
-      const a = await se(
+      const a = await fe(
         {
-          themes: Object.values(le),
-          langs: Object.values(ie)
+          themes: Object.values(he),
+          langs: Object.values(pe)
         }
       );
-      a.getLoadedLanguages().forEach((r) => {
-        g.languages.register({ id: r });
-      }), re(a, g), P.value = !0;
+      a.getLoadedLanguages().forEach((i) => {
+        m.languages.register({ id: i });
+      }), me(a, m), G.value = !0;
     } catch (e) {
-      throw y = null, e;
+      throw b = null, e;
     }
-  })(), y);
+  })(), b);
 }
-function Se(o, t) {
-  const e = K();
-  let a, r = !1, s = !1;
-  const i = H({
+function De(o, t) {
+  const e = X();
+  let a, i = !1, r = !1;
+  const l = Y({
     editorStatus: "loading",
     searchBoxIsRevealed: !1,
     hasContent: !1,
     theme: t.theme || "light"
-  }), p = (n) => {
-    !r || !e.value || e.value.setValue(n);
-  }, d = (n) => {
-    var c;
-    return (c = e.value) == null ? void 0 : c.updateOptions({ readOnly: n });
-  }, f = () => {
+  }), f = (n) => {
+    !i || !e.value || e.value.setValue(n);
+  }, s = (n) => {
+    var d;
+    return (d = e.value) == null ? void 0 : d.updateOptions({ readOnly: n });
+  }, p = () => {
     var n;
     return (n = e.value) == null ? void 0 : n.focus();
-  }, m = (n) => {
-    var E;
-    const c = (E = e.value) == null ? void 0 : E.getModel();
-    c && g.editor.setModelLanguage(c, n);
-  }, l = (n) => {
+  }, g = (n) => {
+    var w;
+    const d = (w = e.value) == null ? void 0 : w.getModel();
+    d && m.editor.setModelLanguage(d, n);
+  }, c = (n) => {
     try {
       if (!e.value || !n) return;
       e.value.focus(), e.value.trigger("keyboard", n, null);
-    } catch (c) {
-      console.error(`useMonacoEditor: Failed to trigger command: ${n}`, c);
+    } catch (d) {
+      console.error(`useMonacoEditor: Failed to trigger command: ${n}`, d);
     }
-  }, v = () => {
+  }, h = () => {
     var n;
     try {
       if (!e.value) return;
-      if (i.searchBoxIsRevealed)
+      if (l.searchBoxIsRevealed)
         return (n = e.value.getContribution("editor.contrib.findController")) == null ? void 0 : n.closeFindWidget();
-      l("actions.find");
-    } catch (c) {
-      console.error("useMonacoEditor: Failed to close findController.", c);
+      c("actions.find");
+    } catch (d) {
+      console.error("useMonacoEditor: Failed to close findController.", d);
     }
-  }, S = /* @__PURE__ */ ye(() => g.editor.remeasureFonts(), 200);
+  }, M = /* @__PURE__ */ Oe(() => m.editor.remeasureFonts(), 200);
   return (() => {
-    Ce(), I([P, () => b(o)], ([n, c], [, E]) => {
-      var k;
-      const O = U(c), V = U(E);
-      if (!(O instanceof HTMLElement) || !n) {
-        r = !1;
+    xe(), x([G, () => C(o)], ([n, d], [, w]) => {
+      var L;
+      const k = C(d), J = C(w);
+      if (!(k instanceof HTMLElement) || !n) {
+        i = !1;
         return;
       }
-      if (!(r && V === O)) {
+      if (!(i && J === k)) {
         if (!a) {
-          const u = g.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);
-          a = g.editor.createModel(t.code.value, t.language, u);
+          const u = m.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);
+          a = m.editor.createModel(t.code.value, t.language, u);
         }
-        e.value = g.editor.create(O, {
-          ...ve,
+        e.value = m.editor.create(k, {
+          ...Me,
           readOnly: t.readOnly || !1,
           language: t.language,
-          theme: i.theme === "light" ? "catppuccin-latte" : "catppuccin-mocha",
+          theme: l.theme === "light" ? "catppuccin-latte" : "catppuccin-mocha",
           model: a,
           editContext: !1,
           ...t.monacoOptions
-        }), r = !0, i.editorStatus = "ready", i.hasContent = !!t.code.value, e.value.onDidChangeModelContent(() => {
-          if (s) return;
-          const u = e.value.getValue();
-          i.hasContent = !!u.length, t.code.value = u;
-        }), (k = t.onReady) == null || k.call(t, e.value), S();
+        }), i = !0, l.editorStatus = "ready", l.hasContent = !!t.code.value, V(
+          e.value,
+          e.value.onDidChangeModelContent(() => {
+            if (r) return;
+            const u = e.value.getValue();
+            l.hasContent = !!u.length, t.code.value = u;
+          })
+        ), (L = t.onReady) == null || L.call(t, e.value), M();
         try {
           const u = e.value.getContribution("editor.contrib.findController"), _ = u == null ? void 0 : u.getState();
-          _ == null || _.onFindReplaceStateChange(() => {
-            i.searchBoxIsRevealed = _.isRevealed;
-          });
+          V(
+            e.value,
+            _ == null ? void 0 : _.onFindReplaceStateChange(() => {
+              l.searchBoxIsRevealed = _.isRevealed;
+            })
+            // This returns a disposable
+          );
         } catch (u) {
           console.error("useMonacoEditor: Failed to get the state of findController", u);
         }
-        q(() => {
+        oe(() => {
           var u;
           (u = e.value) == null || u.dispose();
         });
@@ -202,50 +283,50 @@ function Se(o, t) {
       immediate: !0,
       flush: "post"
     });
-  })(), I(t.code, (n) => {
-    if (!e.value || !a || !r) return;
-    const c = a.getValue();
-    n !== c && (s = !0, e.value.executeEdits("external", [
+  })(), x(t.code, (n) => {
+    if (!e.value || !a || !i) return;
+    const d = a.getValue();
+    n !== d && (r = !0, e.value.executeEdits("external", [
       {
         range: a.getFullModelRange(),
         text: n
       }
-    ]), e.value.pushUndoStop(), i.hasContent = !!n.length, s = !1);
-  }), $(S), z(S), G(() => {
+    ]), e.value.pushUndoStop(), l.hasContent = !!n.length, r = !1);
+  }), Z(M), ee(M), te(() => {
     if (!e.value) return;
     const n = e.value.getModel();
     e.value.dispose(), n && n.dispose();
   }), {
     editor: e,
-    editorStates: i,
-    setContent: p,
-    setReadOnly: d,
-    focus: f,
-    setLanguage: m,
-    remeasureFonts: S,
-    toggleSearchWidget: v,
-    triggerKeyboardCommand: l
+    editorStates: l,
+    setContent: f,
+    setReadOnly: s,
+    focus: p,
+    setLanguage: g,
+    remeasureFonts: M,
+    toggleSearchWidget: h,
+    triggerKeyboardCommand: c
   };
 }
-const Ee = {
+const Fe = {
   messages: {
     empty_message: "The editor is currently empty. Start typing to add content.",
     empty_title: "No content available",
     loading_message: "Please wait while the {type} content is loaded.",
     loading_title: "{type} editor"
   }
-}, _e = {
-  editor: Ee
+}, Le = {
+  editor: Fe
 };
-function be() {
-  const o = ce("en-us", _e);
+function Re() {
+  const o = ve("en-us", Le);
   return {
     i18n: o,
-    i18nT: ue(o)
+    i18nT: ye(o)
     // Translation component <i18n-t>
   };
 }
-const Me = /* @__PURE__ */ D({
+const We = /* @__PURE__ */ z({
   __name: "MonacoEditorStatusOverlay",
   props: {
     title: {},
@@ -254,30 +335,30 @@ const Me = /* @__PURE__ */ D({
   },
   setup(o) {
     return (t, e) => {
-      const a = J("KEmptyState");
-      return C(), M(a, {
+      const a = ae("KEmptyState");
+      return E(), O(a, {
         class: "monaco-editor-status-overlay",
         message: o.message,
         title: o.title
-      }, Q({ _: 2 }, [
+      }, ne({ _: 2 }, [
         o.icon ? {
           name: "icon",
-          fn: x(() => [
-            (C(), M(Y(o.icon), { decorative: "" }))
+          fn: D(() => [
+            (E(), O(re(o.icon), { decorative: "" }))
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["message", "title"]);
     };
   }
-}), j = (o, t) => {
+}), q = (o, t) => {
   const e = o.__vccOpts || o;
-  for (const [a, r] of t)
-    e[a] = r;
+  for (const [a, i] of t)
+    e[a] = i;
   return e;
-}, B = /* @__PURE__ */ j(Me, [["__scopeId", "data-v-062eadb5"]]), Oe = /* @__PURE__ */ D({
+}, K = /* @__PURE__ */ q(We, [["__scopeId", "data-v-062eadb5"]]), Ne = /* @__PURE__ */ z({
   __name: "MonacoEditor",
-  props: /* @__PURE__ */ F({
+  props: /* @__PURE__ */ R({
     theme: { default: "light" },
     language: { default: "markdown" },
     loading: { type: Boolean, default: !1 },
@@ -290,66 +371,66 @@ const Me = /* @__PURE__ */ D({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ F(["ready"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ R(["ready"], ["update:modelValue"]),
   setup(o, { expose: t, emit: e }) {
-    const a = e, r = Z(o, "modelValue"), { i18n: s } = be(), i = X("editorRef"), p = T(() => o.theme === "dark" ? "dark" : "light"), d = T(() => m.editorStates.editorStatus === "loading" || o.loading), f = T(() => m.editorStates.editorStatus === "ready" && !m.editorStates.hasContent), m = Se(i, {
+    const a = e, i = se(o, "modelValue"), { i18n: r } = Re(), l = ie("editorRef"), f = T(() => o.theme === "dark" ? "dark" : "light"), s = T(() => g.editorStates.editorStatus === "loading" || o.loading), p = T(() => g.editorStates.editorStatus === "ready" && !g.editorStates.hasContent), g = De(l, {
       language: o.language,
-      code: r,
-      theme: p.value,
+      code: i,
+      theme: f.value,
       monacoOptions: o.options,
-      onReady: (l) => {
-        a("ready", l);
+      onReady: (c) => {
+        a("ready", c);
       }
     });
     return t({
-      monacoEditor: m
-    }), I(() => o.language, (l, v) => {
-      l !== v && m.setLanguage(l);
-    }), (l, v) => (C(), ee("div", {
-      class: te(["monaco-editor-container", [
-        p.value,
-        { loading: d.value }
+      monacoEditor: g
+    }), x(() => o.language, (c, h) => {
+      c !== h && g.setLanguage(c);
+    }), (c, h) => (E(), le("div", {
+      class: ce(["monaco-editor-container", [
+        f.value,
+        { loading: s.value }
       ]]),
       "data-testid": "monaco-editor-container"
     }, [
-      oe("div", {
+      de("div", {
         ref_key: "editorRef",
-        ref: i,
+        ref: l,
         class: "monaco-editor-target",
         "data-testid": "monaco-editor-target"
       }, null, 512),
-      R(l.$slots, "state-loading", { isLoading: d.value }, () => [
-        w(L, { name: "fade" }, {
-          default: x(() => [
-            d.value ? (C(), M(B, {
+      W(c.$slots, "state-loading", { isLoading: s.value }, () => [
+        N(U, { name: "fade" }, {
+          default: D(() => [
+            s.value ? (E(), O(K, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-loading",
-              icon: h(ae),
-              message: h(s).t("editor.messages.loading_message", { type: o.language }),
-              title: h(s).t("editor.messages.loading_title", { type: o.language })
-            }, null, 8, ["icon", "message", "title"])) : W("", !0)
+              icon: v(ue),
+              message: v(r).t("editor.messages.loading_message", { type: o.language }),
+              title: v(r).t("editor.messages.loading_title", { type: o.language })
+            }, null, 8, ["icon", "message", "title"])) : B("", !0)
           ]),
           _: 1
         })
       ], !0),
-      R(l.$slots, "state-empty", { isEmpty: f.value }, () => [
-        w(L, { name: "fade" }, {
-          default: x(() => [
-            f.value && !d.value ? (C(), M(B, {
+      W(c.$slots, "state-empty", { isEmpty: p.value }, () => [
+        N(U, { name: "fade" }, {
+          default: D(() => [
+            p.value && !s.value ? (E(), O(K, {
               key: 0,
               "data-testid": "monaco-editor-status-overlay-empty",
-              icon: h(ne),
-              message: h(s).t("editor.messages.empty_message"),
-              title: h(s).t("editor.messages.empty_title")
-            }, null, 8, ["icon", "message", "title"])) : W("", !0)
+              icon: v(ge),
+              message: v(r).t("editor.messages.empty_message"),
+              title: v(r).t("editor.messages.empty_title")
+            }, null, 8, ["icon", "message", "title"])) : B("", !0)
           ]),
           _: 1
         })
       ], !0)
     ], 2));
   }
-}), we = /* @__PURE__ */ j(Oe, [["__scopeId", "data-v-e2083635"]]);
+}), $e = /* @__PURE__ */ q(Ne, [["__scopeId", "data-v-e2083635"]]);
 export {
-  we as MonacoEditor,
-  Se as useMonacoEditor
+  $e as MonacoEditor,
+  De as useMonacoEditor
 };

package/dist/runtime/monaco-editor.umd.js

@@ -1 +1 @@
-(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("monaco-editor"),require("@shikijs/monaco"),require("shiki"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","monaco-editor","@shikijs/monaco","shiki","@kong-ui-public/i18n"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["kong-ui-public-monaco-editor"]={},d.Vue,d.KongIcons,d.monaco,d.monaco$1,d.shiki,d["kong-ui-public-i18n"]))})(this,function(d,e,k,L,R,O,I){"use strict";function U(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const p=U(L),j=Object.freeze({autoClosingQuotes:"always",automaticLayout:!0,bracketPairColorization:{enabled:!0},hideCursorInOverviewRuler:!0,fontFamily:"'JetBrains Mono', Consolas, monospace",fontSize:Number("12px".replace("px","")),fontWeight:"500",lineHeight:Number("20px".replace("px","")),formatOnPaste:!0,formatOnType:!0,lineNumbersMinChars:3,minimap:{enabled:!1},stickyScroll:{enabled:!0},suggest:{showWords:!1},quickSuggestions:!0,suggestOnTriggerCharacters:!0,wordBasedSuggestions:"off",overviewRulerLanes:0,renderWhitespace:"boundary",scrollBeyondLastLine:!1,roundedSelection:!1,wordWrapColumn:120,colorDecorators:!0,folding:!0,fixedOverflowWidgets:!0,tabSize:2,detectIndentation:!1,insertSpaces:!0,trimAutoWhitespace:!0,wordWrap:"bounded",find:{addExtraSpaceOnTop:!1}});typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const T=()=>{};function W(o,n){function t(...a){return new Promise((i,s)=>{Promise.resolve(o(()=>n.apply(this,a),{fn:n,thisArg:this,args:a})).then(i).catch(s)})}return t}function D(o,n={}){let t,a,i=T;const s=g=>{clearTimeout(g),i(),i=T};let l;return g=>{const h=e.toValue(o),f=e.toValue(n.maxWait);return t&&s(t),h<=0||f!==void 0&&f<=0?(a&&(s(a),a=void 0),Promise.resolve(g())):new Promise((c,y)=>{i=n.rejectOnCancel?y:c,l=g,f&&!a&&(a=setTimeout(()=>{t&&s(t),a=void 0,c(l())},f)),t=setTimeout(()=>{a&&s(a),a=void 0,c(g())},h)})}}function V(o,n=200,t={}){return W(D(n,t),o)}function x(o){var n;const t=e.toValue(o);return(n=t==null?void 0:t.$el)!==null&&n!==void 0?n:t}const v=e.ref(!1);let _=null;async function P(){return _||(_=(async()=>{var o,n;try{const t=((o=p.json)==null?void 0:o.jsonDefaults)||((n=p.languages.json)==null?void 0:n.jsonDefaults);t==null||t.setModeConfiguration({tokens:!1});const a=await O.getSingletonHighlighter({themes:Object.values(O.bundledThemes),langs:Object.values(O.bundledLanguages)});a.getLoadedLanguages().forEach(i=>{p.languages.register({id:i})}),R.shikiToMonaco(a,p),v.value=!0}catch(t){throw _=null,t}})(),_)}function w(o,n){const t=e.shallowRef();let a,i=!1,s=!1;const l=e.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:n.theme||"light"}),C=r=>{!i||!t.value||t.value.setValue(r)},g=r=>{var u;return(u=t.value)==null?void 0:u.updateOptions({readOnly:r})},h=()=>{var r;return(r=t.value)==null?void 0:r.focus()},f=r=>{var E;const u=(E=t.value)==null?void 0:E.getModel();u&&p.editor.setModelLanguage(u,r)},c=r=>{try{if(!t.value||!r)return;t.value.focus(),t.value.trigger("keyboard",r,null)}catch(u){console.error(`useMonacoEditor: Failed to trigger command: ${r}`,u)}},y=()=>{var r;try{if(!t.value)return;if(l.searchBoxIsRevealed)return(r=t.value.getContribution("editor.contrib.findController"))==null?void 0:r.closeFindWidget();c("actions.find")}catch(u){console.error("useMonacoEditor: Failed to close findController.",u)}},S=V(()=>p.editor.remeasureFonts(),200);return(()=>{P(),e.watch([v,()=>e.toValue(o)],([r,u],[,E])=>{var B;const b=x(u),$=x(E);if(!(b instanceof HTMLElement)||!r){i=!1;return}if(!(i&&$===b)){if(!a){const m=p.Uri.parse(`inmemory://model/${n.language}-${crypto.randomUUID()}`);a=p.editor.createModel(n.code.value,n.language,m)}t.value=p.editor.create(b,{...j,readOnly:n.readOnly||!1,language:n.language,theme:l.theme==="light"?"catppuccin-latte":"catppuccin-mocha",model:a,editContext:!1,...n.monacoOptions}),i=!0,l.editorStatus="ready",l.hasContent=!!n.code.value,t.value.onDidChangeModelContent(()=>{if(s)return;const m=t.value.getValue();l.hasContent=!!m.length,n.code.value=m}),(B=n.onReady)==null||B.call(n,t.value),S();try{const m=t.value.getContribution("editor.contrib.findController"),M=m==null?void 0:m.getState();M==null||M.onFindReplaceStateChange(()=>{l.searchBoxIsRevealed=M.isRevealed})}catch(m){console.error("useMonacoEditor: Failed to get the state of findController",m)}e.onWatcherCleanup(()=>{var m;(m=t.value)==null||m.dispose()})}},{immediate:!0,flush:"post"})})(),e.watch(n.code,r=>{if(!t.value||!a||!i)return;const u=a.getValue();r!==u&&(s=!0,t.value.executeEdits("external",[{range:a.getFullModelRange(),text:r}]),t.value.pushUndoStop(),l.hasContent=!!r.length,s=!1)}),e.onMounted(S),e.onActivated(S),e.onBeforeUnmount(()=>{if(!t.value)return;const r=t.value.getModel();t.value.dispose(),r&&r.dispose()}),{editor:t,editorStates:l,setContent:C,setReadOnly:g,focus:h,setLanguage:f,remeasureFonts:S,toggleSearchWidget:y,triggerKeyboardCommand:c}}const K={editor:{messages:{empty_message:"The editor is currently empty. Start typing to add content.",empty_title:"No content available",loading_message:"Please wait while the {type} content is loaded.",loading_title:"{type} editor"}}};function H(){const o=I.createI18n("en-us",K);return{i18n:o,i18nT:I.i18nTComponent(o)}}const q=e.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(o){return(n,t)=>{const a=e.resolveComponent("KEmptyState");return e.openBlock(),e.createBlock(a,{class:"monaco-editor-status-overlay",message:o.message,title:o.title},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{decorative:""}))]),key:"0"}:void 0]),1032,["message","title"])}}}),F=(o,n)=>{const t=o.__vccOpts||o;for(const[a,i]of n)t[a]=i;return t},N=F(q,[["__scopeId","data-v-062eadb5"]]),A=F(e.defineComponent({__name:"MonacoEditor",props:e.mergeModels({theme:{default:"light"},language:{default:"markdown"},loading:{type:Boolean,default:!1},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:e.mergeModels(["ready"],["update:modelValue"]),setup(o,{expose:n,emit:t}){const a=t,i=e.useModel(o,"modelValue"),{i18n:s}=H(),l=e.useTemplateRef("editorRef"),C=e.computed(()=>o.theme==="dark"?"dark":"light"),g=e.computed(()=>f.editorStates.editorStatus==="loading"||o.loading),h=e.computed(()=>f.editorStates.editorStatus==="ready"&&!f.editorStates.hasContent),f=w(l,{language:o.language,code:i,theme:C.value,monacoOptions:o.options,onReady:c=>{a("ready",c)}});return n({monacoEditor:f}),e.watch(()=>o.language,(c,y)=>{c!==y&&f.setLanguage(c)}),(c,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["monaco-editor-container",[C.value,{loading:g.value}]]),"data-testid":"monaco-editor-container"},[e.createElementVNode("div",{ref_key:"editorRef",ref:l,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),e.renderSlot(c.$slots,"state-loading",{isLoading:g.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[g.value?(e.openBlock(),e.createBlock(N,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:e.unref(k.ProgressIcon),message:e.unref(s).t("editor.messages.loading_message",{type:o.language}),title:e.unref(s).t("editor.messages.loading_title",{type:o.language})},null,8,["icon","message","title"])):e.createCommentVNode("",!0)]),_:1})],!0),e.renderSlot(c.$slots,"state-empty",{isEmpty:h.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[h.value&&!g.value?(e.openBlock(),e.createBlock(N,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:e.unref(k.CodeblockIcon),message:e.unref(s).t("editor.messages.empty_message"),title:e.unref(s).t("editor.messages.empty_title")},null,8,["icon","message","title"])):e.createCommentVNode("",!0)]),_:1})],!0)],2))}}),[["__scopeId","data-v-e2083635"]]);d.MonacoEditor=A,d.useMonacoEditor=w,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
+(function(u,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue"),require("@kong/icons"),require("monaco-editor"),require("@shikijs/monaco"),require("shiki"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","monaco-editor","@shikijs/monaco","shiki","@kong-ui-public/i18n"],n):(u=typeof globalThis<"u"?globalThis:u||self,n(u["kong-ui-public-monaco-editor"]={},u.Vue,u.KongIcons,u.monaco,u.monaco$1,u.shiki,u["kong-ui-public-i18n"]))})(this,function(u,n,D,K,A,O,x){"use strict";function $(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>o[e]})}}return t.default=o,Object.freeze(t)}const p=$(K),H=Object.freeze({autoClosingQuotes:"always",automaticLayout:!0,bracketPairColorization:{enabled:!0},hideCursorInOverviewRuler:!0,fontFamily:"'JetBrains Mono', Consolas, monospace",fontSize:Number("12px".replace("px","")),fontWeight:"500",lineHeight:Number("20px".replace("px","")),formatOnPaste:!0,formatOnType:!0,lineNumbersMinChars:3,minimap:{enabled:!1},stickyScroll:{enabled:!0},suggest:{showWords:!1},quickSuggestions:!0,suggestOnTriggerCharacters:!0,wordBasedSuggestions:"off",overviewRulerLanes:0,renderWhitespace:"boundary",scrollBeyondLastLine:!1,roundedSelection:!1,wordWrapColumn:120,colorDecorators:!0,folding:!0,fixedOverflowWidgets:!0,tabSize:2,detectIndentation:!1,insertSpaces:!0,trimAutoWhitespace:!0,wordWrap:"bounded",find:{addExtraSpaceOnTop:!1}});typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const F=()=>{};function q(o,t){function e(...a){return new Promise((l,i)=>{Promise.resolve(o(()=>t.apply(this,a),{fn:t,thisArg:this,args:a})).then(l).catch(i)})}return e}function z(o,t={}){let e,a,l=F;const i=s=>{clearTimeout(s),l(),l=F};let c;return s=>{const y=n.toValue(o),m=n.toValue(t.maxWait);return e&&i(e),y<=0||m!==void 0&&m<=0?(a&&(i(a),a=void 0),Promise.resolve(s())):new Promise((d,S)=>{l=t.rejectOnCancel?S:d,c=s,m&&!a&&(a=setTimeout(()=>{e&&i(e),a=void 0,d(c())},m)),e=setTimeout(()=>{a&&i(a),a=void 0,d(s())},y)})}}function G(o,t=200,e={}){return q(z(t,e),o)}const I="[monaco-editor] [lifecycle]",b=new WeakMap,_=new Map,T=new WeakMap;function Y(o){let t=b.get(o.source);if(!t){let e;switch(o.type){case"editor":e=o.source.onDidDispose(()=>B(o.source));break;case"model":e=o.source.onWillDispose(()=>B(o.source));break;default:throw new Error(`${I} Unknown scope: ${o}`)}t={disposables:new Set,scopeListener:e},b.set(o.source,t)}return t}function v(o){const t=b.get(o);t&&(t.scopeListener.dispose(),b.delete(o))}function L(o,t){Y(t).disposables.add(o)}function N(o,t){const e=b.get(t.source);e&&(e.disposables.delete(o),e.disposables.size===0&&v(t.source))}function Z(o){const t=[];if(o.forEach(e=>{try{e.dispose()}catch(a){t.push(a)}}),t.length)throw new AggregateError(t,`${I} One or more disposables threw while being disposed.`)}function J(o,t){var c,h;let e=o,a=_.get(e);if(!a){const s=T.get(o);s&&(e=s,a=_.get(s))}if(a)return((c=a.scope)==null?void 0:c.type)===(t==null?void 0:t.type)&&((h=a.scope)==null?void 0:h.source)===(t==null?void 0:t.source)||(a.scope&&N(a.decorated,a.scope),t?(L(a.decorated,t),a.scope=t):a.scope=void 0),a.decorated;const l=e.dispose,i={dispose:()=>{const s=_.get(e);if(s)return s.scope&&N(i,s.scope),_.delete(e),T.delete(i),l.call(e)}};return _.set(e,{decorated:i,scope:t}),T.set(i,e),t&&L(i,t),i}function W(o,t){return J(t,{type:"editor",source:o})}function B(o){const t=b.get(o);if(!t)return;const e=Array.from(t.disposables);try{Z(e)}catch(a){console.warn(`${I} Encountered errors while disposing scoped disposables:`,a,", Source:",o)}v(o)}const R=n.ref(!1);let k=null;async function Q(){return k||(k=(async()=>{var o,t;try{const e=((o=p.json)==null?void 0:o.jsonDefaults)||((t=p.languages.json)==null?void 0:t.jsonDefaults);e==null||e.setModeConfiguration({tokens:!1});const a=await O.getSingletonHighlighter({themes:Object.values(O.bundledThemes),langs:Object.values(O.bundledLanguages)});a.getLoadedLanguages().forEach(l=>{p.languages.register({id:l})}),A.shikiToMonaco(a,p),R.value=!0}catch(e){throw k=null,e}})(),k)}function U(o,t){const e=n.shallowRef();let a,l=!1,i=!1;const c=n.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:t.theme||"light"}),h=r=>{!l||!e.value||e.value.setValue(r)},s=r=>{var g;return(g=e.value)==null?void 0:g.updateOptions({readOnly:r})},y=()=>{var r;return(r=e.value)==null?void 0:r.focus()},m=r=>{var M;const g=(M=e.value)==null?void 0:M.getModel();g&&p.editor.setModelLanguage(g,r)},d=r=>{try{if(!e.value||!r)return;e.value.focus(),e.value.trigger("keyboard",r,null)}catch(g){console.error(`useMonacoEditor: Failed to trigger command: ${r}`,g)}},S=()=>{var r;try{if(!e.value)return;if(c.searchBoxIsRevealed)return(r=e.value.getContribution("editor.contrib.findController"))==null?void 0:r.closeFindWidget();d("actions.find")}catch(g){console.error("useMonacoEditor: Failed to close findController.",g)}},E=G(()=>p.editor.remeasureFonts(),200);return(()=>{Q(),n.watch([R,()=>n.toValue(o)],([r,g],[,M])=>{var P;const w=n.toValue(g),ne=n.toValue(M);if(!(w instanceof HTMLElement)||!r){l=!1;return}if(!(l&&ne===w)){if(!a){const f=p.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);a=p.editor.createModel(t.code.value,t.language,f)}e.value=p.editor.create(w,{...H,readOnly:t.readOnly||!1,language:t.language,theme:c.theme==="light"?"catppuccin-latte":"catppuccin-mocha",model:a,editContext:!1,...t.monacoOptions}),l=!0,c.editorStatus="ready",c.hasContent=!!t.code.value,W(e.value,e.value.onDidChangeModelContent(()=>{if(i)return;const f=e.value.getValue();c.hasContent=!!f.length,t.code.value=f})),(P=t.onReady)==null||P.call(t,e.value),E();try{const f=e.value.getContribution("editor.contrib.findController"),C=f==null?void 0:f.getState();W(e.value,C==null?void 0:C.onFindReplaceStateChange(()=>{c.searchBoxIsRevealed=C.isRevealed}))}catch(f){console.error("useMonacoEditor: Failed to get the state of findController",f)}n.onWatcherCleanup(()=>{var f;(f=e.value)==null||f.dispose()})}},{immediate:!0,flush:"post"})})(),n.watch(t.code,r=>{if(!e.value||!a||!l)return;const g=a.getValue();r!==g&&(i=!0,e.value.executeEdits("external",[{range:a.getFullModelRange(),text:r}]),e.value.pushUndoStop(),c.hasContent=!!r.length,i=!1)}),n.onMounted(E),n.onActivated(E),n.onBeforeUnmount(()=>{if(!e.value)return;const r=e.value.getModel();e.value.dispose(),r&&r.dispose()}),{editor:e,editorStates:c,setContent:h,setReadOnly:s,focus:y,setLanguage:m,remeasureFonts:E,toggleSearchWidget:S,triggerKeyboardCommand:d}}const X={editor:{messages:{empty_message:"The editor is currently empty. Start typing to add content.",empty_title:"No content available",loading_message:"Please wait while the {type} content is loaded.",loading_title:"{type} editor"}}};function ee(){const o=x.createI18n("en-us",X);return{i18n:o,i18nT:x.i18nTComponent(o)}}const te=n.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(o){return(t,e)=>{const a=n.resolveComponent("KEmptyState");return n.openBlock(),n.createBlock(a,{class:"monaco-editor-status-overlay",message:o.message,title:o.title},n.createSlots({_:2},[o.icon?{name:"icon",fn:n.withCtx(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(o.icon),{decorative:""}))]),key:"0"}:void 0]),1032,["message","title"])}}}),j=(o,t)=>{const e=o.__vccOpts||o;for(const[a,l]of t)e[a]=l;return e},V=j(te,[["__scopeId","data-v-062eadb5"]]),oe=j(n.defineComponent({__name:"MonacoEditor",props:n.mergeModels({theme:{default:"light"},language:{default:"markdown"},loading:{type:Boolean,default:!1},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:n.mergeModels(["ready"],["update:modelValue"]),setup(o,{expose:t,emit:e}){const a=e,l=n.useModel(o,"modelValue"),{i18n:i}=ee(),c=n.useTemplateRef("editorRef"),h=n.computed(()=>o.theme==="dark"?"dark":"light"),s=n.computed(()=>m.editorStates.editorStatus==="loading"||o.loading),y=n.computed(()=>m.editorStates.editorStatus==="ready"&&!m.editorStates.hasContent),m=U(c,{language:o.language,code:l,theme:h.value,monacoOptions:o.options,onReady:d=>{a("ready",d)}});return t({monacoEditor:m}),n.watch(()=>o.language,(d,S)=>{d!==S&&m.setLanguage(d)}),(d,S)=>(n.openBlock(),n.createElementBlock("div",{class:n.normalizeClass(["monaco-editor-container",[h.value,{loading:s.value}]]),"data-testid":"monaco-editor-container"},[n.createElementVNode("div",{ref_key:"editorRef",ref:c,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),n.renderSlot(d.$slots,"state-loading",{isLoading:s.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[s.value?(n.openBlock(),n.createBlock(V,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:n.unref(D.ProgressIcon),message:n.unref(i).t("editor.messages.loading_message",{type:o.language}),title:n.unref(i).t("editor.messages.loading_title",{type:o.language})},null,8,["icon","message","title"])):n.createCommentVNode("",!0)]),_:1})],!0),n.renderSlot(d.$slots,"state-empty",{isEmpty:y.value},()=>[n.createVNode(n.Transition,{name:"fade"},{default:n.withCtx(()=>[y.value&&!s.value?(n.openBlock(),n.createBlock(V,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:n.unref(D.CodeblockIcon),message:n.unref(i).t("editor.messages.empty_message"),title:n.unref(i).t("editor.messages.empty_title")},null,8,["icon","message","title"])):n.createCommentVNode("",!0)]),_:1})],!0)],2))}}),[["__scopeId","data-v-e2083635"]]);u.MonacoEditor=oe,u.useMonacoEditor=U,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});

package/dist/types/src/composables/useMonacoEditor.d.ts

@@ -1,13 +1,13 @@
 import * as monaco from 'monaco-editor';
-import type { MaybeComputedElementRef, MaybeElement } from '@vueuse/core';
+import type { MaybeRefOrGetter } from 'vue';
 import type { UseMonacoEditorOptions } from '../types';
 /**
  * Composable for integrating the Monaco Editor into Vue components.
- * @param {MaybeComputedElementRef} target - The target DOM element or Vue component ref where the editor will be mounted.
+ * @param {MaybeRefOrGetter<HTMLElement | null>} target - The target DOM element/ref/getter where the editor will be mounted.
  * @param {UseMonacoEditorOptions} options - Configuration options for the Monaco editor.
  * @returns {object} An object containing the editor instance and utility methods.
 */
-export declare function useMonacoEditor<T extends MaybeElement>(target: MaybeComputedElementRef<T>, options: UseMonacoEditorOptions): {
+export declare function useMonacoEditor<T extends HTMLElement>(target: MaybeRefOrGetter<T | null>, options: UseMonacoEditorOptions): {
     editor: import("vue").ShallowRef<monaco.editor.IStandaloneCodeEditor | undefined, monaco.editor.IStandaloneCodeEditor | undefined>;
     editorStates: {
         editorStatus: import("..").EditorStatus;

package/dist/types/src/composables/useMonacoEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMonacoEditor.d.ts","sourceRoot":"","sources":["../../../../src/composables/useMonacoEditor.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAIvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACzE,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAyC1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EACpD,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,sBAAsB;;;;;;;;0BA2BF,MAAM,KAAG,IAAI;4BAOX,OAAO,KAAG,IAAI;iBAG3B,IAAI;4BAES,MAAM,KAAG,IAAI;;8BAuBb,IAAI;iCAXC,MAAM,KAAG,IAAI;EAyKlD"}
+{"version":3,"file":"useMonacoEditor.d.ts","sourceRoot":"","sources":["../../../../src/composables/useMonacoEditor.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAA;AAKvC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,KAAK,EAAsB,sBAAsB,EAAE,MAAM,UAAU,CAAA;AAyC1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EACnD,MAAM,EAAE,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,EAClC,OAAO,EAAE,sBAAsB;;;;;;;;0BA2BF,MAAM,KAAG,IAAI;4BAOX,OAAO,KAAG,IAAI;iBAG3B,IAAI;4BAES,MAAM,KAAG,IAAI;;8BAuBb,IAAI;iCAXC,MAAM,KAAG,IAAI;EA4KlD"}

package/dist/types/src/singletons/lifecycle.d.ts

@@ -1,21 +1,19 @@
 /**
  * Lifecycle tracker for {@link IDisposable disposables} in Monaco Editor.
  *
- * Although it's usually okay to register listeners on a model/editor without manually
- * calling `.dispose()` before or after disposing the model/editor itself, which may
- * also apply to other disposables, as long as the scope they are attached to correctly
- * disposes them (though such bugs once existed in Monaco Editor), it's still a good
- * practice to dispose when a resource is no longer needed.
+ * In Monaco Editor, when attaching listeners in the global scope (e.g.,
+ * {@link Editor.onDidCreateModel onDidCreateModel}) or in the per-resource scope
+ * (e.g.,{@link Editor.ITextModel.onDidChangeContent onDidChangeContent}), an
+ * {@link IDisposable disposable} is always returned to allow detaching the listener.
  *
- * > Many Monaco related objects often implement the `.dispose()` method. This method
- * > is intended to perform cleanups when a resource is no longer needed. For example,
- * > calling `model.dispose()` will unregister it, freeing up the URI for a new model.
- * > Editors should be disposed to free up resources and remove their model listeners.
- * > (from https://github.com/microsoft/monaco-editor/blob/de983bf5d7efbd36622f44bc0e44097a0531a58c/README.md#disposables)
+ * However, per-resource-scoped disposables are not automatically disposed when
+ * the resource is disposed. This can lead to memory leaks if the disposables are
+ * not properly tracked and disposed.
  *
- * This tracker is designed to be a singleton to track disposables in different scopes.
+ * This tracker is designed to be a singleton to track disposables in all the scopes
+ * mentioned above.
  */
-import type { editor as Editor, IDisposable } from 'monaco-editor';
+import { type editor as Editor, type IDisposable } from 'monaco-editor';
 /**
  * A type friendly representation of a scope.
  */
@@ -33,8 +31,8 @@ type ScopeSource = Editor.ICodeEditor | Editor.ITextModel;
 /**
  * Track a disposable in an optional scope.
  *
- * **NOTE**: It's not recommended to call {@link IDisposable.dispose dispose} on the
- *           original disposable being passed in after being tracked.
+ * **WARNING**: Should not call {@link IDisposable.dispose dispose} on the
+ *              disposable being passed in. Otherwise, the tracking will be broken.
  *
  * @param disposable - The disposable to track. When passing a decorated disposable,
  *                     the **SAME** decorated disposable will be **UPDATED** (if scope changes)
@@ -44,42 +42,38 @@ type ScopeSource = Editor.ICodeEditor | Editor.ITextModel;
  *
  * @returns A decorated disposable to dispose the disposable and untrack it.
  */
-export declare function trackDisposable(disposable: IDisposable, scope?: Scope): IDisposable;
+export declare function track(disposable: IDisposable, scope?: Scope): IDisposable;
 /**
  * Track a disposable for an {@link Editor.ICodeEditor editor}.
  *
  * The tracker uses {@link Editor.ICodeEditor.onDidDispose onDidDispose} to dispose
- * the tracked disposable automatically upon editor disposal.
+ * the tracked disposable.
  *
  * @param editor - The editor to track
  * @param disposable - The disposable to track
  * @returns A decorated disposable to dispose the disposable and untrack it.
  */
-export declare function trackDisposableForEditor(editor: Editor.ICodeEditor, disposable: IDisposable): IDisposable;
+export declare function trackForEditor(editor: Editor.ICodeEditor, disposable: IDisposable): IDisposable;
 /**
  * Track a disposable for a {@link Editor.ITextModel text model}.
  *
  * The tracker uses {@link Editor.ITextModel.onWillDispose onWillDispose} to dispose
- * the tracked disposable automatically upon model disposal.
+ * the tracked disposable.
  *
  * @param model - The text model to track
  * @param disposable - The disposable to track
  * @returns A decorated disposable to dispose the disposable and untrack it.
  */
-export declare function trackDisposableForModel(model: Editor.ITextModel, disposable: IDisposable): IDisposable;
+export declare function trackForModel(model: Editor.ITextModel, disposable: IDisposable): IDisposable;
 /**
  * Dispose all tracked disposables in a scope.
  *
  * @param source - The scope source whose tracked disposables to dispose.
  */
-export declare function disposeScopedDisposables(source: ScopeSource): void;
-/**
- * Dispose all globally tracked disposables.
- */
-export declare function disposeGlobalDisposables(): void;
+export declare function disposeScoped(source: ScopeSource): void;
 /**
  * Dispose all tracked disposables.
  */
-export declare function disposeAllDisposables(): void;
+export declare function disposeAll(): void;
 export {};
 //# sourceMappingURL=lifecycle.d.ts.map

package/dist/types/src/singletons/lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/singletons/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,KAAK,EAAE,MAAM,IAAI,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAIlE;;GAEG;AACH,KAAK,KAAK,GACN;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAA;CAAE,CAAA;AAEhD;;GAEG;AACH,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;AAuHzD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,CAgEnF;AAED;;;;;;;;;GASG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAEzG;AAED;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAEtG;AAED;;;;GAIG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAUlE;AAED;;GAEG;AACH,wBAAgB,wBAAwB,IAAI,IAAI,CAU/C;AAED;;GAEG;AACH,wBAAgB,qBAAqB,IAAI,IAAI,CAW5C"}
+{"version":3,"file":"lifecycle.d.ts","sourceRoot":"","sources":["../../../../src/singletons/lifecycle.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,KAAK,MAAM,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAIvE;;GAEG;AACH,KAAK,KAAK,GACN;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,WAAW,CAAA;CAAE,GAC9C;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC,UAAU,CAAA;CAAE,CAAA;AAEhD;;GAEG;AACH,KAAK,WAAW,GAAG,MAAM,CAAC,WAAW,GAAG,MAAM,CAAC,UAAU,CAAA;AAsHzD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,WAAW,CA0DzE;AAED;;;;;;;;;GASG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAE/F;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,EAAE,UAAU,EAAE,WAAW,GAAG,WAAW,CAE5F;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAWvD;AAED;;GAEG;AACH,wBAAgB,UAAU,IAAI,IAAI,CAQjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.8.1-pr.2799.4a7245eab.0",
+  "version": "0.8.1-pr.2802.7ee435206.0",
   "type": "module",
   "description": "A kong UI Monaco Editor wrapper for Vue 3 with syntax highlighting powered by Shiki.",
   "main": "./dist/runtime/monaco-editor.umd.js",