@kong-ui-public/monaco-editor 0.3.1-pr.2622.ca1f578c8.0 → 0.4.0

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

@@ -0,0 +1,307 @@
+import { toValue as C, reactive as U, onMounted as D, onActivated as P, onBeforeUnmount as V, watch as K, defineComponent as N, resolveComponent as A, createBlock as S, openBlock as y, createSlots as $, withCtx as b, resolveDynamicComponent as z, mergeModels as H, useModel as G, useTemplateRef as j, computed as M, createElementBlock as q, normalizeClass as J, unref as c, createElementVNode as Q, renderSlot as I, createVNode as T, Transition as k, createCommentVNode as w } from "vue";
+import { ProgressIcon as Y, CodeblockIcon as Z } from "@kong/icons";
+import * as _ from "monaco-editor";
+import { createI18n as X, i18nTComponent as ee } from "@kong-ui-public/i18n";
+const te = "'JetBrains Mono', Consolas, monospace", oe = "12px", ne = "500", ae = "20px", re = Object.freeze({
+  autoClosingQuotes: "always",
+  automaticLayout: !0,
+  // Auto resize layout
+  bracketPairColorization: {
+    enabled: !0
+  },
+  hideCursorInOverviewRuler: !0,
+  // hide the cursor position in the minimap TODO: maybe hide it on first line or change it colour
+  fontFamily: te,
+  fontSize: Number(oe.replace("px", "")),
+  fontWeight: ne,
+  lineHeight: Number(ae.replace("px", "")),
+  formatOnPaste: !0,
+  formatOnType: !0,
+  // Add to enable automatic formatting as the user types.
+  lineNumbersMinChars: 3,
+  minimap: {
+    enabled: !1
+  },
+  stickyScroll: {
+    enabled: !0
+  },
+  suggest: {
+    showWords: !1
+    // Prevent showing word suggestions that exist in the document
+  },
+  quickSuggestions: !0,
+  // Enable quick suggestions
+  suggestOnTriggerCharacters: !0,
+  // Allow suggestions on trigger characters
+  wordBasedSuggestions: "off",
+  overviewRulerLanes: 0,
+  renderWhitespace: "boundary",
+  scrollBeyondLastLine: !1,
+  roundedSelection: !1,
+  wordWrapColumn: 120,
+  colorDecorators: !0,
+  folding: !0,
+  // Enable code folding for MDC block components
+  fixedOverflowWidgets: !0,
+  // Ensure suggestion widgets can overflow container
+  tabSize: 2,
+  detectIndentation: !1,
+  // Important as to not override tabSize
+  insertSpaces: !0,
+  // Since the formatter utilizes spaces, we set to true to insert spaces when pressing Tab
+  trimAutoWhitespace: !0,
+  wordWrap: "bounded",
+  find: {
+    addExtraSpaceOnTop: !1
+    // we need this set to false to get the correct absolute position, otherwise when the search box opens the content shifts
+  }
+});
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const F = () => {
+};
+function ie(o, t) {
+  function e(...n) {
+    return new Promise((r, i) => {
+      Promise.resolve(o(() => t.apply(this, n), {
+        fn: t,
+        thisArg: this,
+        args: n
+      })).then(r).catch(i);
+    });
+  }
+  return e;
+}
+function se(o, t = {}) {
+  let e, n, r = F;
+  const i = (l) => {
+    clearTimeout(l), r(), r = F;
+  };
+  let s;
+  return (l) => {
+    const p = C(o), d = C(t.maxWait);
+    return e && i(e), p <= 0 || d !== void 0 && d <= 0 ? (n && (i(n), n = void 0), Promise.resolve(l())) : new Promise((v, a) => {
+      r = t.rejectOnCancel ? a : v, s = l, d && !n && (n = setTimeout(() => {
+        e && i(e), n = void 0, v(s());
+      }, d)), e = setTimeout(() => {
+        n && i(n), n = void 0, v(l());
+      }, p);
+    });
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function le(o, t = 200, e = {}) {
+  return ie(se(t, e), o);
+}
+function de(o) {
+  var t;
+  const e = C(o);
+  return (t = e == null ? void 0 : e.$el) !== null && t !== void 0 ? t : e;
+}
+let g;
+const x = /* @__PURE__ */ new Map();
+function ce(o) {
+  return g || (g = _), o && !x.get(o) && (x.set(o, !0), _.languages.getLanguages().some((t) => t.id === o) || _.languages.register({ id: o })), g;
+}
+function ue(o, t) {
+  let e, n = !1;
+  const r = U({
+    editorStatus: "loading",
+    searchBoxIsRevealed: !1,
+    hasContent: !1,
+    theme: t.theme || "light"
+  }), i = (a) => {
+    !n || !e || e.setValue(a);
+  }, s = (a) => e == null ? void 0 : e.updateOptions({ readOnly: a }), u = () => e == null ? void 0 : e.focus(), l = (a) => {
+    try {
+      if (!e || !a) return;
+      e.focus(), e.trigger("keyboard", a, null);
+    } catch (f) {
+      console.error(`useMonacoEditor: Failed to trigger command: ${a}`, f);
+    }
+  }, p = () => {
+    var a;
+    try {
+      if (!e) return;
+      if (r.searchBoxIsRevealed)
+        return (a = e.getContribution("editor.contrib.findController")) == null ? void 0 : a.closeFindWidget();
+      l("actions.find");
+    } catch (f) {
+      console.error("useMonacoEditor: Failed to close findController.", f);
+    }
+  }, d = /* @__PURE__ */ le(() => g == null ? void 0 : g.editor.remeasureFonts(), 200);
+  return (() => {
+    const a = ce(t.language), f = a.Uri.parse(`inmemory://model/${t.language}-${crypto.randomUUID()}`), B = a.editor.createModel(t.code.value, t.language, f);
+    K(() => C(o), (L) => {
+      var O;
+      const E = de(L);
+      if (!(E instanceof HTMLElement)) {
+        n = !1;
+        return;
+      }
+      if (!n) {
+        e = a.editor.create(E, {
+          ...re,
+          readOnly: t.readOnly || !1,
+          language: t.language,
+          theme: r.theme,
+          model: B,
+          ...t.monacoOptions
+        }), n = !0, r.editorStatus = "ready", r.hasContent = !!t.code.value, e.onDidChangeModelContent(() => {
+          var h;
+          const m = e.getValue();
+          r.hasContent = !!m.length, (h = t.onChanged) == null || h.call(t, m);
+        }), (O = t.onCreated) == null || O.call(t), d();
+        try {
+          const m = e.getContribution("editor.contrib.findController");
+          if (m) {
+            const h = m.getState();
+            h.onFindReplaceStateChange(() => {
+              r.searchBoxIsRevealed = h.isRevealed;
+            });
+          }
+        } catch (m) {
+          console.error("useMonacoEditor: Failed to get the state of findController", m);
+        }
+      }
+    }, {
+      immediate: !0,
+      flush: "post"
+    });
+  })(), D(d), P(d), V(() => {
+    if (!e) return;
+    const a = e.getModel();
+    e.dispose(), a && a.dispose();
+  }), {
+    editor: e,
+    editorStates: r,
+    setContent: i,
+    setReadOnly: s,
+    focus: u,
+    remeasureFonts: d,
+    toggleSearchWidget: p,
+    triggerKeyboardCommand: l
+  };
+}
+const me = {
+  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"
+  }
+}, ge = {
+  editor: me
+};
+function fe() {
+  const o = X("en-us", ge);
+  return {
+    i18n: o,
+    i18nT: ee(o)
+    // Translation component <i18n-t>
+  };
+}
+const he = /* @__PURE__ */ N({
+  __name: "MonacoEditorStatusOverlay",
+  props: {
+    title: {},
+    message: {},
+    icon: {}
+  },
+  setup(o) {
+    return (t, e) => {
+      const n = A("KEmptyState");
+      return y(), S(n, {
+        class: "monaco-editor-status-overlay",
+        message: o.message,
+        title: o.title
+      }, $({ _: 2 }, [
+        o.icon ? {
+          name: "icon",
+          fn: b(() => [
+            (y(), S(z(o.icon), { decorative: "" }))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["message", "title"]);
+    };
+  }
+}), R = (o, t) => {
+  const e = o.__vccOpts || o;
+  for (const [n, r] of t)
+    e[n] = r;
+  return e;
+}, W = /* @__PURE__ */ R(he, [["__scopeId", "data-v-062eadb5"]]), ye = /* @__PURE__ */ N({
+  __name: "MonacoEditor",
+  props: /* @__PURE__ */ H({
+    theme: { default: "light" },
+    language: { default: "markdown" },
+    options: { default: () => {
+    } }
+  }, {
+    modelValue: {
+      type: String,
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(o) {
+    const t = G(o, "modelValue"), { i18n: e } = fe(), n = j("editorRef"), r = M(() => o.theme === "dark" ? "dark" : "light"), i = M(() => s.editorStates.editorStatus === "ready" && !s.editorStates.hasContent), s = ue(n, {
+      language: o.language,
+      code: t,
+      theme: r.value,
+      monacoOptions: o.options,
+      onChanged: (u) => {
+        t.value = u;
+      }
+    });
+    return (u, l) => (y(), q("div", {
+      class: J(["monaco-editor-container", [
+        r.value,
+        { loading: c(s).editorStates.editorStatus === "loading" }
+      ]]),
+      "data-testid": "monaco-editor-container"
+    }, [
+      Q("div", {
+        ref_key: "editorRef",
+        ref: n,
+        class: "monaco-editor-target",
+        "data-testid": "monaco-editor-target"
+      }, null, 512),
+      I(u.$slots, "state-loading", {
+        isLoading: c(s).editorStates.editorStatus === "loading"
+      }, () => [
+        T(k, { name: "fade" }, {
+          default: b(() => [
+            c(s).editorStates.editorStatus === "loading" ? (y(), S(W, {
+              key: 0,
+              "data-testid": "monaco-editor-status-overlay-loading",
+              icon: c(Y),
+              message: c(e).t("editor.messages.loading_message", { type: o.language }),
+              title: c(e).t("editor.messages.loading_title", { type: o.language })
+            }, null, 8, ["icon", "message", "title"])) : w("", !0)
+          ]),
+          _: 1
+        })
+      ], !0),
+      I(u.$slots, "state-empty", { isEmpty: i.value }, () => [
+        T(k, { name: "fade" }, {
+          default: b(() => [
+            i.value ? (y(), S(W, {
+              key: 0,
+              "data-testid": "monaco-editor-status-overlay-empty",
+              icon: c(Z),
+              message: c(e).t("editor.messages.empty_message"),
+              title: c(e).t("editor.messages.empty_title")
+            }, null, 8, ["icon", "message", "title"])) : w("", !0)
+          ]),
+          _: 1
+        })
+      ], !0)
+    ], 2));
+  }
+}), Se = /* @__PURE__ */ R(ye, [["__scopeId", "data-v-8e67eb98"]]);
+export {
+  Se as MonacoEditor,
+  ue as useMonacoEditor
+};

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

@@ -0,0 +1 @@
+(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@kong/icons"),require("monaco-editor"),require("@kong-ui-public/i18n")):typeof define=="function"&&define.amd?define(["exports","vue","@kong/icons","monaco-editor","@kong-ui-public/i18n"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s["kong-ui-public-monaco-editor"]={},s.Vue,s.KongIcons,s.monaco,s["kong-ui-public-i18n"]))})(this,function(s,e,S,F,b){"use strict";function N(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const C=N(F),x=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 O=()=>{};function B(o,n){function t(...r){return new Promise((i,c)=>{Promise.resolve(o(()=>n.apply(this,r),{fn:n,thisArg:this,args:r})).then(i).catch(c)})}return t}function U(o,n={}){let t,r,i=O;const c=d=>{clearTimeout(d),i(),i=O};let l;return d=>{const y=e.toValue(o),u=e.toValue(n.maxWait);return t&&c(t),y<=0||u!==void 0&&u<=0?(r&&(c(r),r=void 0),Promise.resolve(d())):new Promise((_,a)=>{i=n.rejectOnCancel?a:_,l=d,u&&!r&&(r=setTimeout(()=>{t&&c(t),r=void 0,_(l())},u)),t=setTimeout(()=>{r&&c(r),r=void 0,_(d())},y)})}}function V(o,n=200,t={}){return B(U(n,t),o)}function W(o){var n;const t=e.toValue(o);return(n=t==null?void 0:t.$el)!==null&&n!==void 0?n:t}let g;const E=new Map;function D(o){return g||(g=C),o&&!E.get(o)&&(E.set(o,!0),C.languages.getLanguages().some(n=>n.id===o)||C.languages.register({id:o})),g}function I(o,n){let t,r=!1;const i=e.reactive({editorStatus:"loading",searchBoxIsRevealed:!1,hasContent:!1,theme:n.theme||"light"}),c=a=>{!r||!t||t.setValue(a)},l=a=>t==null?void 0:t.updateOptions({readOnly:a}),m=()=>t==null?void 0:t.focus(),d=a=>{try{if(!t||!a)return;t.focus(),t.trigger("keyboard",a,null)}catch(p){console.error(`useMonacoEditor: Failed to trigger command: ${a}`,p)}},y=()=>{var a;try{if(!t)return;if(i.searchBoxIsRevealed)return(a=t.getContribution("editor.contrib.findController"))==null?void 0:a.closeFindWidget();d("actions.find")}catch(p){console.error("useMonacoEditor: Failed to close findController.",p)}},u=V(()=>g==null?void 0:g.editor.remeasureFonts(),200);return(()=>{const a=D(n.language),p=a.Uri.parse(`inmemory://model/${n.language}-${crypto.randomUUID()}`),j=a.editor.createModel(n.code.value,n.language,p);e.watch(()=>e.toValue(o),H=>{var w;const M=W(H);if(!(M instanceof HTMLElement)){r=!1;return}if(!r){t=a.editor.create(M,{...x,readOnly:n.readOnly||!1,language:n.language,theme:i.theme,model:j,...n.monacoOptions}),r=!0,i.editorStatus="ready",i.hasContent=!!n.code.value,t.onDidChangeModelContent(()=>{var h;const f=t.getValue();i.hasContent=!!f.length,(h=n.onChanged)==null||h.call(n,f)}),(w=n.onCreated)==null||w.call(n),u();try{const f=t.getContribution("editor.contrib.findController");if(f){const h=f.getState();h.onFindReplaceStateChange(()=>{i.searchBoxIsRevealed=h.isRevealed})}}catch(f){console.error("useMonacoEditor: Failed to get the state of findController",f)}}},{immediate:!0,flush:"post"})})(),e.onMounted(u),e.onActivated(u),e.onBeforeUnmount(()=>{if(!t)return;const a=t.getModel();t.dispose(),a&&a.dispose()}),{editor:t,editorStates:i,setContent:c,setReadOnly:l,focus:m,remeasureFonts:u,toggleSearchWidget:y,triggerKeyboardCommand:d}}const R={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 K(){const o=b.createI18n("en-us",R);return{i18n:o,i18nT:b.i18nTComponent(o)}}const L=e.defineComponent({__name:"MonacoEditorStatusOverlay",props:{title:{},message:{},icon:{}},setup(o){return(n,t)=>{const r=e.resolveComponent("KEmptyState");return e.openBlock(),e.createBlock(r,{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"])}}}),T=(o,n)=>{const t=o.__vccOpts||o;for(const[r,i]of n)t[r]=i;return t},k=T(L,[["__scopeId","data-v-062eadb5"]]),P=T(e.defineComponent({__name:"MonacoEditor",props:e.mergeModels({theme:{default:"light"},language:{default:"markdown"},options:{default:()=>{}}},{modelValue:{type:String,required:!0},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const n=e.useModel(o,"modelValue"),{i18n:t}=K(),r=e.useTemplateRef("editorRef"),i=e.computed(()=>o.theme==="dark"?"dark":"light"),c=e.computed(()=>l.editorStates.editorStatus==="ready"&&!l.editorStates.hasContent),l=I(r,{language:o.language,code:n,theme:i.value,monacoOptions:o.options,onChanged:m=>{n.value=m}});return(m,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["monaco-editor-container",[i.value,{loading:e.unref(l).editorStates.editorStatus==="loading"}]]),"data-testid":"monaco-editor-container"},[e.createElementVNode("div",{ref_key:"editorRef",ref:r,class:"monaco-editor-target","data-testid":"monaco-editor-target"},null,512),e.renderSlot(m.$slots,"state-loading",{isLoading:e.unref(l).editorStates.editorStatus==="loading"},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[e.unref(l).editorStates.editorStatus==="loading"?(e.openBlock(),e.createBlock(k,{key:0,"data-testid":"monaco-editor-status-overlay-loading",icon:e.unref(S.ProgressIcon),message:e.unref(t).t("editor.messages.loading_message",{type:o.language}),title:e.unref(t).t("editor.messages.loading_title",{type:o.language})},null,8,["icon","message","title"])):e.createCommentVNode("",!0)]),_:1})],!0),e.renderSlot(m.$slots,"state-empty",{isEmpty:c.value},()=>[e.createVNode(e.Transition,{name:"fade"},{default:e.withCtx(()=>[c.value?(e.openBlock(),e.createBlock(k,{key:0,"data-testid":"monaco-editor-status-overlay-empty",icon:e.unref(S.CodeblockIcon),message:e.unref(t).t("editor.messages.empty_message"),title:e.unref(t).t("editor.messages.empty_title")},null,8,["icon","message","title"])):e.createCommentVNode("",!0)]),_:1})],!0)],2))}}),[["__scopeId","data-v-8e67eb98"]]);s.MonacoEditor=P,s.useMonacoEditor=I,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});

