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

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

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

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

@@ -1 +1 @@
-(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,$,A,O,v){"use strict";function H(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=H($),q=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 x=()=>{};function z(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 G(o,t={}){let e,a,l=x;const i=s=>{clearTimeout(s),l(),l=x};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 Y(o,t=200,e={}){return z(G(t,e),o)}function F(o){var t;const e=n.toValue(o);return(t=e==null?void 0:e.$el)!==null&&t!==void 0?t:e}const I="[monaco-editor] [lifecycle]",b=new WeakMap,_=new Map,T=new WeakMap;function Z(o){let t=b.get(o.source);if(!t){let e;switch(o.type){case"editor":e=o.source.onDidDispose(()=>R(o.source));break;case"model":e=o.source.onWillDispose(()=>R(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 L(o){const t=b.get(o);t&&(t.scopeListener.dispose(),b.delete(o))}function N(o,t){Z(t).disposables.add(o)}function W(o,t){const e=b.get(t.source);e&&(e.disposables.delete(o),e.disposables.size===0&&L(t.source))}function J(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 Q(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&&W(a.decorated,a.scope),t?(N(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&&W(i,s.scope),_.delete(e),T.delete(i),l.call(e)}};return _.set(e,{decorated:i,scope:t}),T.set(i,e),t&&N(i,t),i}function B(o,t){return Q(t,{type:"editor",source:o})}function R(o){const t=b.get(o);if(!t)return;const e=Array.from(t.disposables);try{J(e)}catch(a){console.warn(`${I} Encountered errors while disposing scoped disposables:`,a,", Source:",o)}L(o)}const U=n.ref(!1);let k=null;async function X(){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),U.value=!0}catch(e){throw k=null,e}})(),k)}function j(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 f;return(f=e.value)==null?void 0:f.updateOptions({readOnly:r})},y=()=>{var r;return(r=e.value)==null?void 0:r.focus()},m=r=>{var M;const f=(M=e.value)==null?void 0:M.getModel();f&&p.editor.setModelLanguage(f,r)},d=r=>{try{if(!e.value||!r)return;e.value.focus(),e.value.trigger("keyboard",r,null)}catch(f){console.error(`useMonacoEditor: Failed to trigger command: ${r}`,f)}},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(f){console.error("useMonacoEditor: Failed to close findController.",f)}},E=Y(()=>p.editor.remeasureFonts(),200);return(()=>{X(),n.watch([U,()=>n.toValue(o)],([r,f],[,M])=>{var K;const w=F(f),ae=F(M);if(!(w instanceof HTMLElement)||!r){l=!1;return}if(!(l&&ae===w)){if(!a){const g=p.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`);a=p.editor.createModel(t.code.value,t.language,g)}e.value=p.editor.create(w,{...q,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,B(e.value,e.value.onDidChangeModelContent(()=>{if(i)return;const g=e.value.getValue();c.hasContent=!!g.length,t.code.value=g})),(K=t.onReady)==null||K.call(t,e.value),E();try{const g=e.value.getContribution("editor.contrib.findController"),C=g==null?void 0:g.getState();B(e.value,C==null?void 0:C.onFindReplaceStateChange(()=>{c.searchBoxIsRevealed=C.isRevealed}))}catch(g){console.error("useMonacoEditor: Failed to get the state of findController",g)}n.onWatcherCleanup(()=>{var g;(g=e.value)==null||g.dispose()})}},{immediate:!0,flush:"post"})})(),n.watch(t.code,r=>{if(!e.value||!a||!l)return;const f=a.getValue();r!==f&&(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 ee={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 te(){const o=v.createI18n("en-us",ee);return{i18n:o,i18nT:v.i18nTComponent(o)}}const oe=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"])}}}),P=(o,t)=>{const e=o.__vccOpts||o;for(const[a,l]of t)e[a]=l;return e},V=P(oe,[["__scopeId","data-v-062eadb5"]]),ne=P(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}=te(),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=j(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=ne,u.useMonacoEditor=j,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})});
+(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"})});

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;AAKvC,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;EA6KlD"}
+{"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"}

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

@@ -1,19 +1,21 @@
 /**
  * Lifecycle tracker for {@link IDisposable disposables} in Monaco Editor.
  *
- * 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.
+ * 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.
  *
- * 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.
+ * > 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)
  *
- * This tracker is designed to be a singleton to track disposables in all the scopes
- * mentioned above.
+ * This tracker is designed to be a singleton to track disposables in different scopes.
  */
-import { type editor as Editor, type IDisposable } from 'monaco-editor';
+import type { editor as Editor, IDisposable } from 'monaco-editor';
 /**
  * A type friendly representation of a scope.
  */
@@ -31,8 +33,8 @@ type ScopeSource = Editor.ICodeEditor | Editor.ITextModel;
 /**
  * Track a disposable in an optional scope.
  *
- * **WARNING**: Should not call {@link IDisposable.dispose dispose} on the
- *              disposable being passed in. Otherwise, the tracking will be broken.
+ * **NOTE**: It's not recommended to call {@link IDisposable.dispose dispose} on the
+ *           original disposable being passed in after being tracked.
  *
  * @param disposable - The disposable to track. When passing a decorated disposable,
  *                     the **SAME** decorated disposable will be **UPDATED** (if scope changes)
@@ -42,38 +44,42 @@ type ScopeSource = Editor.ICodeEditor | Editor.ITextModel;
  *
  * @returns A decorated disposable to dispose the disposable and untrack it.
  */
-export declare function track(disposable: IDisposable, scope?: Scope): IDisposable;
+export declare function trackDisposable(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.
+ * the tracked disposable automatically upon editor disposal.
  *
  * @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 trackForEditor(editor: Editor.ICodeEditor, disposable: IDisposable): IDisposable;
+export declare function trackDisposableForEditor(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.
+ * the tracked disposable automatically upon model disposal.
  *
  * @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 trackForModel(model: Editor.ITextModel, disposable: IDisposable): IDisposable;
+export declare function trackDisposableForModel(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 disposeScoped(source: ScopeSource): void;
+export declare function disposeScopedDisposables(source: ScopeSource): void;
+/**
+ * Dispose all globally tracked disposables.
+ */
+export declare function disposeGlobalDisposables(): void;
 /**
  * Dispose all tracked disposables.
  */
-export declare function disposeAll(): void;
+export declare function disposeAllDisposables(): 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;;;;;;;;;;;;;;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"}
+{"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.8.0",
+  "version": "0.8.1-pr.2799.4a7245eab.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",