@floegence/floe-webapp-core 0.1.2 → 0.1.7

package/dist/index5.js

@@ -1,9 +1,9 @@
 import { delegateEvents as $, template as i, insert as t, createComponent as a, effect as k, className as g } from "solid-js/web";
 import { Show as h } from "solid-js";
-import { cn as x } from "./index53.js";
-import { useCommand as y } from "./index42.js";
+import { cn as x } from "./index62.js";
+import { useCommand as y } from "./index51.js";
 import { Search as _ } from "./index30.js";
-import { useResolvedFloeConfig as w } from "./index39.js";
+import { useResolvedFloeConfig as w } from "./index48.js";
 var C = /* @__PURE__ */ i('<span class="font-medium text-xs hidden sm:inline">'), S = /* @__PURE__ */ i('<kbd class="hidden md:inline text-[10px] px-1 py-0.5 rounded bg-background/80 border border-border/50 font-mono shrink-0">'), B = /* @__PURE__ */ i('<header><div class="h-10 flex items-center gap-3 px-3"><div class="flex items-center gap-2 flex-shrink-0"></div><button type=button><span class="flex-1 text-left hidden sm:inline truncate"></span></button><div class="flex items-center gap-1">'), E = /* @__PURE__ */ i('<div class="w-6 h-6 rounded bg-primary flex items-center justify-center text-primary-foreground text-xs font-bold">F');
 function R(n) {
   const c = y(), l = w(), o = () => l.config.commands.palette.enabled;

package/dist/index50.js

@@ -1,13 +1,69 @@
-import { onMount as d, onCleanup as i } from "solid-js";
-import { matchKeybind as r } from "./index56.js";
-function a(o, t) {
-  d(() => {
-    const n = (e) => {
-      r(e, o) && (e.preventDefault(), t());
+import { createEffect as f } from "solid-js";
+import { createStore as u, produce as d } from "solid-js/store";
+import { createSimpleContext as g } from "./index47.js";
+import { useResolvedFloeConfig as v } from "./index48.js";
+const {
+  Provider: x,
+  use: C
+} = g({
+  name: "Layout",
+  init: M
+});
+function M() {
+  var s, n, m, b, c;
+  const o = v(), a = () => o.config.layout, p = () => typeof window > "u" ? !1 : window.matchMedia(a().mobileQuery).matches, l = o.persist.load(a().storageKey, {}), h = {
+    sidebar: {
+      width: ((s = l.sidebar) == null ? void 0 : s.width) ?? a().sidebar.defaultWidth,
+      activeTab: ((n = l.sidebar) == null ? void 0 : n.activeTab) ?? a().sidebar.defaultActiveTab,
+      collapsed: ((m = l.sidebar) == null ? void 0 : m.collapsed) ?? a().sidebar.defaultCollapsed
+    },
+    terminal: {
+      opened: ((b = l.terminal) == null ? void 0 : b.opened) ?? a().terminal.defaultOpened,
+      height: ((c = l.terminal) == null ? void 0 : c.height) ?? a().terminal.defaultHeight
+    },
+    isMobile: p()
+  }, [i, r] = u(h);
+  return f(() => {
+    const e = {
+      sidebar: i.sidebar,
+      terminal: i.terminal
     };
-    window.addEventListener("keydown", n), i(() => window.removeEventListener("keydown", n));
-  });
+    o.persist.debouncedSave(a().storageKey, e);
+  }), {
+    // Sidebar accessors
+    sidebarWidth: () => i.sidebar.width,
+    sidebarActiveTab: () => i.sidebar.activeTab,
+    sidebarCollapsed: () => i.sidebar.collapsed,
+    // Sidebar actions
+    setSidebarWidth: (e) => r(d((t) => {
+      t.sidebar.width = Math.max(a().sidebar.clamp.min, Math.min(a().sidebar.clamp.max, e));
+    })),
+    setSidebarActiveTab: (e) => r(d((t) => {
+      t.sidebar.activeTab = e, t.sidebar.collapsed = !1;
+    })),
+    setSidebarCollapsed: (e) => r(d((t) => {
+      t.sidebar.collapsed = e;
+    })),
+    toggleSidebarCollapse: () => r(d((e) => {
+      e.sidebar.collapsed = !e.sidebar.collapsed;
+    })),
+    // Terminal accessors
+    terminalOpened: () => i.terminal.opened,
+    terminalHeight: () => i.terminal.height,
+    // Terminal actions
+    toggleTerminal: () => r(d((e) => {
+      e.terminal.opened = !e.terminal.opened;
+    })),
+    setTerminalHeight: (e) => r(d((t) => {
+      t.terminal.height = Math.max(a().terminal.clamp.min, Math.min(a().terminal.clamp.max, e));
+    })),
+    // Mobile
+    isMobile: () => i.isMobile,
+    setIsMobile: (e) => r("isMobile", e)
+  };
 }
 export {
-  a as useKeybind
+  x as LayoutProvider,
+  M as createLayoutService,
+  C as useLayout
 };

package/dist/index51.js

@@ -1,11 +1,99 @@
-import { createSignal as n, createEffect as a } from "solid-js";
-import { useResolvedFloeConfig as c } from "./index39.js";
-function u(e, s) {
-  const t = c(), r = t.persist.load(e, s), [o, i] = n(r);
-  return a(() => {
-    t.persist.debouncedSave(e, o());
-  }), [o, i];
+import { createSignal as p, onCleanup as K } from "solid-js";
+import { createSimpleContext as D } from "./index47.js";
+import { useResolvedFloeConfig as W } from "./index48.js";
+import { formatKeybind as P, parseKeybind as k, matchKeybind as y } from "./index65.js";
+import { deferNonBlocking as v } from "./index63.js";
+function S() {
+  const x = W(), u = () => x.config.commands, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), [g, l] = p(!1), [b, m] = p(""), [C, E] = p([]), d = () => {
+    E(Array.from(i.values()));
+  };
+  if (typeof window < "u" && u().enableGlobalKeybinds) {
+    const e = (n) => {
+      if (!n || !(n instanceof HTMLElement)) return !1;
+      const r = n.tagName.toLowerCase();
+      return !!(r === "input" || r === "textarea" || r === "select" || n.isContentEditable || n.getAttribute("role") === "textbox");
+    }, t = (n) => {
+      const r = u();
+      if (!r.ignoreWhenTyping) return !1;
+      const o = n.target ?? (typeof document < "u" ? document.activeElement : null);
+      return !(!e(o) || r.allowWhenTypingWithin && o instanceof Element && o.closest(r.allowWhenTypingWithin));
+    }, s = (n) => {
+      const r = u();
+      if (r.save.enabled && y(n, r.save.keybind)) {
+        const o = i.get(r.save.commandId);
+        o ? (n.preventDefault(), v(() => {
+          Promise.resolve(o.execute()).catch((c) => console.error(c));
+        })) : r.save.preventDefaultWhenNoHandler && n.preventDefault();
+        return;
+      }
+      if (!t(n)) {
+        if (r.palette.enabled && y(n, r.palette.keybind)) {
+          n.preventDefault(), l((o) => !o);
+          return;
+        }
+        if (!g())
+          for (const o of i.values()) {
+            if (!o.keybind) continue;
+            const c = a.get(o.id);
+            if (c && y(n, c)) {
+              n.preventDefault(), v(() => {
+                Promise.resolve(o.execute()).catch((L) => console.error(L));
+              });
+              return;
+            }
+          }
+      }
+    };
+    window.addEventListener("keydown", s), K(() => window.removeEventListener("keydown", s));
+  }
+  let w = "", h = null, f = [];
+  return {
+    // State
+    isOpen: g,
+    search: b,
+    commands: C,
+    filteredCommands: () => {
+      const e = C(), t = b().toLowerCase().trim();
+      return e === h && t === w ? f : (h = e, w = t, t ? (f = e.filter((s) => {
+        var n, r;
+        return s.title.toLowerCase().includes(t) || ((n = s.description) == null ? void 0 : n.toLowerCase().includes(t)) || ((r = s.category) == null ? void 0 : r.toLowerCase().includes(t));
+      }), f) : (f = e, e));
+    },
+    // Actions
+    open: () => l(!0),
+    close: () => {
+      l(!1), m("");
+    },
+    toggle: () => l((e) => !e),
+    setSearch: (e) => m(e),
+    register: (e) => (i.set(e.id, e), e.keybind && a.set(e.id, k(e.keybind)), d(), () => {
+      i.delete(e.id), a.delete(e.id), d();
+    }),
+    registerAll: (e) => (e.forEach((t) => {
+      i.set(t.id, t), t.keybind && a.set(t.id, k(t.keybind));
+    }), d(), () => {
+      e.forEach((t) => {
+        i.delete(t.id), a.delete(t.id);
+      }), d();
+    }),
+    execute: (e) => {
+      const t = i.get(e);
+      t && (l(!1), m(""), v(() => {
+        Promise.resolve(t.execute()).catch((s) => console.error(s));
+      }));
+    },
+    getKeybindDisplay: P
+  };
 }
+const {
+  Provider: N,
+  use: O
+} = D({
+  name: "Command",
+  init: S
+});
 export {
-  u as usePersisted
+  N as CommandProvider,
+  S as createCommandService,
+  O as useCommand
 };

package/dist/index52.js

@@ -1,59 +1,120 @@
-import { createEffect as M, onCleanup as q } from "solid-js";
-import { useDeck as x } from "./index46.js";
-import { applyDragDelta as H } from "./index60.js";
-import { DECK_GRID_CONFIG as R } from "./index10.js";
-import { lockBodyStyle as S } from "./index57.js";
+import { delegateEvents as g, template as m, insert as l, createComponent as f, effect as h, className as b } from "solid-js/web";
+import { For as p, Show as u } from "solid-js";
+import { createStore as v, produce as d } from "solid-js/store";
+import { createSimpleContext as x } from "./index47.js";
+import { cn as $ } from "./index62.js";
+var w = /* @__PURE__ */ m('<div class="fixed bottom-4 right-4 z-50 flex flex-col gap-2 max-w-sm">'), _ = /* @__PURE__ */ m('<p class="mt-1 text-sm text-muted-foreground">'), y = /* @__PURE__ */ m('<button type=button class="mt-2 text-sm font-medium text-primary hover:underline">'), k = /* @__PURE__ */ m('<div role=alert><div class="flex items-start gap-3"><div class="flex-1 min-w-0"><p class="font-medium text-sm"></p></div><button type=button class="text-muted-foreground hover:text-foreground transition-colors"aria-label=Dismiss><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
+const C = 5e3;
 function N() {
-  const l = x();
-  let r = null, d = 0, s = 0, m = 0, f = 0, o = null, u = null, a = null, e = null;
-  const h = (t) => {
-    if (!t) {
-      e == null || e(), e = null;
-      return;
-    }
-    e == null || e(), e = S({ cursor: "grabbing", "user-select": "none" });
-  }, E = () => {
-    r !== null && (o !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(o), o = null), r = null, u = null, a = null, h(!1), l.endDrag(!0));
-  }, w = (t) => {
-    const c = t.target;
-    if (c.closest('button, input, select, textarea, [role="button"], a')) return;
-    const i = c.closest("[data-widget-drag-handle]");
-    if (!i || t.pointerType === "mouse" && t.button !== 0) return;
-    const n = i.dataset.widgetDragHandle;
-    n && (t.preventDefault(), t.stopPropagation(), r = t.pointerId, d = t.clientX, s = t.clientY, m = d, f = s, u = n, a = i, h(!0), l.startDrag(n, d, s), i.setPointerCapture(t.pointerId));
-  }, I = (t) => {
-    if (!(r !== t.pointerId || !u) && (m = t.clientX, f = t.clientY, o === null)) {
-      if (typeof requestAnimationFrame > "u") {
-        P();
-        return;
-      }
-      o = requestAnimationFrame(() => {
-        o = null, r !== null && P();
+  const [e, c] = v({
+    notifications: []
+  }), o = /* @__PURE__ */ new Map(), a = (t) => {
+    const i = o.get(t);
+    i && (clearTimeout(i), o.delete(t)), c(d((n) => {
+      n.notifications = n.notifications.filter((s) => s.id !== t);
+    }));
+  }, r = (t) => {
+    const i = `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, n = t.duration ?? C;
+    if (c(d((s) => {
+      s.notifications.push({
+        ...t,
+        id: i
       });
+    })), n > 0) {
+      const s = setTimeout(() => a(i), n);
+      o.set(i, s);
     }
-  }, P = () => {
-    if (!u) return;
-    const t = m - d, c = f - s, g = document.querySelector(".deck-grid");
-    if (!g) return;
-    const i = g.getBoundingClientRect(), { cols: n, rowHeight: L, gap: v } = R, C = v * (n - 1), b = (i.width - C - v * 2) / n, F = L + v, X = Math.round(t / b), Y = Math.round(c / F), D = l.activeLayout(), y = D == null ? void 0 : D.widgets.find((G) => G.id === u);
-    if (!y) return;
-    const A = H(y.position, X, Y, n);
-    l.updateDrag(A, { x: t, y: c });
-  }, p = (t) => {
-    if (r === t.pointerId) {
-      try {
-        a == null || a.releasePointerCapture(t.pointerId);
-      } catch {
-      }
-      E();
-    }
+    return i;
+  };
+  return {
+    notifications: () => e.notifications,
+    show: r,
+    dismiss: a,
+    dismissAll: () => {
+      o.forEach((t) => clearTimeout(t)), o.clear(), c("notifications", []);
+    },
+    info: (t, i) => r({
+      type: "info",
+      title: t,
+      message: i
+    }),
+    success: (t, i) => r({
+      type: "success",
+      title: t,
+      message: i
+    }),
+    warning: (t, i) => r({
+      type: "warning",
+      title: t,
+      message: i
+    }),
+    error: (t, i) => r({
+      type: "error",
+      title: t,
+      message: i
+    })
   };
-  M(() => {
-    l.editMode() && (typeof document > "u" || (document.addEventListener("pointerdown", w, !0), document.addEventListener("pointermove", I, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", p, !0), q(() => {
-      E(), document.removeEventListener("pointerdown", w, !0), document.removeEventListener("pointermove", I, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", p, !0);
-    })));
-  });
 }
+const {
+  Provider: L,
+  use: S
+} = x({
+  name: "Notification",
+  init: N
+});
+function P() {
+  const {
+    notifications: e,
+    dismiss: c
+  } = S();
+  return (() => {
+    var o = w();
+    return l(o, f(p, {
+      get each() {
+        return e();
+      },
+      children: (a) => f(D, {
+        notification: a,
+        onDismiss: () => c(a.id)
+      })
+    })), o;
+  })();
+}
+function D(e) {
+  const c = {
+    info: "border-info/50 bg-info/10",
+    success: "border-success/50 bg-success/10",
+    warning: "border-warning/50 bg-warning/10",
+    error: "border-error/50 bg-error/10"
+  };
+  return (() => {
+    var o = k(), a = o.firstChild, r = a.firstChild, t = r.firstChild, i = r.nextSibling;
+    return l(t, () => e.notification.title), l(r, f(u, {
+      get when() {
+        return e.notification.message;
+      },
+      get children() {
+        var n = _();
+        return l(n, () => e.notification.message), n;
+      }
+    }), null), l(r, f(u, {
+      get when() {
+        return e.notification.action;
+      },
+      get children() {
+        var n = y();
+        return n.$$click = () => {
+          var s;
+          return (s = e.notification.action) == null ? void 0 : s.onClick();
+        }, l(n, () => e.notification.action.label), n;
+      }
+    }), null), i.$$click = () => e.onDismiss(), h(() => b(o, $("animate-in slide-in-from-right fade-in", "rounded-lg border p-4 shadow-lg backdrop-blur-sm", "bg-card text-card-foreground", c[e.notification.type]))), o;
+  })();
+}
+g(["click"]);
 export {
-  N as useDeckDrag
+  P as NotificationContainer,
+  L as NotificationProvider,
+  N as createNotificationService,
+  S as useNotification
 };

package/dist/index53.js

@@ -1,8 +1,141 @@
-import { clsx as o } from "./index65.js";
-import { twMerge as t } from "./index66.js";
-function n(...r) {
-  return t(o(r));
+import { createSignal as C } from "solid-js";
+import { createSimpleContext as w } from "./index47.js";
+import { useResolvedFloeConfig as b } from "./index48.js";
+import { useTheme as v } from "./index49.js";
+import { useLayout as M } from "./index50.js";
+import { useCommand as S } from "./index51.js";
+import { useNotification as x } from "./index52.js";
+import { deferNonBlocking as A } from "./index63.js";
+function R(s) {
+  const r = `[${s}]`;
+  return {
+    debug: (...o) => console.debug(r, ...o),
+    info: (...o) => console.info(r, ...o),
+    warn: (...o) => console.warn(r, ...o),
+    error: (...o) => console.error(r, ...o)
+  };
+}
+function B(s, r) {
+  const o = `component:${r}:`;
+  return {
+    get: (a, u) => s.load(o + a, u),
+    set: (a, u) => s.debouncedSave(o + a, u),
+    remove: (a) => A(() => s.remove(o + a))
+  };
+}
+function J() {
+  const s = v(), r = M(), o = S(), a = x(), u = b();
+  return (g, f) => ({
+    protocol: f == null ? void 0 : f.protocol,
+    theme: s,
+    layout: r,
+    commands: o,
+    notifications: a,
+    storage: B(u.persist, g),
+    logger: R(g)
+  });
+}
+const h = w({
+  name: "ComponentRegistry",
+  init: k
+}), K = h.Provider;
+function O() {
+  return h.use();
+}
+function k() {
+  const [s, r] = C(/* @__PURE__ */ new Map()), [o, a] = C(/* @__PURE__ */ new Set()), u = /* @__PURE__ */ new Map(), g = (t) => {
+    r((e) => new Map(e).set(t.id, t));
+  }, f = (t) => {
+    r((e) => {
+      const n = new Map(e);
+      return t.forEach((c) => n.set(c.id, c)), n;
+    });
+  }, y = async (t, e) => {
+    var p, l;
+    const n = s().get(t);
+    if (!n || o().has(t)) return;
+    const c = [];
+    try {
+      if ((p = n.commands) != null && p.length) {
+        const m = n.commands.map((i) => ({
+          id: i.id,
+          title: i.title,
+          description: i.description,
+          icon: i.icon,
+          keybind: i.keybind,
+          category: i.category,
+          execute: () => i.execute(e)
+        }));
+        c.push(e.commands.registerAll(m));
+      }
+      await ((l = n.onMount) == null ? void 0 : l.call(n, e)), c.length && u.set(t, () => c.forEach((m) => m())), a((m) => {
+        const i = new Set(m);
+        return i.add(t), i;
+      });
+    } catch (m) {
+      throw c.forEach((i) => i()), m;
+    }
+  }, d = async (t) => {
+    var n, c;
+    const e = s().get(t);
+    if (e && o().has(t))
+      try {
+        await ((n = e.onUnmount) == null ? void 0 : n.call(e));
+      } finally {
+        (c = u.get(t)) == null || c(), u.delete(t), a((p) => {
+          const l = new Set(p);
+          return l.delete(t), l;
+        });
+      }
+  };
+  return {
+    register: g,
+    registerAll: f,
+    unregister: async (t) => {
+      await d(t), r((e) => {
+        const n = new Map(e);
+        return n.delete(t), n;
+      });
+    },
+    mount: y,
+    unmount: d,
+    mountAll: async (t) => {
+      for (const e of s().keys())
+        await y(e, t(e));
+    },
+    unmountAll: async () => {
+      for (const t of o())
+        await d(t);
+    },
+    components: s,
+    mountedComponents: o,
+    sidebarItems: () => {
+      const t = [];
+      for (const e of s().values())
+        e.sidebar && t.push({
+          ...e,
+          order: e.sidebar.order ?? 100
+        });
+      return t.sort((e, n) => e.order - n.order);
+    },
+    allCommands: () => {
+      const t = [];
+      for (const e of s().values())
+        e.commands && t.push(...e.commands);
+      return t;
+    },
+    statusBarItems: () => {
+      const t = [];
+      for (const e of s().values())
+        e.statusBar && t.push(...e.statusBar);
+      return t;
+    },
+    getComponent: (t) => s().get(t)
+  };
 }
 export {
-  n as cn
+  K as ComponentRegistryProvider,
+  k as createComponentRegistry,
+  J as useComponentContextFactory,
+  O as useComponentRegistry
 };

package/dist/index54.js

@@ -1,6 +1,42 @@
-function n(e, o = 0) {
-  setTimeout(e, o);
+import { createSignal as n } from "solid-js";
+import { createSimpleContext as o } from "./index47.js";
+const {
+  Provider: f,
+  use: m
+} = o({
+  name: "WidgetRegistry",
+  init: c
+});
+function c() {
+  const [s, i] = n(/* @__PURE__ */ new Map());
+  return {
+    register: (e) => {
+      i((t) => new Map(t).set(e.type, e));
+    },
+    registerAll: (e) => {
+      i((t) => {
+        const r = new Map(t);
+        return e.forEach((g) => r.set(g.type, g)), r;
+      });
+    },
+    unregister: (e) => {
+      i((t) => {
+        const r = new Map(t);
+        return r.delete(e), r;
+      });
+    },
+    widgets: s,
+    getWidget: (e) => s().get(e),
+    getWidgetsByCategory: (e) => {
+      const t = [];
+      for (const r of s().values())
+        r.category === e && t.push(r);
+      return t;
+    }
+  };
 }
 export {
-  n as deferNonBlocking
+  f as WidgetRegistryProvider,
+  c as createWidgetRegistry,
+  m as useWidgetRegistry
 };