@floegence/floe-webapp-core 0.35.18 → 0.35.20

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/dist/components/file-browser/DragPreview.js

@@ -1,22 +1,22 @@
-import { createComponent as o, Portal as V, insert as l, Dynamic as j, effect as u, className as D, memo as B, template as a, setAttribute as A } from "solid-js/web";
-import { createSignal as F, createEffect as U, createMemo as d, Show as m, For as X } from "solid-js";
-import { Presence as G, Motion as W } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { createComponent as o, Portal as N, insert as a, effect as u, className as $, memo as V, template as l, setAttribute as A } from "solid-js/web";
+import { createSignal as F, createEffect as j, createMemo as d, Show as m, For as B } from "solid-js";
+import { Presence as U, Motion as X } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
 import { cn as f } from "../../utils/cn.js";
-import { useFileBrowserDrag as Y } from "../../context/FileBrowserDragContext.js";
-import { FolderIcon as q, getFileIcon as H } from "./FileIcons.js";
-var J = /* @__PURE__ */ a('<div class="text-[10px] text-muted-foreground pl-6">and <!> more...'), K = /* @__PURE__ */ a("<span>Drop to move"), $ = /* @__PURE__ */ a("<div>"), L = /* @__PURE__ */ a('<div class="flex items-center gap-2.5 text-xs text-foreground"><span class="flex-shrink-0 w-4 h-4"></span><span class="truncate font-medium">'), Q = /* @__PURE__ */ a("<span>Cannot drop here"), Z = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">'), tt = /* @__PURE__ */ a('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>');
-const x = 3, P = 4, T = 4, et = 0.2;
-function dt() {
-  const g = Y(), n = () => g?.dragState(), S = () => n()?.isDragging ?? !1, C = () => n()?.isDragEnding ?? !1, [c, h] = F(null), [s, w] = F(!1);
+import { useFileBrowserDrag as G } from "../../context/FileBrowserDragContext.js";
+import { FileItemIcon as W } from "./FileIcons.js";
+var Y = /* @__PURE__ */ l('<div class="text-[10px] text-muted-foreground pl-6">and <!> more...'), q = /* @__PURE__ */ l("<span>Drop to move"), y = /* @__PURE__ */ l("<div>"), H = /* @__PURE__ */ l('<div class="flex items-center gap-2.5 text-xs text-foreground"><span class="flex-shrink-0 w-4 h-4"></span><span class="truncate font-medium">'), J = /* @__PURE__ */ l("<span>Cannot drop here"), K = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><polyline points="20 6 9 17 4 12">'), L = /* @__PURE__ */ l('<svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><line x1=18 y1=6 x2=6 y2=18></line><line x1=6 y1=6 x2=18 y2=18>');
+const x = 3, P = 4, T = 4, Q = 0.2;
+function at() {
+  const g = G(), n = () => g?.dragState(), S = () => n()?.isDragging ?? !1, C = () => n()?.isDragEnding ?? !1, [c, h] = F(null), [s, w] = F(!1);
   let _ = !1;
-  U(() => {
+  j(() => {
     const t = S(), e = C();
     if (t && !e && !_ && (h(null), w(!1)), e && !_) {
       const r = n();
       if (r && r.draggedItems.length > 0) {
         const i = r.pointerPosition;
         h({
-          items: r.draggedItems.map((y) => y.item),
+          items: r.draggedItems.map((D) => D.item),
           position: {
             x: i.x + P,
             y: i.y + T
@@ -52,17 +52,17 @@ function dt() {
   }), z = d(() => {
     const t = c();
     return t?.committed && t?.target ? t.target : b();
-  }), M = d(() => c()?.committed ?? !1), p = () => n()?.isValidDrop ?? !1, O = () => !!n()?.dropTarget, I = () => O() && !c(), N = (t) => t.type === "folder" ? q : H(t.extension);
-  return o(G, {
+  }), M = d(() => c()?.committed ?? !1), p = () => n()?.isValidDrop ?? !1, O = () => !!n()?.dropTarget, I = () => O() && !c();
+  return o(U, {
     get children() {
       return o(m, {
         get when() {
-          return B(() => !!R())() && E().length > 0;
+          return V(() => !!R())() && E().length > 0;
         },
         get children() {
-          return o(V, {
+          return o(N, {
             get children() {
-              return o(W.div, {
+              return o(X.div, {
                 get class() {
                   return f("fixed top-0 left-0 pointer-events-none z-[9999]", "will-change-transform");
                 },
@@ -81,7 +81,7 @@ function dt() {
                 },
                 get transition() {
                   return {
-                    duration: s() ? et : 0,
+                    duration: s() ? Q : 0,
                     easing: "ease-out"
                   };
                 },
@@ -90,51 +90,49 @@ function dt() {
                 },
                 get children() {
                   return [(() => {
-                    var t = $();
-                    return l(t, o(X, {
+                    var t = y();
+                    return a(t, o(B, {
                       get each() {
                         return E();
                       },
                       children: (e) => (() => {
-                        var r = L(), i = r.firstChild, y = i.nextSibling;
-                        return l(i, o(j, {
-                          get component() {
-                            return N(e);
-                          },
+                        var r = H(), i = r.firstChild, D = i.nextSibling;
+                        return a(i, o(W, {
+                          item: e,
                           class: "w-4 h-4"
-                        })), l(y, () => e.name), r;
+                        })), a(D, () => e.name), r;
                       })()
-                    }), null), l(t, o(m, {
+                    }), null), a(t, o(m, {
                       get when() {
                         return k() > 0;
                       },
                       get children() {
-                        var e = J(), r = e.firstChild, i = r.nextSibling;
-                        return i.nextSibling, l(e, k, i), e;
+                        var e = Y(), r = e.firstChild, i = r.nextSibling;
+                        return i.nextSibling, a(e, k, i), e;
                       }
-                    }), null), l(t, o(m, {
+                    }), null), a(t, o(m, {
                       get when() {
                         return I();
                       },
                       get children() {
-                        var e = $();
-                        return l(e, o(m, {
+                        var e = y();
+                        return a(e, o(m, {
                           get when() {
                             return p();
                           },
                           get fallback() {
-                            return [o(nt, {
+                            return [o(tt, {
                               class: "w-3.5 h-3.5"
-                            }), Q()];
+                            }), J()];
                           },
                           get children() {
-                            return [o(rt, {
+                            return [o(Z, {
                               class: "w-3.5 h-3.5"
-                            }), K()];
+                            }), q()];
                           }
-                        })), u(() => D(e, f("flex items-center gap-1.5 pt-1.5 mt-1 border-t border-border text-[11px] font-medium", "transition-colors duration-150", p() ? "text-success" : "text-error"))), e;
+                        })), u(() => $(e, f("flex items-center gap-1.5 pt-1.5 mt-1 border-t border-border text-[11px] font-medium", "transition-colors duration-150", p() ? "text-success" : "text-error"))), e;
                       }
-                    }), null), u(() => D(t, f(
+                    }), null), u(() => $(t, f(
                       "flex flex-col gap-1 p-2.5 rounded-lg",
                       "bg-card border border-border",
                       "shadow-md",
@@ -153,8 +151,8 @@ function dt() {
                       return v() > 1;
                     },
                     get children() {
-                      var t = $();
-                      return l(t, v), u(() => D(t, f(
+                      var t = y();
+                      return a(t, v), u(() => $(t, f(
                         "absolute -top-2 -right-2",
                         "min-w-[20px] h-5 px-1.5 rounded-full",
                         "bg-foreground text-background",
@@ -175,18 +173,18 @@ function dt() {
     }
   });
 }
-function rt(g) {
+function Z(g) {
   return (() => {
-    var n = Z();
+    var n = K();
     return u(() => A(n, "class", g.class)), n;
   })();
 }
-function nt(g) {
+function tt(g) {
   return (() => {
-    var n = tt();
+    var n = L();
     return u(() => A(n, "class", g.class)), n;
   })();
 }
 export {
-  dt as DragPreview
+  at as DragPreview
 };