@floegence/floe-webapp-core 0.35.44 → 0.35.46

package/dist/context/CommandContext.d.ts

@@ -7,6 +7,8 @@ export interface Command {
         class?: string;
     }>;
     keybind?: string;
+    /** Allow this keybind even while the user is typing in an input/editor. */
+    allowWhileTyping?: boolean;
     category?: string;
     execute: () => void | Promise<void>;
 }

package/dist/context/CommandContext.js

@@ -1,60 +1,58 @@
-import { createSignal as c, onCleanup as D, createEffect as L } from "solid-js";
-import { createSimpleContext as P } from "./createSimpleContext.js";
-import { useResolvedFloeConfig as S } from "./FloeConfigContext.js";
-import { formatKeybind as E, parseKeybind as k, matchKeybind as p } from "../utils/keybind.js";
+import { createSignal as c, onCleanup as L, createEffect as P } from "solid-js";
+import { createSimpleContext as S } from "./createSimpleContext.js";
+import { useResolvedFloeConfig as E } from "./FloeConfigContext.js";
+import { formatKeybind as T, parseKeybind as W, matchKeybind as u } from "../utils/keybind.js";
 import { deferAfterPaint as F, deferNonBlocking as m } from "../utils/defer.js";
 import { shouldIgnoreHotkeys as I } from "../utils/dom.js";
