@ws-ui/code-editor 0.2.0 → 0.2.2

package/dist/index.es.js

@@ -1,24 +1,25 @@
-var ae = Object.defineProperty;
-var ge = (t, e, n) => e in t ? ae(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var x = (t, e, n) => (ge(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { jsxs as J, jsx as S, Fragment as ce } from "react/jsx-runtime";
-import K, { useEffect as O, createContext as z, useState as D, useRef as P, useContext as U, memo as Ie } from "react";
-import { loader as de, useMonaco as ue, Editor as Ce } from "@monaco-editor/react";
-import { lspSubject as me, LspActions as Z, hasAttributesString as _, FileFolderType as fe } from "@ws-ui/shared";
-import { MonacoLanguageClient as Ae } from "monaco-languageclient";
-import { mergeServices as pe, initServices as be } from "monaco-languageclient/vscode/services";
-import he, { initUserConfiguration as ve } from "@codingame/monaco-vscode-configuration-service-override";
-import Se from "@codingame/monaco-vscode-theme-service-override";
-import ye from "@codingame/monaco-vscode-textmate-service-override";
-import Ne from "@codingame/monaco-vscode-languages-service-override";
+var ce = Object.defineProperty;
+var Ie = (t, e, n) => e in t ? ce(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var R = (t, e, n) => (Ie(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { jsxs as O, jsx as S, Fragment as de } from "react/jsx-runtime";
+import K, { useEffect as J, createContext as z, useState as D, useRef as P, useContext as _, memo as ue } from "react";
+import { loader as Ce, useMonaco as me, Editor as fe } from "@monaco-editor/react";
+import { lspSubject as Ae, LspActions as j, hasAttributesString as U, FileFolderType as pe } from "@ws-ui/shared";
+import { MonacoLanguageClient as be } from "monaco-languageclient";
+import { mergeServices as he, initServices as ve } from "monaco-languageclient/vscode/services";
+import Se, { initUserConfiguration as ye } from "@codingame/monaco-vscode-configuration-service-override";
+import Ne from "@codingame/monaco-vscode-theme-service-override";
+import we from "@codingame/monaco-vscode-textmate-service-override";
+import Re from "@codingame/monaco-vscode-languages-service-override";
+import xe from "@codingame/monaco-vscode-editor-service-override";
 import "@codingame/monaco-vscode-theme-defaults-default-extension";
 import * as o from "monaco-editor";
-import { Selection as we, KeyMod as B, KeyCode as G, editor as q, Uri as xe } from "monaco-editor";
-import { Logger as Re } from "monaco-languageclient/tools";
-import { ErrorAction as We, CloseAction as Le } from "vscode-languageclient";
-import { WebSocketMessageReader as Fe, WebSocketMessageWriter as Ze, toSocket as je } from "vscode-ws-jsonrpc";
-import { WillSaveTextDocumentNotification as Xe, TextDocumentSaveReason as Ke, DidSaveTextDocumentNotification as ke, WillCreateFilesRequest as Ee, WillRenameFilesRequest as Be, WillDeleteFilesRequest as Ge, DidCreateFilesNotification as Je, DidRenameFilesNotification as Oe, DidDeleteFilesNotification as Te } from "vscode-languageserver-protocol";
-import { StandaloneServices as De, ICodeEditorService as Ve } from "vscode/services";
+import { Selection as We, KeyMod as B, KeyCode as G, editor as q, Uri as Le } from "monaco-editor";
+import { Logger as Fe } from "monaco-languageclient/tools";
+import { ErrorAction as Ze, CloseAction as je } from "vscode-languageclient";
+import { WebSocketMessageReader as Xe, WebSocketMessageWriter as Ee, toSocket as Ke } from "vscode-ws-jsonrpc";
+import { WillSaveTextDocumentNotification as ke, TextDocumentSaveReason as Be, DidSaveTextDocumentNotification as Ge, WillCreateFilesRequest as Oe, WillRenameFilesRequest as Je, WillDeleteFilesRequest as Te, DidCreateFilesNotification as De, DidRenameFilesNotification as Ve, DidDeleteFilesNotification as Ye } from "vscode-languageserver-protocol";
+import { StandaloneServices as Me, ICodeEditorService as Pe } from "vscode/services";
 import "@codingame/monaco-vscode-standalone-languages";
 import "@codingame/monaco-vscode-standalone-html-language-features";
 import "@codingame/monaco-vscode-standalone-css-language-features";
@@ -28,12 +29,14 @@ import "@codingame/monaco-vscode-css-default-extension";
 import "@codingame/monaco-vscode-json-default-extension";
 import "@codingame/monaco-vscode-html-default-extension";
 import "@codingame/monaco-vscode-javascript-default-extension";
-import { registerExtension as Ye } from "vscode/extensions";
-const Me = () => he(), Pe = () => {
-  const t = Se(), e = t.themeService.ctor.prototype;
+import { registerExtension as He } from "vscode/extensions";
+const $e = () => Se(), ze = () => {
+  const t = Ne(), e = t.themeService.ctor.prototype;
   return e.defineTheme = () => {
   }, t;
-}, He = `{
+}, _e = () => xe(
+  () => Promise.resolve(void 0)
+), Ue = `{
   "workbench.colorTheme": "Default Dark+",
   "workbench.iconTheme": "vs-seti",
   "editor.autoClosingBrackets": "languageDefined",
@@ -118,10 +121,10 @@ const Me = () => he(), Pe = () => {
     }
   }
 }
-`, $e = () => ve(He), ze = async (t) => {
+`, qe = () => ye(Ue), Qe = async (t) => {
   var r;
   const e = t.serviceConfig ?? {};
-  e.debugLogging = ((r = t.logger) == null ? void 0 : r.isEnabled()) === !0 && (e.debugLogging === !0 || t.logger.isDebugEnabled() === !0), await $e(), e.userServices = e.userServices ?? {};
+  e.debugLogging = ((r = t.logger) == null ? void 0 : r.isEnabled()) === !0 && (e.debugLogging === !0 || t.logger.isDebugEnabled() === !0), await qe(), e.userServices = e.userServices ?? {};
   const n = e.userServices.configurationService ?? void 0, i = e.workspaceConfig ?? void 0;
   if (n === void 0) {
     if (i)
@@ -130,12 +133,13 @@ const Me = () => he(), Pe = () => {
       );
     const a = {
       // @see https://github.com/CodinGame/monaco-vscode-api#monaco-standalone-services
-      ...Me(),
-      ...Pe(),
-      ...ye(),
-      ...Ne()
+      ...$e(),
+      ...ze(),
+      ...we(),
+      ...Re(),
+      ..._e()
     };
-    pe(a, e.userServices);
+    he(a, e.userServices);
   }
   return i || (e.workspaceConfig = {
     workspaceProvider: {
@@ -149,10 +153,10 @@ const Me = () => he(), Pe = () => {
     }
   }), e;
 };
-class Ue extends Fe {
+class en extends Xe {
   constructor(n, i) {
     super(n);
-    x(this, "onMessage");
+    R(this, "onMessage");
     this.onMessage = i;
   }
   readMessage(n) {
@@ -168,10 +172,10 @@ class Ue extends Fe {
     }
   }
 }
-class _e extends Ze {
+class nn extends Ee {
   constructor(n, i) {
     super(n);
-    x(this, "onSend");
+    R(this, "onSend");
     this.onSend = i;
   }
   async write(n) {
@@ -183,14 +187,15 @@ class _e extends Ze {
     }
   }
 }
-function L(t) {
-  return `file:///PACKAGE/Project/Sources/${t}`;
+function F(t, e = !0) {
+  const n = `/PACKAGE/Project/Sources/${t}`;
+  return e ? `file://${n}` : n;
 }
 function Q(t, e = 0) {
   setTimeout(t, e);
 }
-function qe(t, e) {
-  const n = new we(
+function tn(t, e) {
+  const n = new We(
     e.startLineNumber,
     e.startColumn,
     e.endLineNumber || e.startLineNumber,
@@ -200,24 +205,24 @@ function qe(t, e) {
     t.setSelection(n), t.revealRangeInCenter(n), t.focus();
   });
 }
-function Qe(t, e, n = 0) {
+function on(t, e, n = 0) {
   n > 0 && (e = n + e), Q(() => {
     t.setPosition({ lineNumber: e, column: 1 }), t.revealLineInCenter(e), t.focus();
   });
 }
-function _n(t, e, n) {
+function tt(t, e, n) {
   const r = t.getModel();
   if (r && e) {
     const a = r.getLineCount();
     for (let g = 1; g <= a; g++) {
-      const u = r.getLineContent(g);
-      if (new RegExp(`(?:Function|function) ${n}`).test(u))
+      const C = r.getLineContent(g);
+      if (new RegExp(`(?:Function|function) ${n}`).test(C))
         return g;
     }
   }
   return 0;
 }
-const en = {
+const rn = {
   provideCompletionItems: async (t, e) => {
     const n = t.getWordUntilPosition(e);
     return {
@@ -334,7 +339,7 @@ const en = {
       ]
     };
   }
-}, nn = {
+}, sn = {
   provideCompletionItems: async (t, e) => {
     const n = t.getWordUntilPosition(e);
     return {
@@ -449,7 +454,7 @@ const en = {
       ]
     };
   }
-}, tn = [
+}, ln = [
   // zoom in
   {
     keybinding: B.CtrlCmd | G.NumpadAdd,
@@ -477,16 +482,16 @@ const en = {
     keybinding: B.CtrlCmd | G.Digit0,
     command: "editor.action.fontZoomReset"
   }
-], on = ({ defaultZoom: t }) => (O(() => {
+], an = ({ defaultZoom: t }) => (J(() => {
   t !== void 0 && q.EditorZoom.setZoomLevel(t);
 }, []), null);
-({}).VITE_DISABLE_MONACO_LOADER || de.config({
+({}).VITE_DISABLE_MONACO_LOADER || Ce.config({
   monaco: o
   // paths: {
   //   vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.41.0/min/vs",
   // },
 });
-const ee = z(void 0), qn = ({
+const ee = z(void 0), it = ({
   children: t,
   url: e,
   qodly: n,
@@ -495,204 +500,219 @@ const ee = z(void 0), qn = ({
   language: a = "4d",
   defaultInited: g = !1
 }) => {
-  const u = ue(), [m, h] = D(g), [F, y] = D(null), A = P(), b = P(0);
-  O(() => {
-    e && u && v();
-  }, [e, u]);
+  const C = me(), [m, h] = D(g), [Z, y] = D(null), f = P(), b = P(0);
+  J(() => {
+    e && C && v();
+  }, [e, C]);
   const v = async () => {
-    if (!u)
+    if (!C)
       return;
-    const I = new Re({
+    const c = new Fe({
       enabled: process.env.NODE_ENV === "development",
       debugEnabled: process.env.NODE_ENV === "development"
-    }), d = await ze({
-      logger: I
+    }), I = await Qe({
+      logger: c
     });
-    await be({
+    await ve({
       caller: "Qodly Code Editor",
-      logger: I,
-      serviceConfig: d
-    }), r && De.get(Ve).registerCodeEditorOpenHandler(r), u.languages.registerCompletionItemProvider(
+      logger: c,
+      serviceConfig: I
+    }), r && Me.get(Pe).registerCodeEditorOpenHandler(r), C.languages.registerCompletionItemProvider(
       a,
-      n ? nn : en
-    ), q.addKeybindingRules(tn), p();
+      n ? sn : rn
+    ), q.addKeybindingRules(ln), p();
   }, p = () => {
     y(null);
-    let I;
+    let c;
     try {
-      I = new WebSocket(localStorage.LSP_SERVER || e);
+      c = new WebSocket(localStorage.LSP_SERVER || e);
     } catch {
       y(new Event("INVALID_URL"));
       return;
     }
-    I.onopen = N, I.onclose = f, I.onerror = c, b.current = 0;
+    c.onopen = N, c.onclose = A, c.onerror = u, b.current = 0;
   }, N = async function() {
-    const I = je(this), d = new Ue(I), C = new _e(I), E = new Ae({
+    const c = Ke(this), I = new en(c), d = new nn(c), L = new be({
       name: "4D Language Client",
       clientOptions: {
         workspaceFolder: {
-          uri: xe.parse("file:///PACKAGE")
+          uri: Le.parse("file:///PACKAGE")
         },
         // use a language id as a document selector
         documentSelector: [{ scheme: "file", language: a }],
         // disable the default error handler
         errorHandler: {
-          error: () => ({ action: We.Continue }),
-          closed: () => ({ action: Le.DoNotRestart })
+          error: () => ({ action: Ze.Continue }),
+          closed: () => ({ action: je.DoNotRestart })
         }
       },
       // create a language client connection from the JSON RPC connection on demand
       connectionProvider: {
         get: () => Promise.resolve({
-          reader: d,
-          writer: C
+          reader: I,
+          writer: d
         })
       }
     });
-    A.current = E;
-    const se = E.sendRequest.bind(E);
-    A.current.sendRequest = function(Y, M, le) {
+    f.current = L;
+    const ae = L.sendRequest.bind(L);
+    f.current.sendRequest = function(Y, M, ge) {
       return typeof Y == "object" && Y.method === "textDocument/diagnostic" && /file:\/\/\/PACKAGE\/Project\/Sources\/Methods\/__Debugger_.*/.test(
         M.textDocument.uri
-      ) ? Promise.resolve() : se(Y, M, le);
-    }, d.onClose(() => {
-      E.stop(), b.current < 3 ? setTimeout(() => {
+      ) ? Promise.resolve() : ae(Y, M, ge);
+    }, I.onClose(() => {
+      L.stop(), b.current < 3 ? setTimeout(() => {
         b.current++, p();
       }, 1e3) : y(new Event("WEBSOCKET_CLOSED"));
-    }), E.needsStart() && await E.start(), h(!0);
-  }, f = () => {
-  }, c = (I) => {
-    y(I);
+    }), L.needsStart() && await L.start(), h(!0);
+  }, A = () => {
+  }, u = (c) => {
+    y(c);
   };
-  O(() => {
-    const I = me.subscribe(({ action: d, payload: C }) => {
-      switch (d) {
-        case Z.WILL_SAVE:
-          X(C.filePath);
+  J(() => {
+    const c = Ae.subscribe(({ action: I, payload: d }) => {
+      switch (I) {
+        case j.WILL_SAVE:
+          l(d.filePath);
           break;
-        case Z.DID_SAVE:
-          s(C.filePath, C.content);
+        case j.DID_SAVE:
+          w(d.filePath, d.content);
           break;
-        case Z.WILL_CREATE:
-          l(C.filePath);
+        case j.WILL_CREATE:
+          x(d.filePath);
           break;
-        case Z.DID_CREATE:
-          k(C.filePath);
+        case j.DID_CREATE:
+          re(d.filePath);
           break;
-        case Z.WILL_RENAME:
-          w(C.oldPath, C.newPath);
+        case j.WILL_RENAME:
+          k(d.oldPath, d.newPath);
           break;
-        case Z.DID_RENAME:
-          W(C.oldPath, C.newPath);
+        case j.DID_RENAME:
+          se(d.oldPath, d.newPath);
           break;
-        case Z.WILL_DELETE:
-          R(C.filePath);
+        case j.WILL_DELETE:
+          W(d.filePath);
           break;
-        case Z.DID_DELETE:
-          re(C.filePath);
+        case j.DID_DELETE:
+          le(d.filePath);
+          break;
+        case j.DIAGNOSTIC_REFRESH:
+          s(d.filePath);
           break;
       }
     });
-    return () => I.unsubscribe();
+    return () => c.unsubscribe();
   }, []);
-  const X = (I, d = Ke.Manual) => {
-    var C;
-    (C = A.current) == null || C.sendNotification(Xe.type, {
+  const E = (c) => {
+    var I, d;
+    return (d = (I = f.current) == null ? void 0 : I._features) == null ? void 0 : d.find(
+      (L) => L.constructor.name === c
+    );
+  }, s = (c) => {
+    if (f.current) {
+      const I = E("DiagnosticFeature");
+      if (I)
+        for (const [d, L] of I._registrations)
+          L.provider && L.provider.onDidChangeDiagnosticsEmitter.fire();
+    }
+  }, l = (c, I = Be.Manual) => {
+    var d;
+    (d = f.current) == null || d.sendNotification(ke.type, {
       textDocument: {
-        uri: L(I)
+        uri: F(c)
       },
-      reason: d
+      reason: I
     });
-  }, s = (I, d) => {
-    var C;
-    (C = A.current) == null || C.sendNotification(ke.type, {
+  }, w = (c, I) => {
+    var d;
+    (d = f.current) == null || d.sendNotification(Ge.type, {
       textDocument: {
-        uri: L(I)
+        uri: F(c)
       },
-      text: d
+      text: I
     });
-  }, l = (I) => {
-    var d;
-    (d = A.current) == null || d.sendRequest(Ee.type, {
+  }, x = (c) => {
+    var I;
+    (I = f.current) == null || I.sendRequest(Oe.type, {
       files: [
         {
-          uri: L(I)
+          uri: F(c)
         }
       ]
     });
-  }, w = (I, d) => {
-    var C;
-    (C = A.current) == null || C.sendRequest(Be.type, {
+  }, k = (c, I) => {
+    var d;
+    (d = f.current) == null || d.sendRequest(Je.type, {
       files: [
         {
-          oldUri: L(I),
-          newUri: L(d)
+          oldUri: F(c),
+          newUri: F(I)
         }
       ]
     });
-  }, R = (I) => {
-    var d;
-    (d = A.current) == null || d.sendRequest(Ge.type, {
+  }, W = (c) => {
+    var I;
+    (I = f.current) == null || I.sendRequest(Te.type, {
       files: [
         {
-          uri: L(I)
+          uri: F(c)
         }
       ]
     });
-  }, k = (I) => {
-    var d;
-    (d = A.current) == null || d.sendNotification(Je.type, {
+  }, re = (c) => {
+    var I;
+    (I = f.current) == null || I.sendNotification(De.type, {
       files: [
         {
-          uri: L(I)
+          uri: F(c)
         }
       ]
     });
-  }, W = (I, d) => {
-    var C;
-    (C = A.current) == null || C.sendNotification(Oe.type, {
+  }, se = (c, I) => {
+    var d;
+    (d = f.current) == null || d.sendNotification(Ve.type, {
       files: [
         {
-          oldUri: L(I),
-          newUri: L(d)
+          oldUri: F(c),
+          newUri: F(I)
         }
       ]
     });
-  }, re = (I) => {
-    var d;
-    (d = A.current) == null || d.sendNotification(Te.type, {
+  }, le = (c) => {
+    var I;
+    (I = f.current) == null || I.sendNotification(Ye.type, {
       files: [
         {
-          uri: L(I)
+          uri: F(c)
         }
       ]
     });
   };
-  return /* @__PURE__ */ J(
+  return /* @__PURE__ */ O(
     ee.Provider,
     {
       value: {
-        inited: m || !!F,
-        clientRef: A,
-        lastError: F,
+        inited: m || !!Z,
+        clientRef: f,
+        lastError: Z,
         reload: p
       },
       children: [
         t,
-        /* @__PURE__ */ S(on, { defaultZoom: i })
+        /* @__PURE__ */ S(an, { defaultZoom: i })
       ]
     }
   );
 };
-function Qn() {
-  const t = U(ee);
+function ot() {
+  const t = _(ee);
   if (t === void 0)
     throw new Error("useLSP must be used within an LSPContext");
   return t;
 }
 const ne = z(
   void 0
-), et = Ie(({ children: t }) => {
+), rt = ue(({ children: t }) => {
   const [e, n] = D(null);
   return /* @__PURE__ */ S(
     ne.Provider,
@@ -705,8 +725,8 @@ const ne = z(
     }
   );
 });
-function rn() {
-  const t = U(ne), e = D(null);
+function gn() {
+  const t = _(ne), e = D(null);
   if (t === void 0) {
     const [n, i] = e;
     return {
@@ -722,16 +742,16 @@ var te = {
   className: void 0,
   style: void 0,
   attr: void 0
-}, H = K.createContext && K.createContext(te), j = globalThis && globalThis.__assign || function() {
-  return j = Object.assign || function(t) {
+}, H = K.createContext && K.createContext(te), X = globalThis && globalThis.__assign || function() {
+  return X = Object.assign || function(t) {
     for (var e, n = 1, i = arguments.length; n < i; n++) {
       e = arguments[n];
       for (var r in e)
         Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
     }
     return t;
-  }, j.apply(this, arguments);
-}, sn = globalThis && globalThis.__rest || function(t, e) {
+  }, X.apply(this, arguments);
+}, cn = globalThis && globalThis.__rest || function(t, e) {
   var n = {};
   for (var i in t)
     Object.prototype.hasOwnProperty.call(t, i) && e.indexOf(i) < 0 && (n[i] = t[i]);
@@ -742,32 +762,32 @@ var te = {
 };
 function ie(t) {
   return t && t.map(function(e, n) {
-    return K.createElement(e.tag, j({
+    return K.createElement(e.tag, X({
       key: n
     }, e.attr), ie(e.child));
   });
 }
 function oe(t) {
   return function(e) {
-    return K.createElement(ln, j({
-      attr: j({}, t.attr)
+    return K.createElement(In, X({
+      attr: X({}, t.attr)
     }, e), ie(t.child));
   };
 }
-function ln(t) {
+function In(t) {
   var e = function(n) {
-    var i = t.attr, r = t.size, a = t.title, g = sn(t, ["attr", "size", "title"]), u = r || n.size || "1em", m;
-    return n.className && (m = n.className), t.className && (m = (m ? m + " " : "") + t.className), K.createElement("svg", j({
+    var i = t.attr, r = t.size, a = t.title, g = cn(t, ["attr", "size", "title"]), C = r || n.size || "1em", m;
+    return n.className && (m = n.className), t.className && (m = (m ? m + " " : "") + t.className), K.createElement("svg", X({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
     }, n.attr, i, g, {
       className: m,
-      style: j(j({
+      style: X(X({
         color: t.color || n.color
       }, n.style), t.style),
-      height: u,
-      width: u,
+      height: C,
+      width: C,
       xmlns: "http://www.w3.org/2000/svg"
     }), a && K.createElement("title", null, a), t.children);
   };
@@ -775,24 +795,24 @@ function ln(t) {
     return e(n);
   }) : e(te);
 }
-function an(t) {
+function dn(t) {
   return oe({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 10.5858L9.17157 7.75736L7.75736 9.17157L10.5858 12L7.75736 14.8284L9.17157 16.2426L12 13.4142L14.8284 16.2426L16.2426 14.8284L13.4142 12L16.2426 9.17157L14.8284 7.75736L12 10.5858Z" } }] })(t);
 }
-function gn(t) {
+function un(t) {
   return oe({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M449.07 399.08L278.64 82.58c-12.08-22.44-44.26-22.44-56.35 0L51.87 399.08A32 32 0 0080 446.25h340.89a32 32 0 0028.18-47.17zm-198.6-1.83a20 20 0 1120-20 20 20 0 01-20 20zm21.72-201.15l-5.74 122a16 16 0 01-32 0l-5.74-121.95a21.73 21.73 0 0121.5-22.69h.21a21.74 21.74 0 0121.73 22.7z" } }] })(t);
 }
-const cn = ({ lspProps: { lastError: t, reload: e } }) => {
+const Cn = ({ lspProps: { lastError: t, reload: e } }) => {
   const [n, i] = D(!1), r = () => {
     e();
   }, a = () => {
     i(!1);
   };
-  return O(() => {
+  return J(() => {
     i(!!t);
-  }, [t]), n ? /* @__PURE__ */ J("div", { className: "flex items-center border-b border-fd-gray-darker bg-grey-800 px-2 py-1.5 text-xs text-grey-50", children: [
-    /* @__PURE__ */ J("span", { className: "flex flex-1 justify-center gap-1", children: [
-      /* @__PURE__ */ S(gn, { className: "h-4 w-4 text-yellow-600" }),
-      /* @__PURE__ */ J("span", { children: [
+  }, [t]), n ? /* @__PURE__ */ O("div", { className: "flex items-center border-b border-fd-gray-darker bg-grey-800 px-2 py-1.5 text-xs text-grey-50", children: [
+    /* @__PURE__ */ O("span", { className: "flex flex-1 justify-center gap-1", children: [
+      /* @__PURE__ */ S(un, { className: "h-4 w-4 text-yellow-600" }),
+      /* @__PURE__ */ O("span", { children: [
         "LSP not loaded.",
         " ",
         /* @__PURE__ */ S(
@@ -806,14 +826,14 @@ const cn = ({ lspProps: { lastError: t, reload: e } }) => {
       ] })
     ] }),
     /* @__PURE__ */ S("button", { className: "focus:outline-none", children: /* @__PURE__ */ S(
-      an,
+      dn,
       {
         className: "h-4 w-4 text-white",
         onClick: a
       }
     ) })
   ] }) : null;
-}, In = {
+}, mn = {
   provideCompletionItems: (t, e) => {
     const n = t.getWordUntilPosition(e);
     return {
@@ -841,7 +861,7 @@ const cn = ({ lspProps: { lastError: t, reload: e } }) => {
       ]
     };
   }
-}, dn = "#/definitions/Condition", un = {
+}, fn = "#/definitions/Condition", An = {
   Base: {
     type: "object",
     properties: {
@@ -1109,32 +1129,32 @@ const cn = ({ lspProps: { lastError: t, reload: e } }) => {
       "ref"
     ]
   }
-}, Cn = {
-  $ref: dn,
-  definitions: un
+}, pn = {
+  $ref: fn,
+  definitions: An
 };
-function mn(t, e) {
+function bn(t, e) {
   const n = document.createElement("style");
   n.dataset.id = e, n.textContent = t, document.head.append(n);
 }
-function fn(t) {
+function hn(t) {
   return Array.from(document.styleSheets).find(
     (e) => e.ownerNode.getAttribute("data-id") === t
   );
 }
-function An(t, e) {
+function vn(t, e) {
   const n = [];
   let i = [];
-  const r = [], a = (s, l, w, R) => {
+  const r = [], a = (s, l, w, x) => {
     n.push({
       startLineNumber: s,
       endLineNumber: w,
       startColumn: l,
-      endColumn: R
+      endColumn: x
     }), h(), m();
   }, g = (s) => {
     r.indexOf(s) < 0 && r.push(s);
-  }, u = (s) => {
+  }, C = (s) => {
     const l = r.indexOf(s);
     l < 0 || r.splice(l, 1);
   }, m = () => {
@@ -1146,7 +1166,7 @@ function An(t, e) {
       }
   }, h = () => {
     const s = t.getModel();
-    s && (i = bn(
+    s && (i = yn(
       n.map((l) => [
         s.getOffsetAt({
           lineNumber: l.startLineNumber,
@@ -1160,7 +1180,7 @@ function An(t, e) {
       /*mergeJoins*/
       !0
     ), i.length > 0 && (i[0][0] <= 0 && (i[0][0] = Number.NEGATIVE_INFINITY), i[i.length - 1][1] >= s.getValueLength() && (i[i.length - 1][1] = Number.POSITIVE_INFINITY)));
-  }, F = (s) => {
+  }, Z = (s) => {
     const l = {
       isDeletion: !1,
       isAddition: !1,
@@ -1168,16 +1188,16 @@ function An(t, e) {
     };
     return s.text === "" ? l.isDeletion = !0 : s.range.startLineNumber === s.range.endLineNumber && s.range.startColumn === s.range.endColumn ? l.isAddition = !0 : l.isReplacement = !0, l;
   }, y = t.onDidChangeModel((s) => {
-    h(), c();
-  }), A = t.onDidChangeModelContent((s) => {
+    h(), u();
+  }), f = t.onDidChangeModelContent((s) => {
     if (!s.isUndoing)
       for (const l of s.changes) {
-        const w = F(l);
+        const w = Z(l);
         if (w.isReplacement || w.isDeletion || w.isAddition) {
-          const R = n.some(
+          const x = n.some(
             (W) => l.range.startLineNumber >= W.startLineNumber && l.range.endLineNumber <= W.endLineNumber && l.range.startColumn >= W.startColumn && l.range.endColumn <= W.endColumn
-          ), k = !R && e && l.range.startLineNumber === 1 && l.range.startColumn === 1 && !_(l.text);
-          if (R || k) {
+          ), k = !x && e && l.range.startLineNumber === 1 && l.range.startColumn === 1 && !U(l.text);
+          if (x || k) {
             const W = t.getModel();
             if (W) {
               W.undo();
@@ -1187,7 +1207,7 @@ function An(t, e) {
         }
       }
   }), b = () => {
-    y.dispose(), A.dispose();
+    y.dispose(), f.dispose();
   };
   let v = [], p = `
     .idoc-readonly-mark {
@@ -1197,26 +1217,26 @@ function An(t, e) {
   `;
   if (p) {
     const s = "monaco-read-only";
-    fn(s) || mn(p, s), p = null;
+    hn(s) || bn(p, s), p = null;
   }
   const N = () => {
-    g(c), c();
-  }, f = () => {
-    u(c), v = t.deltaDecorations(v, []);
-  }, c = () => {
+    g(u), u();
+  }, A = () => {
+    C(u), v = t.deltaDecorations(v, []);
+  }, u = () => {
     const s = t.getModel();
     s && (v = t.deltaDecorations(
       v,
-      i.map(X(s))
+      i.map(E(s))
     ));
-  }, X = (s) => (l) => {
-    const w = s.getPositionAt(l[0]), R = s.getPositionAt(l[1]);
+  }, E = (s) => (l) => {
+    const w = s.getPositionAt(l[0]), x = s.getPositionAt(l[1]);
     return {
       range: new o.Range(
         w.lineNumber,
         w.column,
-        R.lineNumber,
-        R.column
+        x.lineNumber,
+        x.column
       ),
       options: {
         className: "idoc-readonly-mark"
@@ -1229,47 +1249,47 @@ function An(t, e) {
     },
     exclude: a,
     attach: g,
-    detach: u,
+    detach: C,
     dispose: b,
     show: N,
-    hide: f
+    hide: A
   };
 }
-function pn(t, e, n) {
+function Sn(t, e, n) {
   let i = !1;
-  const r = (f) => f[1] < f[0] ? (i = !0, [[f[1], f[0]]]) : [[...f]], a = (f) => i ? f.map((c) => c[1] > c[0] ? u(c) : c).reverse() : f;
+  const r = (A) => A[1] < A[0] ? (i = !0, [[A[1], A[0]]]) : [[...A]], a = (A) => i ? A.map((u) => u[1] > u[0] ? C(u) : u).reverse() : A;
   let g;
-  const u = (f) => (g = f[1], f[1] = f[0], f[0] = g, f), m = r(t);
-  let h, F, y, A, b, v, p, N;
+  const C = (A) => (g = A[1], A[1] = A[0], A[0] = g, A), m = r(t);
+  let h, Z, y, f, b, v, p, N;
   y = m[0];
-  for (F of e)
-    for (p = F[0], N = F[1], A = 0; A < m.length; A++) {
-      if (y = m[A], b = y[0], v = y[1], b < p)
+  for (Z of e)
+    for (p = Z[0], N = Z[1], f = 0; f < m.length; f++) {
+      if (y = m[f], b = y[0], v = y[1], b < p)
         v < p ? h = [y] : v <= N ? h = [[b, p - 1]] : h = [
           [b, p - 1],
           [N + 1, v]
         ];
       else if (b <= N)
         if (p === Number.NEGATIVE_INFINITY) {
-          const f = N + 1;
-          h = n === 0 ? [] : [[f, v > f ? v : f]];
+          const A = N + 1;
+          h = n === 0 ? [] : [[A, v > A ? v : A]];
         } else
           N === Number.POSITIVE_INFINITY ? h = n === 0 ? [] : [[p - 1, p - 1]] : v <= N ? h = n < 0 ? [[p - 1, p - 1]] : n > 0 ? [[N + 1, N + 1]] : [] : h = [[N + 1, v]];
       else
         h = [y];
-      if (m.splice(A, 1, ...h), m.length === 1 && m[0][1] < p)
+      if (m.splice(f, 1, ...h), m.length === 1 && m[0][1] < p)
         return a(m);
     }
   return a(m);
 }
-function bn(t, e) {
+function yn(t, e) {
   if (t.length < 2)
     return t;
   const n = [];
   let i = null, r, a;
   t = t.map(
     (g) => (g[1] < g[0] && (r = g[1], g[1] = g[0], g[1] = r), g)
-  ).sort((g, u) => g[0] - u[0]), n.push(t[0]);
+  ).sort((g, C) => g[0] - C[0]), n.push(t[0]);
   for (let g = 1; g < t.length; g++)
     i = n[n.length - 1], a = t[g], i[1] === a[0] && !e ? n.push(a) : i[1] === a[0] - 1 && e ? (i[1] = a[1], n.splice(n.length - 1, 1, i)) : i[1] < a[0] ? n.push(a) : i[1] < a[1] && (i[1] = a[1], n.splice(n.length - 1, 1, i));
   return n;
@@ -1277,20 +1297,20 @@ function bn(t, e) {
 function T(t, e) {
   return e.bind(t);
 }
-class hn {
+class Nn {
   constructor(e, n) {
-    x(this, "editor");
-    x(this, "intervals");
-    x(this, "disposables", []);
+    R(this, "editor");
+    R(this, "intervals");
+    R(this, "disposables", []);
     /**
      * Flag for `excludeIntervals`
      */
-    x(this, "prefer", 1);
-    x(this, "lastPrefer", 1);
+    R(this, "prefer", 1);
+    R(this, "lastPrefer", 1);
     /**
      * Linked to ICodeEditor.onDidChangeCursorPosition event.
      */
-    x(this, "onCursor", T(
+    R(this, "onCursor", T(
       this,
       function(e) {
         if (e.source === "api")
@@ -1299,16 +1319,16 @@ class hn {
         n.length !== 0 && this.editor.setSelections(n);
       }
     ));
-    x(this, "onRectangleSelectionStart", T(this, function({ event: e }) {
+    R(this, "onRectangleSelectionStart", T(this, function({ event: e }) {
       e.middleButton && (this.lastPrefer = this.prefer, this.prefer = 0, window.addEventListener("pointerup", this.onRectangleSelectionStop));
     }));
-    x(this, "onRectangleSelectionStop", T(this, function() {
+    R(this, "onRectangleSelectionStop", T(this, function() {
       this.prefer = this.lastPrefer, window.removeEventListener("pointerup", this.onRectangleSelectionStop);
     }));
     /**
      * Linked to ICodeEditor.onKeyDown event.
      */
-    x(this, "onKey", T(this, function(e) {
+    R(this, "onKey", T(this, function(e) {
       const n = e.keyCode, i = o.KeyCode;
       if (e.altKey || i.F1 <= n && n <= i.F19 || e.ctrlKey && n !== i.Backspace)
         return;
@@ -1323,21 +1343,21 @@ class hn {
       const r = this.getSelections(), a = this.intervals.buffer;
       let g;
       if (n === i.Delete)
-        g = (u) => u[0] === u[1] && a.find((m) => u[1] + 1 === m[0]) != null;
+        g = (C) => C[0] === C[1] && a.find((m) => C[1] + 1 === m[0]) != null;
       else if (n === i.Backspace)
-        g = (u) => u[0] === u[1] && a.find((m) => m[1] + 1 === u[0]) != null;
+        g = (C) => C[0] === C[1] && a.find((m) => m[1] + 1 === C[0]) != null;
       else
         return;
       r.findIndex(g) !== -1 && (e.stopPropagation(), e.preventDefault());
     }));
-    x(this, "getOffsetAt", T(this, function(e) {
+    R(this, "getOffsetAt", T(this, function(e) {
       let n;
       for (let i = 0; i < this.intervals.buffer.length; i++)
         if (n = this.intervals.buffer[i], e <= n[1])
           return n[0] - e < e - n[1] ? n[0] : n[1];
     }));
     var i;
-    this.editor = e, this.intervals = An(e, n), (i = this.editor.getModel()) == null || i.setEOL(o.editor.EndOfLineSequence.LF);
+    this.editor = e, this.intervals = vn(e, n), (i = this.editor.getModel()) == null || i.setEOL(o.editor.EndOfLineSequence.LF);
   }
   enable() {
     this.disposables.push(
@@ -1357,7 +1377,7 @@ class hn {
   getApprovedSelections() {
     const e = this.editor.getModel();
     return this.getSelections().map(
-      (i) => pn(
+      (i) => Sn(
         i,
         this.intervals.buffer,
         this.prefer
@@ -1386,13 +1406,13 @@ class hn {
     ]);
   }
 }
-const vn = new RegExp("^[	s]+(exposed|Function)", "i"), $ = () => /* @__PURE__ */ S("div", { className: "absolute inset-0 animate-pulse", children: /* @__PURE__ */ S("div", { className: "w-full space-y-4 px-4 py-1", children: /* @__PURE__ */ J("div", { className: "space-y-2", children: [
+const wn = new RegExp("^[	s]+(exposed|Function)", "i"), $ = () => /* @__PURE__ */ S("div", { className: "absolute inset-0 animate-pulse", children: /* @__PURE__ */ S("div", { className: "w-full space-y-4 px-4 py-1", children: /* @__PURE__ */ O("div", { className: "space-y-2", children: [
   /* @__PURE__ */ S("div", { className: "h-3 w-3/4 rounded bg-grey-200" }),
   /* @__PURE__ */ S("div", { className: "h-3 rounded bg-grey-200" }),
   /* @__PURE__ */ S("div", { className: "h-3 w-5/6 rounded bg-grey-200" }),
   /* @__PURE__ */ S("div", { className: "h-3 rounded bg-grey-200" }),
   /* @__PURE__ */ S("div", { className: "h-3 rounded bg-grey-200" })
-] }) }) }), nt = ({
+] }) }) }), st = ({
   path: t,
   initialValue: e,
   theme: n = "fd-dark",
@@ -1400,66 +1420,66 @@ const vn = new RegExp("^[	s]+(exposed|Function)", "i"), $ = () => /* @__PURE__ *
   language: r,
   onChange: a,
   options: g = {},
-  extra: u = {},
+  extra: C = {},
   showAlerts: m = !1,
   lspProps: h,
-  ...F
+  ...Z
 }) => {
-  const { initialLineInfo: y, initialSelectionInfo: A } = u, { editor: b, setEditor: v } = rn(), { inited: p } = h;
-  function N(c) {
-    r === "css" && c.languages.registerCompletionItemProvider("css", In), r === "json" && c.languages.json && c.languages.json.jsonDefaults.setDiagnosticsOptions({
+  const { initialLineInfo: y, initialSelectionInfo: f } = C, { editor: b, setEditor: v } = gn(), { inited: p } = h;
+  function N(u) {
+    r === "css" && u.languages.registerCompletionItemProvider("css", mn), r === "json" && u.languages.json && u.languages.json.jsonDefaults.setDiagnosticsOptions({
       validate: !0,
       schemas: [
         {
           uri: "condition-schema.json",
           fileMatch: ["*.condition.json"],
-          schema: Cn
+          schema: pn
         }
       ]
     });
   }
-  function f(c, X) {
-    v(c);
-    const s = c.getModel();
-    if (s && (s.updateOptions({ insertSpaces: !1 }), c.onKeyUp(() => {
+  function A(u, E) {
+    v(u);
+    const s = u.getModel();
+    if (s && (s.updateOptions({ insertSpaces: !1 }), u.onKeyUp(() => {
       var w;
-      const l = (w = c.getPosition()) == null ? void 0 : w.lineNumber;
+      const l = (w = u.getPosition()) == null ? void 0 : w.lineNumber;
       if (l) {
-        const R = s.getLineFirstNonWhitespaceColumn(l), k = s.getLineLength(l), W = s.getLineContent(l);
-        vn.test(W) && c.executeEdits("edit-handler", [
+        const x = s.getLineFirstNonWhitespaceColumn(l), k = s.getLineLength(l), W = s.getLineContent(l);
+        wn.test(W) && u.executeEdits("edit-handler", [
           {
-            range: new X.Range(
+            range: new E.Range(
               l,
               0,
               l,
               k
             ),
             text: W.substr(
-              R - 1,
-              k - R
+              x - 1,
+              k - x
             )
           }
         ]);
       }
-    })), i === fe.METHOD && _(e)) {
-      const l = new hn(c, !0);
+    })), i === pe.METHOD && U(e)) {
+      const l = new Nn(u, !0);
       l.exclude(1, 1, 1, Number.POSITIVE_INFINITY), l.enable();
     }
   }
-  return O(() => {
+  return J(() => {
     if (!b)
       return;
-    const { line: c, offset: X } = y || {};
-    c && Qe(b, c, X);
-  }, [y, b]), O(() => {
+    const { line: u, offset: E } = y || {};
+    u && on(b, u, E);
+  }, [y, b]), J(() => {
     if (!b)
       return;
-    const { selection: c } = A || {};
-    c && qe(b, c);
-  }, [A, b]), p ? /* @__PURE__ */ J(ce, { children: [
-    m ? /* @__PURE__ */ S(cn, { lspProps: h }) : null,
+    const { selection: u } = f || {};
+    u && tn(b, u);
+  }, [f, b]), p ? /* @__PURE__ */ O(de, { children: [
+    m ? /* @__PURE__ */ S(Cn, { lspProps: h }) : null,
     /* @__PURE__ */ S(
-      Ce,
+      fe,
       {
         options: {
           readOnly: !0,
@@ -1468,19 +1488,19 @@ const vn = new RegExp("^[	s]+(exposed|Function)", "i"), $ = () => /* @__PURE__ *
           padding: { top: 10 },
           ...g
         },
-        path: L(t),
+        path: F(t),
         value: e,
         theme: "fd-dark",
-        onChange: (c) => a && a(c || ""),
+        onChange: (u) => a && a(u || ""),
         language: r,
         beforeMount: N,
-        onMount: f,
+        onMount: A,
         loading: /* @__PURE__ */ S($, {}),
-        ...F
+        ...Z
       }
     )
   ] }) : /* @__PURE__ */ S($, {});
-}, Sn = {
+}, Rn = {
   name: "4d",
   displayName: "%displayName%",
   description: "%description%",
@@ -1505,7 +1525,7 @@ const vn = new RegExp("^[	s]+(exposed|Function)", "i"), $ = () => /* @__PURE__ *
       }
     ]
   }
-}, { registerFileUrl: V, whenReady: tt } = Ye(Sn, void 0, {
+}, { registerFileUrl: V, whenReady: lt } = He(Rn, void 0, {
   system: !0
 });
 V(
@@ -1529,18 +1549,18 @@ V(
   { mimeType: "application/json", size: 135 }
 );
 export {
-  cn as Alerts,
-  nt as CodeEditor,
-  et as CodeEditorProvider,
-  qn as LSPProvider,
+  Cn as Alerts,
+  st as CodeEditor,
+  rt as CodeEditorProvider,
+  it as LSPProvider,
   Q as _await,
-  ze as configureServices,
-  L as getFileSystemPath,
-  _n as getFunctionOffset,
-  $e as initMonacoUserConfiguration,
-  Qe as jumpToLine,
-  qe as jumpToSelection,
-  rn as useCodeEditor,
-  Qn as useLSP
+  Qe as configureServices,
+  F as getFileSystemPath,
+  tt as getFunctionOffset,
+  qe as initMonacoUserConfiguration,
+  on as jumpToLine,
+  tn as jumpToSelection,
+  gn as useCodeEditor,
+  ot as useLSP
 };
 //# sourceMappingURL=index.es.js.map