package/dist/runtime/style.css

@@ -0,0 +1 @@
+.monaco-editor-status-overlay[data-v-062eadb5]{background:transparent;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content{align-items:center;display:flex;flex-direction:column}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-icon,.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-title,.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-message{color:#afb7c5;color:var(--kui-color-text-neutral-weak, #afb7c5)}.monaco-editor-status-overlay[data-v-062eadb5] .empty-state-content .empty-state-title{text-transform:capitalize}.monaco-editor-container[data-v-8e67eb98]{background:#fff;background:var(--kui-color-background, #ffffff);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.monaco-editor-container.loading[data-v-8e67eb98]{pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-container.loading .monaco-editor-target[data-v-8e67eb98]{filter:blur(2px);opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.monaco-editor-target[data-v-8e67eb98]{height:100%;overflow:hidden;position:relative;transition:all .2s ease-in-out;transition:all var(--kui-animation-duration-20, .2s) ease-in-out;width:100%}.monaco-editor-target[data-v-8e67eb98] .monaco-editor{position:absolute;--vscode-editor-background: var(--kui-color-background, #ffffff);--vscode-editorGutter-background: var(--kui-color-background, #ffffff);--vscode-editorLineNumber-activeForeground: var(--kui-color-text-primary, #0044f4);--vscode-editorSuggestWidget-background: var(--kui-color-background, #ffffff);--vscode-editorSuggestWidget-border: var(--kui-color-border, #e0e4ea);--vscode-editorSuggestWidget-highlightForeground: var(--kui-color-text-decorative-purple, #6f28ff);--vscode-editorSuggestWidget-focusHighlightForeground: var(--kui-color-text-decorative-purple, #6f28ff);--vscode-menu-background: var(--kui-color-background, #ffffff);--vscode-menu-border: var(--kui-color-border, #e0e4ea);--vscode-menu-separatorBackground: var(--kui-color-border, #e0e4ea);--vscode-focusBorder: var(--kui-color-text-neutral, #6c7489);--vscode-input-background: var(--kui-color-background, #ffffff);--vscode-sash-hoverBorder: var(--kui-color-border-primary, #0044f4)}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .sticky-widget{z-index:2}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-details-container{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-details-container .suggest-details{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-details-container .suggest-details .type{word-break:break-word!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;min-height:30px!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget.shows-details{border-radius:10px!important;border-radius:var(--kui-border-radius-50, 10px)!important;min-height:30px!important;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .tree,.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-scrollable-element,.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list,.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-rows{border-radius:8px!important;border-radius:var(--kui-border-radius-40, 8px)!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-rows{overflow-x:hidden;overflow-y:auto}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row{padding:0 6px;padding:var(--kui-space-0, 0px) var(--kui-space-30, 6px)}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row.focused{background:#e0e4ea;background:var(--kui-color-background-neutral-weaker, #e0e4ea)}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row.focused .monaco-icon-label,.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row.focused .suggest-icon{color:#232633!important;color:var(--kui-color-text-neutral-strongest, #232633)!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row.focused .details-label{color:#232633;color:var(--kui-color-text-neutral-strongest, #232633)}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row .highlight{font-weight:600;font-weight:var(--kui-font-weight-semibold, 600)}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row:first-child.focused{border-top-left-radius:6px;border-top-left-radius:var(--kui-border-radius-30, 6px)}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row .suggest-icon:not(.codicon-symbol-property){color:#0044f4;color:var(--kui-color-text-primary, #0044f4)}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .suggest-widget .monaco-list-row .monaco-icon-label{color:#6c7489!important;color:var(--kui-color-text-neutral, #6c7489)!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .codicon-suggest-more-info{transform:translateY(2px)!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .find-widget{background:#fff;background:var(--kui-color-background, #ffffff);border-bottom:1px solid #e0e4ea;border-bottom:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weaker, #e0e4ea);border-radius:0;border-radius:var(--kui-border-radius-0, 0px);right:0!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .find-widget .monaco-sash{background-color:#e0e4ea;background-color:var(--kui-color-background-neutral-weaker, #e0e4ea);width:1px!important}.monaco-editor-target[data-v-8e67eb98] .monaco-editor .find-widget .monaco-inputbox{background-color:#fff!important;background-color:var(--kui-color-background, #ffffff)!important;border:1px solid #e0e4ea!important;border:var(--kui-border-width-10, 1px) solid var(--kui-color-border-neutral-weaker, #e0e4ea)!important;border-radius:6px;border-radius:var(--kui-border-radius-30, 6px);padding:0 2px;padding:var(--kui-space-0, 0px) var(--kui-space-10, 2px)}.fade-enter-active[data-v-8e67eb98],.fade-leave-active[data-v-8e67eb98]{transition:opacity .2s ease;transition:opacity var(--kui-animation-duration-20, .2s) ease}.fade-enter-from[data-v-8e67eb98],.fade-leave-to[data-v-8e67eb98]{opacity:0}.fade-enter-to[data-v-8e67eb98],.fade-leave-from[data-v-8e67eb98]{opacity:1}

package/dist/types/src/components/MonacoEditor.vue.d.ts

@@ -0,0 +1,52 @@
+import type { editor } from 'monaco-editor';
+import type { EditorThemes } from '../types';
+type __VLS_Props = {
+    /**
+     * The theme of the Monaco Editor instance.
+     * @default 'light'
+     */
+    theme?: EditorThemes;
+    /**
+     * The programming language for syntax highlighting.
+     * @default 'markdown'
+     */
+    language?: string;
+    /**
+     * Additional Monaco Editor options to customize the editor further.
+     * @default undefined
+    */
+    options?: Partial<editor.IStandaloneEditorConstructionOptions> | undefined;
+};
+/**
+ * The model content for the Monaco Editor.
+ */
+declare const model: import("vue").ModelRef<string, string, string, string>;
+type __VLS_PublicProps = __VLS_Props & {
+    /**
+     * The model content for the Monaco Editor.
+     */
+    modelValue: typeof model['value'];
+};
+declare var __VLS_1: {
+    isLoading: boolean;
+}, __VLS_12: {
+    isEmpty: boolean;
+};
+type __VLS_Slots = {} & {
+    'state-loading'?: (props: typeof __VLS_1) => any;
+} & {
+    'state-empty'?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=MonacoEditor.vue.d.ts.map

package/dist/types/src/components/MonacoEditor.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MonacoEditor.vue"],"names":[],"mappings":"AAkTA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;MAGE;IACF,OAAO,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oCAAoC,CAAC,GAAG,SAAS,CAAA;CAC3E,CAAC;AAOF;;GAEG;AACH,QAAA,MAAM,KAAK,wDAGT,CAAA;AA4BF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC;;OAEG;IACH,UAAU,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,CAAC;CACjC,CAAC;AAiJF,QAAA,IAAI,OAAO;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACpD;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AA2BtD,QAAA,MAAM,eAAe;;;;kFAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/types/src/components/MonacoEditorStatusOverlay.vue.d.ts

@@ -0,0 +1,19 @@
+import type { Component } from 'vue';
+type __VLS_Props = {
+    /**
+     * The title to display in the empty state.
+     */
+    title: string;
+    /**
+     * The message to display in the empty state.
+     */
+    message: string;
+    /**
+     * The icon component to display in the empty state.
+     * @default undefined
+     */
+    icon?: Component;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=MonacoEditorStatusOverlay.vue.d.ts.map

package/dist/types/src/components/MonacoEditorStatusOverlay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonacoEditorStatusOverlay.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/MonacoEditorStatusOverlay.vue"],"names":[],"mappings":"AAkEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAC;;AA6EF,wBAIG"}

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

@@ -0,0 +1,9 @@
+import { createI18n, i18nTComponent } from '@kong-ui-public/i18n';
+import english from '../locales/en.json';
+interface UseI18nReturn {
+    i18n: ReturnType<typeof createI18n<typeof english>>;
+    i18nT: ReturnType<typeof i18nTComponent<typeof english>>;
+}
+export default function useI18n(): UseI18nReturn;
+export {};
+//# sourceMappingURL=useI18n.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../../../src/composables/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,OAAO,MAAM,oBAAoB,CAAA;AAExC,UAAU,aAAa;IACrB,IAAI,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;IACnD,KAAK,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,OAAO,OAAO,CAAC,CAAC,CAAA;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,IAAI,aAAa,CAO/C"}

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

@@ -0,0 +1,25 @@
+import * as monaco from 'monaco-editor';
+import type { MaybeComputedElementRef, MaybeElement } from '@vueuse/core';
+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 {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): {
+    editor: monaco.editor.IStandaloneCodeEditor | undefined;
+    editorStates: {
+        editorStatus: import("..").EditorStatus;
+        searchBoxIsRevealed: boolean;
+        hasContent: boolean;
+        theme: import("..").EditorThemes;
+    };
+    setContent: (content: string) => void;
+    setReadOnly: (readOnly: boolean) => void;
+    focus: () => void;
+    remeasureFonts: import("@vueuse/core").UseDebounceFnReturn<() => void | undefined>;
+    toggleSearchWidget: () => void;
+    triggerKeyboardCommand: (id: string) => void;
+};
+//# sourceMappingURL=useMonacoEditor.d.ts.map

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

@@ -0,0 +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;AA+B1E;;;;;EAKE;AACF,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EACpD,MAAM,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAClC,OAAO,EAAE,sBAAsB;;;;;;;;0BAqBF,MAAM,KAAG,IAAI;4BAOX,OAAO,KAAG,IAAI;iBAG3B,IAAI;;8BAkBS,IAAI;iCAXC,MAAM,KAAG,IAAI;EAmIlD"}

package/dist/types/src/constants/index.d.ts

@@ -0,0 +1,3 @@
+import type { editor } from 'monaco-editor';
+export declare const DEFAULT_MONACO_OPTIONS: Readonly<Partial<editor.IStandaloneEditorConstructionOptions>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/constants/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/constants/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAG3C,eAAO,MAAM,sBAAsB,gEA0CjC,CAAA"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,5 @@
+import MonacoEditor from './components/MonacoEditor.vue';
+export { MonacoEditor };
+export * from './types';
+export { useMonacoEditor } from './composables/useMonacoEditor';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,+BAA+B,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/types/src/tests/setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=setup.d.ts.map

package/dist/types/src/tests/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../../src/tests/setup.ts"],"names":[],"mappings":""}

package/dist/types/src/types/index.d.ts

@@ -0,0 +1,69 @@
+import type { editor } from 'monaco-editor';
+import type { Ref } from 'vue';
+/**
+ * Options for the Monaco editor composable
+ */
+export interface UseMonacoEditorOptions {
+    /**
+     * The initial content of the editor
+     */
+    code: Ref<string>;
+    /**
+     * The programming language for syntax highlighting
+     */
+    language: string;
+    /**
+     * Whether the editor is read-only
+    */
+    readOnly?: boolean;
+    /**
+     * The theme of the editor
+     */
+    theme?: EditorThemes;
+    /**
+     * Callback function triggered when the content changes
+     */
+    onChanged?: (content: string) => void;
+    /**
+     * Callback function triggered when the editor is created
+     */
+    onCreated?: () => void;
+    /**
+     * Additional actions to be added to the editor
+     */
+    actions?: any;
+    /**
+     * Additional Monaco editor settings
+     * @see https://microsoft.github.io/monaco-editor/typedoc/interfaces/editor.IStandaloneEditorConstructionOptions.html
+    */
+    monacoOptions?: Partial<editor.IStandaloneEditorConstructionOptions>;
+}
+/** The themes available for the Monaco editor */
+export type EditorThemes = 'light' | 'dark';
+/** The status of the Monaco editor */
+export type EditorStatus = 'loading' | 'ready';
+export interface MonacoEditorStates {
+    /**
+       * The current status of the editor instance.
+       * @type {'loading' | 'ready'}
+       * @default 'loading'
+      */
+    editorStatus: EditorStatus;
+    /**
+       * Indicates whether the search box is currently visible.
+       * @default false
+      */
+    searchBoxIsRevealed: boolean;
+    /**
+       * Whether the editor currently contains any content.
+       * @default false
+      */
+    hasContent: boolean;
+    /**
+       * The current theme of the editor.
+       * @type {'light' | 'dark'}
+       * @default 'light'
+      */
+    theme: EditorThemes;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAA;IAChB;;MAEE;IACF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,GAAG,CAAA;IACb;;;MAGE;IACF,aAAa,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,oCAAoC,CAAC,CAAA;CACrE;AAED,iDAAiD;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,MAAM,CAAA;AAE3C,sCAAsC;AACtC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAA;AAG9C,MAAM,WAAW,kBAAkB;IACjC;;;;QAII;IACJ,YAAY,EAAE,YAAY,CAAA;IAE1B;;;QAGI;IACJ,mBAAmB,EAAE,OAAO,CAAA;IAE5B;;;QAGI;IACJ,UAAU,EAAE,OAAO,CAAA;IAEnB;;;;QAII;IACJ,KAAK,EAAE,YAAY,CAAA;CACpB"}

package/dist/types/vite-plugin/index.d.ts

@@ -0,0 +1,56 @@
+import type { Plugin } from 'vite';
+import type { EditorFeature, EditorLanguage, NegatedEditorFeature, IFeatureDefinition } from 'monaco-editor/esm/metadata.js';
+type Options = {
+    /**
+     * Include only a subset of the languages supported.
+     *
+     * @type {EditorLanguage[]}
+     * @defaultValue All languages shipped with monaco-editor
+     * @example
+     * ```ts
+     * // Only include JavaScript and JSON support
+     * languages: ['javascript', 'json']
+     * ```
+     */
+    languages?: EditorLanguage[];
+    /**
+     * Custom languages (outside of the ones shipped with the `monaco-editor`).
+     * Use this to add support for languages not included in monaco-editor by default.
+     *
+     * @type {IFeatureDefinition[]}
+     * @example
+     * ```ts
+     * // Add yaml support from `monaco-yaml`
+     * customLanguages: [
+     *   {
+     *     label: 'yaml',
+     *     entry: 'monaco-yaml',
+     *     worker: {
+     *       id: 'monaco-yaml/yamlWorker',
+     *       entry: 'monaco-yaml/yaml.worker',
+     *     },
+     *   },
+     * ]
+     * ```
+     */
+    customLanguages?: IFeatureDefinition[];
+    /**
+     * Include only a subset of the editor features.
+     * Prefix a feature with `!` to exclude it instead.
+     *
+     * @type {Array<EditorFeature | NegatedEditorFeature>}
+     * @defaultValue All features shipped with monaco-editor
+     * @example
+     * ```ts
+     * // Exclude context menu and find features
+     * features: ['!contextmenu', '!find']
+     *
+     * // Or only include specific features
+     * features: ['coreCommands', 'coreActions']
+     * ```
+     */
+    features?: Array<EditorFeature | NegatedEditorFeature>;
+};
+export default function (options?: Options): Plugin;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/vite-plugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../vite-plugin/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAClC,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,kBAAkB,EACnB,MAAM,+BAA+B,CAAA;AAGtC,KAAK,OAAO,GAAG;IACb;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,cAAc,EAAE,CAAA;IAE5B;;;;;;;;;;;;;;;;;;;OAmBG;IACH,eAAe,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAEtC;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,oBAAoB,CAAC,CAAA;CACvD,CAAA;AAsGD,MAAM,CAAC,OAAO,WAAU,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAqEjD"}

package/dist/types/vite-plugin/index.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.spec.d.ts.map

package/dist/types/vite-plugin/index.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.spec.d.ts","sourceRoot":"","sources":["../../../vite-plugin/index.spec.ts"],"names":[],"mappings":""}

package/dist/vite-plugin/index.cjs

@@ -0,0 +1,127 @@
+"use strict";
+const metadata_js = require("monaco-editor/esm/metadata.js");
+const WORKER_ALIASES = {
+  javascript: "typescript",
+  less: "css",
+  scss: "css",
+  handlebars: "html",
+  razor: "html"
+};
+const VIRTUAL_MODULE_ID = "\0virtual:monaco-editor";
+function generateImports(entries) {
+  const entryArray = Array.isArray(entries) ? entries : [entries];
+  return entryArray.map((entry) => `import 'monaco-editor/esm/${entry}'`);
+}
+function resolveFeatures(requestedFeatures, allFeatureIds) {
+  if (!requestedFeatures) {
+    return allFeatureIds;
+  }
+  const excludedFeatures = requestedFeatures.filter((f) => f.startsWith("!")).map((f) => f.slice(1));
+  if (excludedFeatures.length) {
+    return allFeatureIds.filter((f) => !excludedFeatures.includes(f));
+  }
+  return requestedFeatures;
+}
+function generateWorkerCode(languageIds, languagesDict, customLanguages) {
+  const importedWorkers = /* @__PURE__ */ new Set();
+  const imports = [];
+  const workerMapEntries = [];
+  imports.push("import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'");
+  languageIds.forEach((langId) => {
+    var _a;
+    const actualLang = WORKER_ALIASES[langId] || langId;
+    const lang = languagesDict[actualLang];
+    const workerEntry = (_a = lang == null ? void 0 : lang.worker) == null ? void 0 : _a.entry;
+    if (!workerEntry) {
+      return;
+    }
+    const workerVar = `${actualLang}Worker`;
+    if (!importedWorkers.has(workerVar)) {
+      imports.push(
+        `import ${workerVar} from 'monaco-editor/esm/${workerEntry}?worker'`
+      );
+      importedWorkers.add(workerVar);
+    }
+    workerMapEntries.push(`  ${langId}: ${workerVar},`);
+  });
+  if (customLanguages) {
+    customLanguages.filter(({ worker }) => worker == null ? void 0 : worker.entry).forEach(({ label, worker }) => {
+      const workerVar = `${label}Worker`;
+      imports.push(`import ${workerVar} from '${worker.entry}?worker'`);
+      workerMapEntries.push(`  ${label}: ${workerVar},`);
+    });
+  }
+  return [
+    ...imports,
+    "",
+    "const workerMap = {",
+    ...workerMapEntries,
+    "}",
+    "",
+    "self.MonacoEnvironment = {",
+    "  getWorker(_, label) {",
+    "    const Worker = workerMap[label] || EditorWorker",
+    "    return new Worker()",
+    "  },",
+    "}"
+  ];
+}
+function index(options) {
+  return {
+    name: "vite-plugin-monaco",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === "monaco-editor") {
+        return VIRTUAL_MODULE_ID;
+      }
+    },
+    load(id) {
+      if (id !== VIRTUAL_MODULE_ID) {
+        return;
+      }
+      const languagesDict = Object.fromEntries(
+        metadata_js.languages.map((lang) => [lang.label, lang])
+      );
+      const featuresDict = Object.fromEntries(
+        metadata_js.features.map((feat) => [feat.label, feat])
+      );
+      const featuresIds = resolveFeatures(
+        options == null ? void 0 : options.features,
+        Object.keys(featuresDict)
+      );
+      const featureImports = featuresIds.flatMap((featureId) => {
+        const feature = featuresDict[featureId];
+        if (!(feature == null ? void 0 : feature.entry)) {
+          return [];
+        }
+        return generateImports(feature.entry);
+      });
+      const languageIds = (options == null ? void 0 : options.languages) || Object.keys(languagesDict);
+      const languageImports = languageIds.flatMap((langId) => {
+        const lang = languagesDict[langId];
+        if (!(lang == null ? void 0 : lang.entry)) {
+          return [];
+        }
+        return generateImports(lang.entry);
+      });
+      const customLanguageImports = ((options == null ? void 0 : options.customLanguages) || []).map(
+        ({ entry }) => `import '${entry}'`
+      );
+      const workerCode = generateWorkerCode(
+        languageIds,
+        languagesDict,
+        options == null ? void 0 : options.customLanguages
+      );
+      return [
+        "import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'",
+        ...featureImports,
+        ...languageImports,
+        ...customLanguageImports,
+        ...workerCode,
+        "export * from 'monaco-editor/esm/vs/editor/editor.api'",
+        "export default monaco"
+      ].join("\n");
+    }
+  };
+}
+module.exports = index;

package/dist/vite-plugin/index.js

@@ -0,0 +1,128 @@
+import { languages, features } from "monaco-editor/esm/metadata.js";
+const WORKER_ALIASES = {
+  javascript: "typescript",
+  less: "css",
+  scss: "css",
+  handlebars: "html",
+  razor: "html"
+};
+const VIRTUAL_MODULE_ID = "\0virtual:monaco-editor";
+function generateImports(entries) {
+  const entryArray = Array.isArray(entries) ? entries : [entries];
+  return entryArray.map((entry) => `import 'monaco-editor/esm/${entry}'`);
+}
+function resolveFeatures(requestedFeatures, allFeatureIds) {
+  if (!requestedFeatures) {
+    return allFeatureIds;
+  }
+  const excludedFeatures = requestedFeatures.filter((f) => f.startsWith("!")).map((f) => f.slice(1));
+  if (excludedFeatures.length) {
+    return allFeatureIds.filter((f) => !excludedFeatures.includes(f));
+  }
+  return requestedFeatures;
+}
+function generateWorkerCode(languageIds, languagesDict, customLanguages) {
+  const importedWorkers = /* @__PURE__ */ new Set();
+  const imports = [];
+  const workerMapEntries = [];
+  imports.push("import EditorWorker from 'monaco-editor/esm/vs/editor/editor.worker?worker'");
+  languageIds.forEach((langId) => {
+    var _a;
+    const actualLang = WORKER_ALIASES[langId] || langId;
+    const lang = languagesDict[actualLang];
+    const workerEntry = (_a = lang == null ? void 0 : lang.worker) == null ? void 0 : _a.entry;
+    if (!workerEntry) {
+      return;
+    }
+    const workerVar = `${actualLang}Worker`;
+    if (!importedWorkers.has(workerVar)) {
+      imports.push(
+        `import ${workerVar} from 'monaco-editor/esm/${workerEntry}?worker'`
+      );
+      importedWorkers.add(workerVar);
+    }
+    workerMapEntries.push(`  ${langId}: ${workerVar},`);
+  });
+  if (customLanguages) {
+    customLanguages.filter(({ worker }) => worker == null ? void 0 : worker.entry).forEach(({ label, worker }) => {
+      const workerVar = `${label}Worker`;
+      imports.push(`import ${workerVar} from '${worker.entry}?worker'`);
+      workerMapEntries.push(`  ${label}: ${workerVar},`);
+    });
+  }
+  return [
+    ...imports,
+    "",
+    "const workerMap = {",
+    ...workerMapEntries,
+    "}",
+    "",
+    "self.MonacoEnvironment = {",
+    "  getWorker(_, label) {",
+    "    const Worker = workerMap[label] || EditorWorker",
+    "    return new Worker()",
+    "  },",
+    "}"
+  ];
+}
+function index(options) {
+  return {
+    name: "vite-plugin-monaco",
+    enforce: "pre",
+    resolveId(id) {
+      if (id === "monaco-editor") {
+        return VIRTUAL_MODULE_ID;
+      }
+    },
+    load(id) {
+      if (id !== VIRTUAL_MODULE_ID) {
+        return;
+      }
+      const languagesDict = Object.fromEntries(
+        languages.map((lang) => [lang.label, lang])
+      );
+      const featuresDict = Object.fromEntries(
+        features.map((feat) => [feat.label, feat])
+      );
+      const featuresIds = resolveFeatures(
+        options == null ? void 0 : options.features,
+        Object.keys(featuresDict)
+      );
+      const featureImports = featuresIds.flatMap((featureId) => {
+        const feature = featuresDict[featureId];
+        if (!(feature == null ? void 0 : feature.entry)) {
+          return [];
+        }
+        return generateImports(feature.entry);
+      });
+      const languageIds = (options == null ? void 0 : options.languages) || Object.keys(languagesDict);
+      const languageImports = languageIds.flatMap((langId) => {
+        const lang = languagesDict[langId];
+        if (!(lang == null ? void 0 : lang.entry)) {
+          return [];
+        }
+        return generateImports(lang.entry);
+      });
+      const customLanguageImports = ((options == null ? void 0 : options.customLanguages) || []).map(
+        ({ entry }) => `import '${entry}'`
+      );
+      const workerCode = generateWorkerCode(
+        languageIds,
+        languagesDict,
+        options == null ? void 0 : options.customLanguages
+      );
+      return [
+        "import * as monaco from 'monaco-editor/esm/vs/editor/editor.api'",
+        ...featureImports,
+        ...languageImports,
+        ...customLanguageImports,
+        ...workerCode,
+        "export * from 'monaco-editor/esm/vs/editor/editor.api'",
+        "export default monaco"
+      ].join("\n");
+    }
+  };
+}
+export {
+  index as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kong-ui-public/monaco-editor",
-  "version": "0.3.1-pr.2622.ca1f578c8.0",
+  "version": "0.4.0",
   "type": "module",
   "main": "./dist/monaco-editor.umd.js",
   "module": "./dist/monaco-editor.es.js",
@@ -10,10 +10,15 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/monaco-editor.es.js",
-      "require": "./dist/monaco-editor.umd.js",
+      "import": "./dist/runtime/monaco-editor.es.js",
+      "require": "./dist/runtime/monaco-editor.umd.js",
       "types": "./dist/types/index.d.ts"
     },
+    "./vite-plugin": {
+      "import": "./dist/vite-plugin/index.js",
+      "require": "./dist/vite-plugin/index.cjs",
+      "types": "./dist/types/vite-plugin/index.d.ts"
+    },
     "./package.json": "./package.json",
     "./dist/*": "./dist/*"
   },
@@ -35,8 +40,8 @@
     "extends": "../../../package.json"
   },
   "distSizeChecker": {
-    "warningLimit": "19.5MB",
-    "errorLimit": "20MB"
+    "warningLimit": "200KB",
+    "errorLimit": "300KB"
   },
   "peerDependencies": {
     "@kong/kongponents": ">=9.42.0 <10.0.0",
@@ -56,8 +61,9 @@
   },
   "scripts": {
     "dev": "cross-env USE_SANDBOX=true vite",
-    "build": "run-s typecheck build:package build:types",
+    "build": "pnpm run typecheck && run-p build:package build:plugin build:types",
     "build:package": "vite build -m production",
+    "build:plugin": "vite build --config './vite-plugin/vite.config.ts'",
     "build:analyzer": "BUILD_VISUALIZER='core/monaco-editor' vite build -m production",
     "build:types": "vue-tsc -p './tsconfig.build.json' --emitDeclarationOnly",
     "build:sandbox": "cross-env USE_SANDBOX=true vite build -m production",