@floegence/floe-webapp-core 0.4.0 → 0.6.0

package/dist/index55.js

@@ -1,124 +1,99 @@
-import { delegateEvents as g, template as m, insert as l, createComponent as f, effect as h, className as p } from "solid-js/web";
-import { onCleanup as b, For as v, Show as u } from "solid-js";
-import { createStore as x, produce as d } from "solid-js/store";
-import { createSimpleContext as $ } from "./index50.js";
-import { cn as w } from "./index67.js";
-var _ = /* @__PURE__ */ m('<div class="fixed bottom-4 right-4 z-[100] flex flex-col gap-2 max-w-sm">'), y = /* @__PURE__ */ m('<p class="mt-1 text-sm text-muted-foreground">'), k = /* @__PURE__ */ m('<button type=button class="mt-2 text-sm font-medium text-primary hover:underline">'), C = /* @__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 N = 5e3;
+import { createSignal as p, onCleanup as K } from "solid-js";
+import { createSimpleContext as D } from "./index51.js";
+import { useResolvedFloeConfig as W } from "./index52.js";
+import { formatKeybind as P, parseKeybind as k, matchKeybind as y } from "./index70.js";
+import { deferNonBlocking as v } from "./index69.js";
 function S() {
-  const [o, c] = x({
-    notifications: []
-  }), i = /* @__PURE__ */ new Map();
-  b(() => {
-    i.forEach((t) => clearTimeout(t)), i.clear();
-  });
-  const a = (t) => {
-    const e = i.get(t);
-    e && (clearTimeout(e), i.delete(t)), c(d((n) => {
-      n.notifications = n.notifications.filter((s) => s.id !== t);
-    }));
-  }, r = (t) => {
-    const e = `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, n = t.duration ?? N;
-    if (c(d((s) => {
-      s.notifications.push({
-        ...t,
-        id: e
-      });
-    })), n > 0) {
-      const s = setTimeout(() => a(e), n);
-      i.set(e, s);
-    }
-    return e;
+  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 {
-    notifications: () => o.notifications,
-    show: r,
-    dismiss: a,
-    dismissAll: () => {
-      i.forEach((t) => clearTimeout(t)), i.clear(), c("notifications", []);
+    // 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));
     },
-    info: (t, e) => r({
-      type: "info",
-      title: t,
-      message: e
-    }),
-    success: (t, e) => r({
-      type: "success",
-      title: t,
-      message: 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();
     }),
-    warning: (t, e) => r({
-      type: "warning",
-      title: t,
-      message: e
+    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();
     }),
-    error: (t, e) => r({
-      type: "error",
-      title: t,
-      message: e
-    })
+    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: P,
-  use: T
-} = $({
-  name: "Notification",
+  Provider: N,
+  use: O
+} = D({
+  name: "Command",
   init: S
 });
-function U() {
-  const {
-    notifications: o,
-    dismiss: c
-  } = T();
-  return (() => {
-    var i = _();
-    return l(i, f(v, {
-      get each() {
-        return o();
-      },
-      children: (a) => f(D, {
-        notification: a,
-        onDismiss: () => c(a.id)
-      })
-    })), i;
-  })();
-}
-function D(o) {
-  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 i = C(), a = i.firstChild, r = a.firstChild, t = r.firstChild, e = r.nextSibling;
-    return l(t, () => o.notification.title), l(r, f(u, {
-      get when() {
-        return o.notification.message;
-      },
-      get children() {
-        var n = y();
-        return l(n, () => o.notification.message), n;
-      }
-    }), null), l(r, f(u, {
-      get when() {
-        return o.notification.action;
-      },
-      get children() {
-        var n = k();
-        return n.$$click = () => {
-          var s;
-          return (s = o.notification.action) == null ? void 0 : s.onClick();
-        }, l(n, () => o.notification.action.label), n;
-      }
-    }), null), e.$$click = () => o.onDismiss(), h(() => p(i, w("animate-in slide-in-from-right fade-in", "rounded-lg border p-4 shadow-lg backdrop-blur-sm", "bg-card text-card-foreground", c[o.notification.type]))), i;
-  })();
-}
-g(["click"]);
 export {
-  U as NotificationContainer,
-  P as NotificationProvider,
-  S as createNotificationService,
-  T as useNotification
+  N as CommandProvider,
+  S as createCommandService,
+  O as useCommand
 };

package/dist/index56.js

@@ -1,141 +1,124 @@
-import { createSignal as C } from "solid-js";
-import { createSimpleContext as w } from "./index50.js";
-import { useResolvedFloeConfig as b } from "./index51.js";
-import { useTheme as v } from "./index52.js";
-import { useLayout as M } from "./index53.js";
-import { useCommand as S } from "./index54.js";
-import { useNotification as x } from "./index55.js";
-import { deferNonBlocking as A } from "./index68.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)
+import { delegateEvents as g, template as m, insert as l, createComponent as f, effect as h, className as p } from "solid-js/web";
+import { onCleanup as b, For as v, Show as u } from "solid-js";
+import { createStore as x, produce as d } from "solid-js/store";
+import { createSimpleContext as $ } from "./index51.js";
+import { cn as w } from "./index68.js";
+var _ = /* @__PURE__ */ m('<div class="fixed bottom-4 right-4 z-[100] flex flex-col gap-2 max-w-sm">'), y = /* @__PURE__ */ m('<p class="mt-1 text-sm text-muted-foreground">'), k = /* @__PURE__ */ m('<button type=button class="mt-2 text-sm font-medium text-primary hover:underline">'), C = /* @__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 N = 5e3;
+function S() {
+  const [o, c] = x({
+    notifications: []
+  }), i = /* @__PURE__ */ new Map();
+  b(() => {
+    i.forEach((t) => clearTimeout(t)), i.clear();
   });
-}
-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;
+  const a = (t) => {
+    const e = i.get(t);
+    e && (clearTimeout(e), i.delete(t)), c(d((n) => {
+      n.notifications = n.notifications.filter((s) => s.id !== t);
+    }));
+  }, r = (t) => {
+    const e = `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, n = t.duration ?? N;
+    if (c(d((s) => {
+      s.notifications.push({
+        ...t,
+        id: e
       });
-    } catch (m) {
-      throw c.forEach((i) => i()), m;
+    })), n > 0) {
+      const s = setTimeout(() => a(e), n);
+      i.set(e, s);
     }
-  }, 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 e;
   };
   return {
-    register: g,
-    registerAll: f,
-    unregister: async (t) => {
-      await d(t), r((e) => {
-        const n = new Map(e);
-        return n.delete(t), n;
-      });
+    notifications: () => o.notifications,
+    show: r,
+    dismiss: a,
+    dismissAll: () => {
+      i.forEach((t) => clearTimeout(t)), i.clear(), c("notifications", []);
     },
-    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)
+    info: (t, e) => r({
+      type: "info",
+      title: t,
+      message: e
+    }),
+    success: (t, e) => r({
+      type: "success",
+      title: t,
+      message: e
+    }),
+    warning: (t, e) => r({
+      type: "warning",
+      title: t,
+      message: e
+    }),
+    error: (t, e) => r({
+      type: "error",
+      title: t,
+      message: e
+    })
   };
 }