-function T() {
-  const x = S(), y = () => x.config.commands, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), [v, s] = c(!1), [g, f] = c(""), [K, h] = c(""), [b, W] = c([]), a = () => {
-    W(Array.from(r.values()));
+function M() {
+  const x = E(), y = () => x.config.commands, r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), [v, s] = c(!1), [g, f] = c(""), [K, h] = c(""), [b, A] = c([]), l = () => {
+    A(Array.from(r.values()));
   };
   if (typeof window < "u" && y().enableGlobalKeybinds) {
     const t = (e) => {
-      const n = y();
-      if (n.save.enabled && p(e, n.save.keybind)) {
+      const n = y(), k = I(e, {
+        ignoreWhenTyping: n.ignoreWhenTyping,
+        allowWhenTypingWithin: n.allowWhenTypingWithin
+      });
+      if (n.save.enabled && u(e, n.save.keybind)) {
         const o = r.get(n.save.commandId);
         o ? (e.preventDefault(), m(() => {
           Promise.resolve(o.execute()).catch((d) => console.error(d));
         })) : n.save.preventDefaultWhenNoHandler && e.preventDefault();
         return;
       }
-      if (!I(e, {
-        ignoreWhenTyping: n.ignoreWhenTyping,
-        allowWhenTypingWithin: n.allowWhenTypingWithin
-      })) {
-        if (n.palette.enabled && p(e, n.palette.keybind)) {
-          e.preventDefault(), s((o) => !o);
-          return;
-        }
-        if (!v())
-          for (const o of r.values()) {
-            if (!o.keybind) continue;
-            const d = i.get(o.id);
-            if (d && p(e, d)) {
-              e.preventDefault(), m(() => {
-                Promise.resolve(o.execute()).catch((A) => console.error(A));
-              });
-              return;
-            }
-          }
+      if (!k && n.palette.enabled && u(e, n.palette.keybind)) {
+        e.preventDefault(), s((o) => !o);
+        return;
       }
+      if (!v())
+        for (const o of r.values()) {
+          if (!o.keybind || k && !o.allowWhileTyping) continue;
+          const d = i.get(o.id);
+          if (d && u(e, d)) {
+            e.preventDefault(), m(() => {
+              Promise.resolve(o.execute()).catch((D) => console.error(D));
+            });
+            return;
+          }
+        }
     };
-    window.addEventListener("keydown", t), D(() => window.removeEventListener("keydown", t));
+    window.addEventListener("keydown", t), L(() => window.removeEventListener("keydown", t));
   }
-  let u = 0;
-  L(() => {
+  let p = 0;
+  P(() => {
     const t = g().trim();
-    u += 1;
-    const e = u;
+    p += 1;
+    const e = p;
     if (!t) {
       h("");
       return;
     }
     F(() => {
-      e === u && h(t.toLowerCase());
+      e === p && h(t.toLowerCase());
     });
   });
-  let w = "", C = null, l = [];
+  let w = "", C = null, a = [];
   return {
     // State
     isOpen: v,
@@ -62,7 +60,7 @@ function T() {
     commands: b,
     filteredCommands: () => {
       const t = b(), e = K();
-      return t === C && e === w ? l : (C = t, w = e, e ? (l = t.filter((n) => n.title.toLowerCase().includes(e) || n.description?.toLowerCase().includes(e) || n.category?.toLowerCase().includes(e)), l) : (l = t, t));
+      return t === C && e === w ? a : (C = t, w = e, e ? (a = t.filter((n) => n.title.toLowerCase().includes(e) || n.description?.toLowerCase().includes(e) || n.category?.toLowerCase().includes(e)), a) : (a = t, t));
     },
     // Actions
     open: () => s(!0),
@@ -71,15 +69,15 @@ function T() {
     },
     toggle: () => s((t) => !t),
     setSearch: (t) => f(t),
-    register: (t) => (r.set(t.id, t), t.keybind && i.set(t.id, k(t.keybind)), a(), () => {
-      r.delete(t.id), i.delete(t.id), a();
+    register: (t) => (r.set(t.id, t), t.keybind && i.set(t.id, W(t.keybind)), l(), () => {
+      r.delete(t.id), i.delete(t.id), l();
     }),
     registerAll: (t) => (t.forEach((e) => {
-      r.set(e.id, e), e.keybind && i.set(e.id, k(e.keybind));
-    }), a(), () => {
+      r.set(e.id, e), e.keybind && i.set(e.id, W(e.keybind));
+    }), l(), () => {
       t.forEach((e) => {
         r.delete(e.id), i.delete(e.id);
-      }), a();
+      }), l();
     }),
     execute: (t) => {
       const e = r.get(t);
@@ -87,18 +85,18 @@ function T() {
         Promise.resolve(e.execute()).catch((n) => console.error(n));
       }));
     },
-    getKeybindDisplay: E
+    getKeybindDisplay: T
   };
 }
 const {
-  Provider: B,
-  use: G
-} = P({
+  Provider: G,
+  use: J
+} = S({
   name: "Command",
-  init: T
+  init: M
 });
 export {
-  B as CommandProvider,
-  T as createCommandService,
-  G as useCommand
+  G as CommandProvider,
+  M as createCommandService,
+  J as useCommand
 };

package/dist/context/ComponentRegistry.d.ts

@@ -36,6 +36,7 @@ export interface CommandContribution<TProtocol = unknown> {
         class?: string;
     }>;
     keybind?: string;
+    allowWhileTyping?: boolean;
     category?: string;
     execute: (ctx: ComponentContext<TProtocol>) => void | Promise<void>;
 }

package/dist/context/ComponentRegistry.js

@@ -7,16 +7,16 @@ import { useCommand as b } from "./CommandContext.js";
 import { useNotification as R } from "./NotificationContext.js";
 import { deferNonBlocking as M } from "../utils/defer.js";
 function S(r) {
-  const s = `[${r}]`;
+  const i = `[${r}]`;
   return {
-    debug: (...n) => console.debug(s, ...n),
-    info: (...n) => console.info(s, ...n),
-    warn: (...n) => console.warn(s, ...n),
-    error: (...n) => console.error(s, ...n)
+    debug: (...n) => console.debug(i, ...n),
+    info: (...n) => console.info(i, ...n),
+    warn: (...n) => console.warn(i, ...n),
+    error: (...n) => console.error(i, ...n)
   };
 }
-function A(r, s) {
-  const n = `component:${s}:`;
+function A(r, i) {
+  const n = `component:${i}:`;
   return {
     get: (a, m) => r.load(n + a, m),
     set: (a, m) => r.debouncedSave(n + a, m),
@@ -24,36 +24,36 @@ function A(r, s) {
   };
 }
 function D() {
-  const r = x(), s = v(), n = b(), a = R(), m = w();
-  return (f, p) => ({
+  const r = x(), i = v(), n = b(), a = R(), m = w();
+  return (l, p) => ({
     protocol: p?.protocol,
     theme: r,
-    layout: s,
+    layout: i,
     commands: n,
     notifications: a,
-    storage: A(m.persist, f),
-    logger: S(f)
+    storage: A(m.persist, l),
+    logger: S(l)
   });
 }
-const l = h({
+const f = h({
   name: "ComponentRegistry",
   init: B
-}), G = l.Provider;
+}), G = f.Provider;
 function H() {
-  return l.use();
+  return f.use();
 }
 function J() {
-  return l.useOptional();
+  return f.useOptional();
 }
 function K() {
-  return l.has();
+  return f.has();
 }
 function B() {
-  const [r, s] = C(/* @__PURE__ */ new Map()), [n, a] = C(/* @__PURE__ */ new Set()), m = /* @__PURE__ */ new Map(), f = (t) => {
-    s((e) => new Map(e).set(t.id, t));
+  const [r, i] = C(/* @__PURE__ */ new Map()), [n, a] = C(/* @__PURE__ */ new Set()), m = /* @__PURE__ */ new Map(), l = (t) => {
+    i((e) => new Map(e).set(t.id, t));
   }, p = (t) => {
     const e = t.map((o) => o.id).filter((o) => !!o);
-    return s((o) => {
+    return i((o) => {
       const c = new Map(o);
       return t.forEach((u) => c.set(u.id, u)), c;
     }), () => {
@@ -61,31 +61,32 @@ function B() {
         y(o);
       });
     };
-  }, g = async (t, e) => {
+  }, d = async (t, e) => {
     const o = r().get(t);
     if (!o || n().has(t)) return;
     const c = [];
     try {
       if (o.commands?.length) {
-        const u = o.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)
+        const u = o.commands.map((s) => ({
+          id: s.id,
+          title: s.title,
+          description: s.description,
+          icon: s.icon,
+          keybind: s.keybind,
+          allowWhileTyping: s.allowWhileTyping,
+          category: s.category,
+          execute: () => s.execute(e)
         }));
         c.push(e.commands.registerAll(u));
       }
       await o.onMount?.(e), c.length && m.set(t, () => c.forEach((u) => u())), a((u) => {
-        const i = new Set(u);
-        return i.add(t), i;
+        const s = new Set(u);
+        return s.add(t), s;
       });
     } catch (u) {
-      throw c.forEach((i) => i()), u;
+      throw c.forEach((s) => s()), u;
     }
-  }, d = async (t) => {
+  }, g = async (t) => {
     const e = r().get(t);
     if (e && n().has(t))
       try {
@@ -97,24 +98,24 @@ function B() {
         });
       }
   }, y = async (t) => {
-    await d(t), s((e) => {
+    await g(t), i((e) => {
       const o = new Map(e);
       return o.delete(t), o;
     });
   };
   return {
-    register: f,
+    register: l,
     registerAll: p,
     unregister: y,
-    mount: g,
-    unmount: d,
+    mount: d,
+    unmount: g,
     mountAll: async (t) => {
       for (const e of r().keys())
-        await g(e, t(e));
+        await d(e, t(e));
     },
     unmountAll: async () => {
       for (const t of n())
-        await d(t);
+        await g(t);
     },
     components: r,
     mountedComponents: n,

package/dist/hooks/useOverlayMask.d.ts

@@ -5,6 +5,10 @@ export interface UseOverlayMaskOptions {
     open: Accessor<boolean>;
     root: Accessor<HTMLElement | undefined>;
     onClose?: () => void;
+    /** Treat additional nodes as part of the overlay surface (e.g. portaled layers). */
+    containsTarget?: (target: EventTarget | null) => boolean;
+    /** Optional alternate close path for Escape pressed outside the overlay surface. */
+    onEscapeOutside?: () => void;
     /** Lock `document.body` scroll while the overlay is open (default: true). */
     lockBodyScroll?: boolean;
     /** Prevent scroll via wheel events (default: none). */

package/dist/hooks/useOverlayMask.js

@@ -1,26 +1,29 @@
-import { createEffect as L, onCleanup as M } from "solid-js";
-import { lockBodyStyle as O } from "../utils/bodyStyleLock.js";
-import { deferAfterPaint as k } from "../utils/defer.js";
-import { getFocusableElements as T, getFirstFocusableElement as B } from "../utils/focus.js";
-function i(t) {
+import { createEffect as T, onCleanup as O } from "solid-js";
+import { lockBodyStyle as M } from "../utils/bodyStyleLock.js";
+import { deferAfterPaint as p } from "../utils/defer.js";
+import { getFocusableElements as B, getFirstFocusableElement as D } from "../utils/focus.js";
+function b(t) {
   return typeof Node < "u" && t instanceof Node;
 }
-function p(t, u, c) {
-  return c === "none" ? !1 : c === "all" || !t || !i(u) ? !0 : !t.contains(u);
+function i(t, c, r) {
+  return r ? r(c) : !t || !b(c) ? !1 : t.contains(c);
+}
+function k(t, c, r, u) {
+  return r === "none" ? !1 : r === "all" ? !0 : !i(t, c, u);
 }
 function H(t) {
-  const u = () => t.lockBodyScroll !== !1, c = () => t.trapFocus !== !1, s = () => t.closeOnEscape === !1 ? "none" : t.closeOnEscape === "inside" ? "inside" : t.closeOnEscape === "none" ? "none" : "always", b = () => t.blockHotkeys !== !1, w = () => t.restoreFocus !== !1;
-  L(() => {
+  const c = () => t.lockBodyScroll !== !1, r = () => t.trapFocus !== !1, u = () => t.closeOnEscape === !1 ? "none" : t.closeOnEscape === "inside" ? "inside" : t.closeOnEscape === "none" ? "none" : "always", g = () => t.blockHotkeys !== !1, w = () => t.restoreFocus !== !1;
+  T(() => {
     if (!t.open() || typeof document > "u") return;
-    const f = document.activeElement instanceof HTMLElement ? document.activeElement : null, g = u() ? O({ overflow: "hidden" }) : null;
-    k(() => {
+    const f = document.activeElement instanceof HTMLElement ? document.activeElement : null, L = c() ? M({ overflow: "hidden" }) : null;
+    p(() => {
       const e = t.root();
       if (!e) return;
       const n = t.autoFocus;
       if (n === !1) return;
-      const o = typeof n == "object" ? n.selector : void 0, a = (o ? e.querySelector(o) : null) ?? e.querySelector("[data-floe-autofocus]") ?? B(e) ?? e;
+      const o = typeof n == "object" ? n.selector : void 0, l = (o ? e.querySelector(o) : null) ?? e.querySelector("[data-floe-autofocus]") ?? D(e) ?? e;
       try {
-        a.focus();
+        l.focus();
       } catch {
       }
     });
@@ -28,7 +31,7 @@ function H(t) {
       if (e.key !== "Tab") return;
       const n = t.root();
       if (!n) return;
-      const o = T(n);
+      const o = B(n);
       if (!o.length) {
         e.preventDefault();
         try {
@@ -37,48 +40,50 @@ function H(t) {
         }
         return;
       }
-      const r = o[0], a = o[o.length - 1], l = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      const a = o[0], l = o[o.length - 1], s = document.activeElement instanceof HTMLElement ? document.activeElement : null;
       if (e.shiftKey) {
-        if (l === r || !l || !n.contains(l)) {
+        if (s === a || !s || !n.contains(s)) {
           e.preventDefault();
           try {
-            a.focus();
+            l.focus();
           } catch {
           }
         }
-      } else if (l === a) {
+      } else if (s === l) {
         e.preventDefault();
         try {
-          r.focus();
+          a.focus();
         } catch {
         }
       }
     }, m = (e) => {
       if (e.key !== "Escape") return;
-      const n = s();
-      if (n !== "none") {
-        if (n === "inside") {
-          const o = t.root();
-          if (!o) return;
-          const r = i(e.target) ? e.target : document.activeElement;
-          if (!r || !o.contains(r)) return;
+      const n = u();
+      if (n === "none") return;
+      const o = t.root(), a = i(o, b(e.target) ? e.target : document.activeElement, t.containsTarget);
+      if (n === "inside") {
+        if (a) {
+          e.preventDefault(), e.stopImmediatePropagation(), t.onClose?.();
+          return;
         }
-        e.preventDefault(), e.stopImmediatePropagation(), t.onClose?.();
+        t.onEscapeOutside && (e.preventDefault(), e.stopImmediatePropagation(), t.onEscapeOutside());
+        return;
       }
+      e.preventDefault(), e.stopImmediatePropagation(), t.onClose?.();
     }, v = (e) => {
       const n = t.root();
-      n && b() && i(e.target) && n.contains(e.target) && e.stopPropagation();
+      n && g() && i(n, e.target, t.containsTarget) && e.stopPropagation();
     }, y = (e) => {
       const n = t.blockWheel ?? "none", o = t.root();
-      p(o, e.target, n) && e.cancelable && e.preventDefault();
+      k(o, e.target, n, t.containsTarget) && e.cancelable && e.preventDefault();
     }, h = (e) => {
       e.stopPropagation();
     }, E = (e) => {
       const n = t.blockTouchMove ?? "none", o = t.root();
-      p(o, e.target, n) && e.cancelable && e.preventDefault();
+      k(o, e.target, n, t.containsTarget) && e.cancelable && e.preventDefault();
     };
-    c() && document.addEventListener("keydown", d, !0), s() !== "none" && window.addEventListener("keydown", m, !0), document.addEventListener("keydown", v), (t.blockWheel ?? "none") !== "none" && (document.addEventListener("wheel", y, { capture: !0, passive: !1 }), document.addEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.addEventListener("touchmove", E, { capture: !0, passive: !1 }), M(() => {
-      c() && document.removeEventListener("keydown", d, !0), s() !== "none" && window.removeEventListener("keydown", m, !0), document.removeEventListener("keydown", v), (t.blockWheel ?? "none") !== "none" && (document.removeEventListener("wheel", y, !0), document.removeEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.removeEventListener("touchmove", E, !0), g?.(), w() && f && f.isConnected && k(() => {
+    r() && document.addEventListener("keydown", d, !0), u() !== "none" && window.addEventListener("keydown", m, !0), document.addEventListener("keydown", v), (t.blockWheel ?? "none") !== "none" && (document.addEventListener("wheel", y, { capture: !0, passive: !1 }), document.addEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.addEventListener("touchmove", E, { capture: !0, passive: !1 }), O(() => {
+      r() && document.removeEventListener("keydown", d, !0), u() !== "none" && window.removeEventListener("keydown", m, !0), document.removeEventListener("keydown", v), (t.blockWheel ?? "none") !== "none" && (document.removeEventListener("wheel", y, !0), document.removeEventListener("wheel", h)), (t.blockTouchMove ?? "none") !== "none" && document.removeEventListener("touchmove", E, !0), L?.(), w() && f && f.isConnected && p(() => {
         if (typeof document > "u") return;
         const e = document.activeElement;
         if (!(e && e !== document.body && e !== document.documentElement))

package/dist/notes-legacy.css

@@ -1209,12 +1209,16 @@
   }
 
   .notes-trash-note__body {
-    flex: 1;
+    display: flex;
+    flex: 1 1 auto;
+    min-height: 0;
+    overflow: hidden;
     padding: 0.18rem 0.78rem 0.65rem;
   }
 
   .notes-trash-note__body span {
     display: -webkit-box;
+    width: 100%;
     overflow: hidden;
     color: color-mix(in srgb, var(--notes-ink) 92%, black 8%);
     font-size: 0.83rem;
@@ -1239,6 +1243,7 @@
 
   .notes-trash-note__actions {
     display: flex;
+    flex-shrink: 0;
     gap: 0.35rem;
     padding: 0 0.72rem 0.72rem;
     margin-top: auto;
@@ -1246,6 +1251,9 @@
 
   .notes-trash-note__actions button {
     flex: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     min-width: 0;
     padding: 0.44rem 0.1rem;
     cursor: pointer;
@@ -1253,6 +1261,7 @@
     color: color-mix(in srgb, var(--foreground) 84%, var(--muted-foreground));
     font-size: 0.68rem;
     font-weight: 650;
+    white-space: nowrap;
     transition:
       transform 140ms ease,
       color 140ms ease,