@floegence/floe-webapp-core 0.35.17 → 0.35.19

package/dist/components/editor/CodeEditor.js

@@ -1,13 +1,14 @@
-import { use as R, effect as L, className as D, style as O, template as V } from "solid-js/web";
-import { onMount as b, createEffect as g, onCleanup as q } from "solid-js";
-import { useTheme as A } from "../../context/ThemeContext.js";
-import { useResizeObserver as F } from "../../hooks/useResizeObserver.js";
+import { use as L, effect as D, className as F, style as O, template as V } from "solid-js/web";
+import { onMount as b, onCleanup as p, createEffect as g } from "solid-js";
+import { useTheme as q } from "../../context/ThemeContext.js";
+import { useResizeObserver as w } from "../../hooks/useResizeObserver.js";
 import * as f from "monaco-editor/esm/vs/editor/editor.api.js";
 import "monaco-editor/min/vs/editor/editor.main.css";
-import { resolveCodeEditorLanguageSpec as U } from "./languages.js";
-import { ensureMonacoEnvironment as p } from "./monacoEnvironment.js";
-var z = /* @__PURE__ */ V("<div>");
-const M = {
+import { resolveCodeEditorLanguageSpec as A } from "./languages.js";
+import { ensureMonacoEnvironment as U } from "./monacoEnvironment.js";
+import { ensureMonacoStandaloneRuntime as N } from "./monacoStandaloneRuntime.js";
+var _ = /* @__PURE__ */ V("<div>");
+const E = {
   readOnly: !0,
   automaticLayout: !1,
   minimap: {
@@ -19,100 +20,104 @@ const M = {
   tabSize: 2,
   fontFamily: "var(--font-mono)"
 };
-let w = 0;
-function N(e, c) {
-  return f.Uri.parse(`inmemory://model/${e}/${encodeURIComponent(c)}`);
+let $ = 0;
+function k(t, c) {
+  return f.Uri.parse(`inmemory://model/${t}/${encodeURIComponent(c)}`);
 }
-function _(e, c) {
-  if (!e || !c) return "";
-  const r = e.getSelection();
+function B(t, c) {
+  if (!t || !c) return "";
+  const r = t.getSelection();
   return !r || r.isEmpty() ? "" : c.getValueInRange(r);
 }
-function J(e) {
-  const c = A();
+function X(t) {
+  const c = q();
   let r;
-  const x = ++w;
+  const R = ++$;
   let n, o, s, S = null, v = 0;
-  const E = F(() => r), y = () => {
+  const x = w(() => r), y = () => {
     f.editor.setTheme(c.resolvedTheme() === "dark" ? "vs-dark" : "vs");
   }, m = () => !n || !o ? null : {
     editor: n,
     model: o,
     getValue: () => n.getValue(),
-    getSelectedText: () => _(n, o),
+    getSelectedText: () => B(n, o),
     focus: () => n.focus()
   }, C = () => {
-    const t = m();
-    if (!t) return;
-    const a = t.model.uri.toString();
-    a !== S && (S = a, e.onReady?.(t));
-  }, I = () => {
-    const t = m();
-    t && e.onSelectionChange?.(t.getSelectedText(), t);
-  }, T = async () => {
+    const e = m();
+    if (!e) return;
+    const a = e.model.uri.toString();
+    a !== S && (S = a, t.onReady?.(e));
+  }, M = () => {
+    const e = m();
+    e && t.onSelectionChange?.(e.getSelectedText(), e);
+  }, I = async () => {
     if (!n) return;
-    const t = ++v, a = U(e.language);
+    const e = ++v, a = A(t.language);
     let i = a.id;
     try {
       await a.load?.();
     } catch {
-      if (t !== v) return;
+      if (e !== v) return;
       i = "plaintext";
     }
-    if (!n || t !== v) return;
-    const l = N(x, e.path);
-    if (o && o.uri.toString() === l.toString()) {
-      o.getLanguageId() !== i && f.editor.setModelLanguage(o, i), o.getValue() !== e.value && o.setValue(e.value), C(), I();
+    if (!n || e !== v) return;
+    const d = k(R, t.path);
+    if (o && o.uri.toString() === d.toString()) {
+      o.getLanguageId() !== i && f.editor.setModelLanguage(o, i), o.getValue() !== t.value && o.setValue(t.value), C(), M();
       return;
     }
-    const d = f.editor.createModel(e.value, i, l);
-    o?.dispose(), o = d, n.setModel(o), C(), I();
+    const l = f.editor.createModel(t.value, i, d);
+    o?.dispose(), o = l, n.setModel(o), C(), M();
   };
   return b(() => {
-    if (!r) return;
-    p(), n = f.editor.create(r, {
-      model: null,
-      ...M,
-      ...e.options ?? {}
-    }), y(), T();
-    const t = e.onContentChange, a = e.onChange, i = e.onSelectionChange, l = n.onDidChangeModelContent((u) => {
-      const h = m();
-      h && (t?.(u, h), a && a(h.getValue()));
-    }), d = n.onDidChangeCursorSelection(() => {
-      const u = m();
-      u && i?.(u.getSelectedText(), u);
-    });
-    q(() => {
-      l.dispose(), d.dispose(), s && cancelAnimationFrame(s), n?.dispose(), o?.dispose(), n = void 0, o = void 0;
+    let e = !1, a, i;
+    (async () => {
+      if (!r || (U(), await N(), e || !r) || (n = f.editor.create(r, {
+        model: null,
+        ...E,
+        ...t.options ?? {}
+      }), y(), await I(), e || !n)) return;
+      const l = t.onContentChange, T = t.onChange, z = t.onSelectionChange;
+      a = n.onDidChangeModelContent((u) => {
+        const h = m();
+        h && (l?.(u, h), T && T(h.getValue()));
+      }), i = n.onDidChangeCursorSelection(() => {
+        const u = m();
+        u && z?.(u.getSelectedText(), u);
+      });
+    })().catch((l) => {
+      console.error("Failed to initialize Monaco editor runtime", l);
+    }), p(() => {
+      e = !0, a?.dispose(), i?.dispose(), s && cancelAnimationFrame(s), n?.dispose(), o?.dispose(), n = void 0, o = void 0;
     });
   }), g(() => {
     y();
   }), g(() => {
     n && n.updateOptions({
-      ...M,
-      ...e.options ?? {}
+      ...E,
+      ...t.options ?? {}
     });
   }), g(() => {
-    e.path, e.language, e.value, T();
+    t.path, t.language, t.value, I();
   }), g(() => {
-    const t = E();
-    !t || !n || (s && cancelAnimationFrame(s), s = requestAnimationFrame(() => {
+    const e = x();
+    !e || !n || (s && cancelAnimationFrame(s), s = requestAnimationFrame(() => {
       n?.layout({
-        width: t.width,
-        height: t.height
+        width: e.width,
+        height: e.height
       });
     }));
   }), (() => {
-    var t = z(), a = r;
-    return typeof a == "function" ? R(a, t) : r = t, L((i) => {
-      var l = e.class, d = e.style;
-      return l !== i.e && D(t, i.e = l), i.t = O(t, d, i.t), i;
+    var e = _(), a = r;
+    return typeof a == "function" ? L(a, e) : r = e, D((i) => {
+      var d = t.class, l = t.style;
+      return d !== i.e && F(e, i.e = d), i.t = O(e, l, i.t), i;
     }, {
       e: void 0,
       t: void 0
-    }), t;
+    }), e;
   })();
 }
 export {
-  J as CodeEditor
+  X as CodeEditor
 };

package/dist/components/editor/languages.js

@@ -44,8 +44,8 @@ const s = {
   svelte: "plaintext",
   groovy: "plaintext"
 }, n = {
-  javascript: () => import("monaco-editor/esm/vs/language/typescript/monaco.contribution.js"),
-  typescript: () => import("monaco-editor/esm/vs/language/typescript/monaco.contribution.js"),
+  javascript: () => import("monaco-editor/esm/vs/basic-languages/javascript/javascript.contribution.js"),
+  typescript: () => import("monaco-editor/esm/vs/basic-languages/typescript/typescript.contribution.js"),
   json: () => import("monaco-editor/esm/vs/language/json/monaco.contribution.js"),
   html: () => import("monaco-editor/esm/vs/language/html/monaco.contribution.js"),
   css: () => import("monaco-editor/esm/vs/language/css/monaco.contribution.js"),

package/dist/components/editor/monacoStandaloneRuntime.d.ts

@@ -0,0 +1,4 @@
+type MonacoStandaloneRuntimeLoader = () => Promise<unknown>;
+export declare function createMonacoStandaloneRuntime(loader: MonacoStandaloneRuntimeLoader): () => Promise<void>;
+export declare const ensureMonacoStandaloneRuntime: () => Promise<void>;
+export {};

package/dist/components/editor/monacoStandaloneRuntime.js

@@ -0,0 +1,21 @@
+function e(t) {
+  let n = null;
+  return () => n || (n = t().then(() => {
+  }).catch((o) => {
+    throw n = null, o;
+  }), n);
+}
+function r() {
+  return Promise.all([
+    import("monaco-editor/esm/vs/editor/edcore.main.js"),
+    import("monaco-editor/esm/vs/editor/contrib/suggest/browser/suggestMemory.js"),
+    import("monaco-editor/esm/vs/editor/contrib/codelens/browser/codeLensCache.js"),
+    import("monaco-editor/esm/vs/editor/common/services/treeViewsDndService.js"),
+    import("monaco-editor/esm/vs/platform/actionWidget/browser/actionWidget.js")
+  ]);
+}
+const i = e(r);
+export {
+  e as createMonacoStandaloneRuntime,
+  i as ensureMonacoStandaloneRuntime
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.35.17",
+  "version": "0.35.19",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",