+const {
+  Provider: P,
+  use: T
+} = $({
+  name: "Notification",
+  init: S
+});
+function U() {
+  const {
+    notifications: o,
+    dismiss: c
+  } = T();
+  return (() => {
+    var i = _();
+    return l(i, f(v, {
+      get each() {
+        return o();
+      },
+      children: (a) => f(D, {
+        notification: a,
+        onDismiss: () => c(a.id)
+      })
+    })), i;
+  })();
+}
+function D(o) {
+  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 i = C(), a = i.firstChild, r = a.firstChild, t = r.firstChild, e = r.nextSibling;
+    return l(t, () => o.notification.title), l(r, f(u, {
+      get when() {
+        return o.notification.message;
+      },
+      get children() {
+        var n = y();
+        return l(n, () => o.notification.message), n;
+      }
+    }), null), l(r, f(u, {
+      get when() {
+        return o.notification.action;
+      },
+      get children() {
+        var n = k();
+        return n.$$click = () => {
+          var s;
+          return (s = o.notification.action) == null ? void 0 : s.onClick();
+        }, l(n, () => o.notification.action.label), n;
+      }
+    }), null), e.$$click = () => o.onDismiss(), h(() => p(i, w("animate-in slide-in-from-right fade-in", "rounded-lg border p-4 shadow-lg backdrop-blur-sm", "bg-card text-card-foreground", c[o.notification.type]))), i;
+  })();
+}
+g(["click"]);
 export {
-  K as ComponentRegistryProvider,
-  k as createComponentRegistry,
-  J as useComponentContextFactory,
-  O as useComponentRegistry
+  U as NotificationContainer,
+  P as NotificationProvider,
+  S as createNotificationService,
+  T as useNotification
 };

package/dist/index57.js

@@ -1,42 +1,141 @@
-import { createSignal as n } from "solid-js";
-import { createSimpleContext as o } from "./index50.js";
-const {
-  Provider: f,
-  use: m
-} = o({
-  name: "WidgetRegistry",
-  init: c
-});
-function c() {
-  const [s, i] = n(/* @__PURE__ */ new Map());
+import { createSignal as C } from "solid-js";
+import { createSimpleContext as w } from "./index51.js";
+import { useResolvedFloeConfig as b } from "./index52.js";
+import { useTheme as v } from "./index53.js";
+import { useLayout as M } from "./index54.js";
+import { useCommand as S } from "./index55.js";
+import { useNotification as x } from "./index56.js";
+import { deferNonBlocking as A } from "./index69.js";
+function R(s) {
+  const r = `[${s}]`;
   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;
+    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;
       });
-    },
-    unregister: (e) => {
-      i((t) => {
-        const r = new Map(t);
-        return r.delete(e), r;
+    } 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;
       });
     },
-    widgets: s,
-    getWidget: (e) => s().get(e),
-    getWidgetsByCategory: (e) => {
+    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 r of s().values())
-        r.category === e && t.push(r);
+      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 {
-  f as WidgetRegistryProvider,
-  c as createWidgetRegistry,
-  m as useWidgetRegistry
+  K as ComponentRegistryProvider,
+  k as createComponentRegistry,
+  J as useComponentContextFactory,
+  O as useComponentRegistry
 };