@floegence/floe-webapp-core 0.35.55 → 0.35.57

package/dist/components/notes/NotesOverlay.js

@@ -1,28 +1,41 @@
-import { createComponent as o, insert as i, addEventListener as v, effect as y, setAttribute as k, Portal as c, memo as x, template as u, delegateEvents as $ } from "solid-js/web";
-import { createEffect as D, onCleanup as I, Show as s } from "solid-js";
-import { Motion as T } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
-import { easing as E, duration as C } from "../../utils/animations.js";
-import { useOverlayMask as F } from "../../hooks/useOverlayMask.js";
-import { X as L } from "../icons/index.js";
-import { NotesBoard as R } from "./NotesBoard.js";
-import { NotesContextMenu as B } from "./NotesContextMenu.js";
-import { NotesEditorFlyout as P, NotesManualPasteFlyout as Z } from "./NotesEditorFlyout.js";
-import { NotesOverviewPanel as _ } from "./NotesOverviewPanel.js";
-import { NotesTopicRail as z } from "./NotesTopicRail.js";
-import { NotesTrashFlyout as W } from "./NotesTrashFlyout.js";
-import { NotesTrashCanIcon as q } from "./notesAppearance.js";
-import { useNotesOverlayModel as j } from "./useNotesOverlayModel.js";
-var A = /* @__PURE__ */ u('<header class=notes-overlay__header data-floe-canvas-interactive=true><div class=notes-overlay__header-brand><div class=notes-overlay__header-title>Notes</div><div class=notes-overlay__header-separator></div><div class=notes-overlay__header-stat> topics</div><div class=notes-overlay__header-stat> live note</div><div class=notes-overlay__header-stat> trash</div></div><div class=notes-overlay__header-actions><button type=button class=notes-overlay__close aria-label="Close notes overlay"data-floe-overlay-close=true>'), V = /* @__PURE__ */ u("<button type=button class=notes-trash__toggle><div class=notes-trash__toggle-mark>"), H = /* @__PURE__ */ u("<div class=notes-overlay__body><div class=notes-trash data-floe-canvas-interactive=true>"), U = /* @__PURE__ */ u("<div class=notes-overview-backdrop data-floe-notes-boundary=true>"), X = /* @__PURE__ */ u("<div class=notes-overview-flyout data-floe-notes-boundary=true>"), Y = /* @__PURE__ */ u("<div class=notes-menu-backdrop data-floe-notes-boundary=true>");
-const G = '[data-floe-notes-boundary="true"]';
-function J(r) {
-  return typeof Element < "u" && r instanceof Element ? r : typeof Node < "u" && r instanceof Node ? r.parentElement : null;
+import { createComponent as n, insert as c, addEventListener as h, effect as M, setAttribute as F, Portal as v, memo as R, template as m, delegateEvents as K } from "solid-js/web";
+import { createSignal as Z, createMemo as z, createEffect as C, onCleanup as O, Show as g } from "solid-js";
+import { Motion as E } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { easing as H, duration as I } from "../../utils/animations.js";
+import { useOverlayMask as W } from "../../hooks/useOverlayMask.js";
+import { X as A } from "../icons/index.js";
+import { useResolvedFloeConfig as q } from "../../context/FloeConfigContext.js";
+import { NotesBoard as G } from "./NotesBoard.js";
+import { NotesContextMenu as j } from "./NotesContextMenu.js";
+import { NotesEditorFlyout as V, NotesManualPasteFlyout as Y } from "./NotesEditorFlyout.js";
+import { NotesOverviewPanel as x } from "./NotesOverviewPanel.js";
+import { NotesTopicRail as U } from "./NotesTopicRail.js";
+import { NotesTrashFlyout as X } from "./NotesTrashFlyout.js";
+import { NotesTrashCanIcon as J } from "./notesAppearance.js";
+import { useNotesOverlayModel as Q } from "./useNotesOverlayModel.js";
+var ee = /* @__PURE__ */ m('<header class=notes-overlay__header data-floe-canvas-interactive=true><div class=notes-overlay__header-brand><div class=notes-overlay__header-title>Notes</div><div class=notes-overlay__header-separator></div><div class=notes-overlay__header-stat> topics</div><div class=notes-overlay__header-stat> live note</div><div class=notes-overlay__header-stat> trash</div></div><div class=notes-overlay__header-actions><button type=button class=notes-overlay__close aria-label="Close notes overlay"data-floe-overlay-close=true>'), te = /* @__PURE__ */ m("<button type=button class=notes-trash__toggle><div class=notes-trash__toggle-mark>"), oe = /* @__PURE__ */ m("<div class=notes-overlay__body><div class=notes-trash data-floe-canvas-interactive=true>"), re = /* @__PURE__ */ m("<div class=notes-overview-backdrop data-floe-notes-boundary=true>"), ne = /* @__PURE__ */ m("<div class=notes-overview-flyout data-floe-notes-boundary=true>"), ae = /* @__PURE__ */ m("<div class=notes-menu-backdrop data-floe-notes-boundary=true>");
+const ie = '[data-floe-notes-boundary="true"]', le = '[data-floe-notes-digit-browse="true"]', se = 'input, textarea, select, [contenteditable=""], [contenteditable="true"], [contenteditable="plaintext-only"], [role="textbox"]';
+function _(o) {
+  return typeof Element < "u" && o instanceof Element ? o : typeof Node < "u" && o instanceof Node ? o.parentElement : null;
 }
-function w(r) {
-  return !!J(r)?.closest(G);
+function y(o) {
+  return !!_(o)?.closest(ie);
 }
-function K(r) {
-  return r === "floating" ? {
-    mode: r,
+function w(o) {
+  return !!_(o)?.closest(le);
+}
+function B(o) {
+  return !!_(o)?.closest(se);
+}
+function ce(o) {
+  return o.key === "Shift" || o.key === "Meta" || o.key === "Alt" || o.key === "Control";
+}
+function ue(o) {
+  return /^\d$/.test(o.key) ? o.key : null;
+}
+function de(o) {
+  return o === "floating" ? {
+    mode: o,
     ariaModal: void 0,
     lockBodyScroll: !1,
     trapFocus: !1,
@@ -43,48 +56,90 @@ function K(r) {
     }
   };
 }
-function ge(r) {
-  const e = j(r);
-  let g;
-  const l = () => K(r.interactionMode), b = () => r.onClose();
-  return D(() => {
-    if (!r.open || l().mode !== "floating" || typeof document > "u") return;
-    const t = (n) => {
-      w(n.target) || queueMicrotask(b);
+function De(o) {
+  const S = q(), e = Q(o);
+  let p;
+  const [$, f] = Z(!1), s = () => de(o.interactionMode), k = () => o.onClose(), P = z(() => {
+    if (s().mode !== "floating")
+      return [];
+    const t = /* @__PURE__ */ new Set();
+    if (S.config.commands.palette.enabled) {
+      const a = S.config.commands.palette.keybind.trim();
+      a && t.add(a);
+    }
+    for (const a of o.allowGlobalHotkeys ?? []) {
+      const i = a.trim();
+      i && t.add(i);
+    }
+    return Array.from(t);
+  });
+  return C(() => {
+    if (!o.open || s().mode !== "floating" || typeof document > "u") return;
+    const t = (a) => {
+      y(a.target) || queueMicrotask(k);
     };
-    document.addEventListener("click", t, !0), I(() => document.removeEventListener("click", t, !0));
-  }), F({
-    open: () => r.open,
-    root: () => g,
+    document.addEventListener("click", t, !0), O(() => document.removeEventListener("click", t, !0));
+  }), W({
+    open: () => o.open,
+    root: () => p,
     onClose: () => e.handleCloseRequest(),
-    onEscapeOutside: l().mode === "floating" ? b : void 0,
-    containsTarget: w,
-    lockBodyScroll: l().lockBodyScroll,
-    trapFocus: l().trapFocus,
-    closeOnEscape: l().closeOnEscape,
+    onEscapeOutside: s().mode === "floating" ? k : void 0,
+    containsTarget: y,
+    lockBodyScroll: s().lockBodyScroll,
+    trapFocus: s().trapFocus,
+    closeOnEscape: s().closeOnEscape,
     blockHotkeys: !0,
-    blockWheel: l().blockWheel,
-    blockTouchMove: l().blockTouchMove,
-    autoFocus: l().autoFocus,
+    allowHotkeys: P,
+    blockWheel: s().blockWheel,
+    blockTouchMove: s().blockTouchMove,
+    autoFocus: s().autoFocus,
     restoreFocus: !0
-  }), o(s, {
+  }), C(() => {
+    o.open || (f(!1), e.shortcuts.clearPendingDigitState());
+  }), C(() => {
+    if (!o.open || typeof document > "u") return;
+    const t = () => {
+      f(!1), e.shortcuts.clearPendingDigitState();
+    }, a = (r) => {
+      const u = w(r.target), l = y(r.target);
+      f(u), (!l || !u) && e.shortcuts.clearPendingDigitState();
+    }, i = (r) => {
+      const u = w(r.target), l = y(r.target);
+      f(u), (!l || !u) && e.shortcuts.clearPendingDigitState();
+    }, d = (r) => {
+      const u = ue(r);
+      if (!u) {
+        ce(r) || e.shortcuts.clearPendingDigitState();
+        return;
+      }
+      const l = document.activeElement, T = w(l), b = $() && (!l || l === document.body || l === document.documentElement || l === p);
+      if (!(!r.defaultPrevented && !r.repeat && !r.isComposing && !r.altKey && !r.ctrlKey && !r.metaKey && !e.shortcuts.blocked() && !B(r.target) && !B(l) && (T || b))) {
+        t();
+        return;
+      }
+      r.preventDefault(), typeof r.stopImmediatePropagation == "function" ? r.stopImmediatePropagation() : r.stopPropagation(), e.shortcuts.handleDigitShortcut(u);
+    };
+    document.addEventListener("pointerdown", a, !0), document.addEventListener("focusin", i, !0), document.addEventListener("keydown", d, !0), O(() => {
+      document.removeEventListener("pointerdown", a, !0), document.removeEventListener("focusin", i, !0), document.removeEventListener("keydown", d, !0);
+    });
+  }), n(g, {
     get when() {
-      return r.open;
+      return o.open;
     },
     get children() {
-      return o(T.section, {
+      return n(E.section, {
         ref(t) {
-          var n = g;
-          typeof n == "function" ? n(t) : g = t;
+          var a = p;
+          typeof a == "function" ? a(t) : p = t;
         },
         class: "notes-overlay",
         role: "dialog",
         get "aria-modal"() {
-          return l().ariaModal;
+          return s().ariaModal;
         },
         "aria-label": "Notes overlay",
         get "data-notes-interaction-mode"() {
-          return l().mode;
+          return s().mode;
         },
         tabIndex: -1,
         initial: {
@@ -95,11 +150,11 @@ function ge(r) {
         },
         get transition() {
           return {
-            duration: C.fast
+            duration: I.fast
           };
         },
         get children() {
-          return [o(T.div, {
+          return [n(E.div, {
             class: "notes-overlay__frame",
             "data-floe-notes-boundary": "true",
             initial: {
@@ -114,19 +169,19 @@ function ge(r) {
             },
             get transition() {
               return {
-                duration: C.normal,
-                easing: E.easeOut
+                duration: I.normal,
+                easing: H.easeOut
               };
             },
             get children() {
               return [(() => {
-                var t = A(), n = t.firstChild, a = n.firstChild, m = a.nextSibling, p = m.nextSibling, N = p.firstChild, d = p.nextSibling, M = d.firstChild, f = d.nextSibling, S = f.firstChild, O = n.nextSibling, h = O.firstChild;
-                return i(p, () => e.header.topicCount(), N), i(d, () => e.header.totalLiveNotes(), M), i(d, () => e.header.totalLiveNotes() === 1 ? "" : "s", null), i(f, () => e.header.trashCount(), S), h.$$click = () => e.handleCloseRequest(), i(h, o(L, {
+                var t = ee(), a = t.firstChild, i = a.firstChild, d = i.nextSibling, r = d.nextSibling, u = r.firstChild, l = r.nextSibling, T = l.firstChild, b = l.nextSibling, N = b.firstChild, L = a.nextSibling, D = L.firstChild;
+                return c(r, () => e.header.topicCount(), u), c(l, () => e.header.totalLiveNotes(), T), c(l, () => e.header.totalLiveNotes() === 1 ? "" : "s", null), c(b, () => e.header.trashCount(), N), D.$$click = () => e.handleCloseRequest(), c(D, n(A, {
                   class: "w-4 h-4"
                 })), t;
               })(), (() => {
-                var t = H(), n = t.firstChild;
-                return i(t, o(z, {
+                var t = oe(), a = t.firstChild;
+                return c(t, n(U, {
                   get topics() {
                     return e.rail.topics();
                   },
@@ -166,10 +221,10 @@ function ge(r) {
                   get onCancelRename() {
                     return e.rail.cancelTopicRename;
                   },
-                  onDeleteTopic: (a) => {
-                    e.rail.deleteTopic(a);
+                  onDeleteTopic: (i) => {
+                    e.rail.deleteTopic(i);
                   }
-                }), n), i(t, o(R, {
+                }), a), c(t, n(G, {
                   get activeTopic() {
                     return e.board.activeTopic();
                   },
@@ -206,6 +261,12 @@ function ge(r) {
                   get copiedNoteID() {
                     return e.board.copiedNoteID();
                   },
+                  get noteNumberByID() {
+                    return e.board.noteNumberByID();
+                  },
+                  get pendingShortcutNoteID() {
+                    return e.board.pendingShortcutNoteID();
+                  },
                   get setCanvasFrameRef() {
                     return e.board.setCanvasFrameRef;
                   },
@@ -236,8 +297,8 @@ function ge(r) {
                   get onSeedMoveProjection() {
                     return e.board.seedMoveProjection;
                   },
-                  onCopyNote: (a) => {
-                    e.board.copyNote(a);
+                  onCopyNote: (i) => {
+                    e.board.copyNote(i);
                   },
                   get onOpenNoteContextMenu() {
                     return e.board.openNoteContextMenu;
@@ -245,8 +306,8 @@ function ge(r) {
                   get onOpenEditor() {
                     return e.board.openEditor;
                   },
-                  onMoveToTrash: (a) => {
-                    e.board.moveToTrash(a);
+                  onMoveToTrash: (i) => {
+                    e.board.moveToTrash(i);
                   },
                   get onStartOptimisticFront() {
                     return e.board.startOptimisticFront;
@@ -257,12 +318,12 @@ function ge(r) {
                   get onCommitMove() {
                     return e.board.commitMove;
                   }
-                }), n), i(t, o(s, {
+                }), a), c(t, n(g, {
                   get when() {
                     return !e.board.isMobile();
                   },
                   get children() {
-                    return o(_, {
+                    return n(x, {
                       mode: "desktop",
                       get items() {
                         return e.overview.items();
@@ -287,32 +348,32 @@ function ge(r) {
                       }
                     });
                   }
-                }), n), i(n, o(s, {
+                }), a), c(a, n(g, {
                   get when() {
                     return !e.trash.open();
                   },
                   get children() {
-                    var a = V(), m = a.firstChild;
-                    return v(a, "click", e.trash.openDock, !0), i(m, o(q, {
+                    var i = te(), d = i.firstChild;
+                    return h(i, "click", e.trash.openDock, !0), c(d, n(J, {
                       class: "notes-trash__toggle-icon"
-                    })), y(() => k(a, "aria-label", `Open trash dock${e.trash.count() > 0 ? `, ${e.trash.count()} items` : ""}`)), a;
+                    })), M(() => F(i, "aria-label", `Open trash dock${e.trash.count() > 0 ? `, ${e.trash.count()} items` : ""}`)), i;
                   }
-                })), y(() => n.classList.toggle("is-open", !!e.trash.open())), t;
+                })), M(() => a.classList.toggle("is-open", !!e.trash.open())), t;
               })()];
             }
-          }), o(s, {
+          }), n(g, {
             get when() {
-              return x(() => !!e.board.isMobile())() && e.board.overviewOpen();
+              return R(() => !!e.board.isMobile())() && e.board.overviewOpen();
             },
             get children() {
-              return o(c, {
+              return n(v, {
                 get children() {
                   return [(() => {
-                    var t = U();
-                    return v(t, "click", e.overview.close, !0), t;
+                    var t = re();
+                    return h(t, "click", e.overview.close, !0), t;
                   })(), (() => {
-                    var t = X();
-                    return i(t, o(_, {
+                    var t = ne();
+                    return c(t, n(x, {
                       mode: "mobile",
                       get items() {
                         return e.overview.items();
@@ -343,9 +404,9 @@ function ge(r) {
                 }
               });
             }
-          }), o(c, {
+          }), n(v, {
             get children() {
-              return o(W, {
+              return n(X, {
                 get open() {
                   return e.trash.open();
                 },
@@ -375,17 +436,17 @@ function ge(r) {
                 }
               });
             }
-          }), o(s, {
+          }), n(g, {
             get when() {
               return e.contextMenu.state();
             },
             get children() {
-              return o(c, {
+              return n(v, {
                 get children() {
                   return [(() => {
-                    var t = Y();
-                    return v(t, "contextmenu", e.contextMenu.retarget, !0), v(t, "click", e.contextMenu.close, !0), t;
-                  })(), o(B, {
+                    var t = ae();
+                    return h(t, "contextmenu", e.contextMenu.retarget, !0), h(t, "click", e.contextMenu.close, !0), t;
+                  })(), n(j, {
                     get x() {
                       return e.contextMenu.position()?.left ?? 0;
                     },
@@ -399,14 +460,14 @@ function ge(r) {
                 }
               });
             }
-          }), o(s, {
+          }), n(g, {
             get when() {
               return !!e.editor.note();
             },
             get children() {
-              return o(c, {
+              return n(v, {
                 get children() {
-                  return o(P, {
+                  return n(V, {
                     get note() {
                       return e.editor.note();
                     },
@@ -438,9 +499,9 @@ function ge(r) {
                 }
               });
             }
-          }), o(c, {
+          }), n(v, {
             get children() {
-              return o(Z, {
+              return n(Y, {
                 get open() {
                   return e.manualPaste.open();
                 },
@@ -464,7 +525,7 @@ function ge(r) {
     }
   });
 }
-$(["click", "contextmenu"]);
+K(["click", "contextmenu"]);
 export {
-  ge as NotesOverlay
+  De as NotesOverlay
 };

package/dist/components/notes/notesNumbering.d.ts

@@ -0,0 +1,18 @@
+import type { NotesItem } from './types';
+export interface NotesNumberedItem {
+    readonly item: NotesItem;
+    readonly index: number;
+    readonly label: string;
+}
+export type NotesDigitSequenceResolution = Readonly<{
+    kind: 'invalid';
+}> | Readonly<{
+    kind: 'pending';
+    exactMatch: NotesNumberedItem | null;
+}> | Readonly<{
+    kind: 'ready';
+    match: NotesNumberedItem;
+}>;
+export declare function sortNotesForNumbering(items: readonly NotesItem[]): NotesItem[];
+export declare function numberNotesInTopic(items: readonly NotesItem[], topicID: string): NotesNumberedItem[];
+export declare function resolveNotesDigitSequence(sequence: string, numberedItems: readonly NotesNumberedItem[]): NotesDigitSequenceResolution;

package/dist/components/notes/notesNumbering.js

@@ -0,0 +1,28 @@
+function o(i) {
+  return [...i].sort(
+    (e, n) => e.created_at_unix_ms !== n.created_at_unix_ms ? e.created_at_unix_ms - n.created_at_unix_ms : e.note_id.localeCompare(n.note_id)
+  );
+}
+function c(i, e) {
+  return o(i.filter((n) => n.topic_id === e)).map(
+    (n, t) => ({
+      item: n,
+      index: t + 1,
+      label: String(t + 1)
+    })
+  );
+}
+function d(i, e) {
+  const n = String(i ?? "").trim();
+  if (!/^[1-9]\d*$/.test(n))
+    return { kind: "invalid" };
+  const t = e.find((r) => r.label === n) ?? null, a = e.some(
+    (r) => r.label.startsWith(n) && r.label !== n
+  );
+  return t && !a ? { kind: "ready", match: t } : t || a ? { kind: "pending", exactMatch: t } : { kind: "invalid" };
+}
+export {
+  c as numberNotesInTopic,
+  d as resolveNotesDigitSequence,
+  o as sortNotesForNumbering
+};

package/dist/components/notes/useNotesOverlayModel.d.ts

@@ -89,6 +89,8 @@ export declare function useNotesOverlayModel(options: UseNotesOverlayModelOption
         overviewOpen: import("solid-js").Accessor<boolean>;
         optimisticFrontNoteID: import("solid-js").Accessor<string | null>;
         copiedNoteID: import("solid-js").Accessor<string | null>;
+        noteNumberByID: import("solid-js").Accessor<Map<string, string>>;
+        pendingShortcutNoteID: import("solid-js").Accessor<string | null>;
         setCanvasFrameRef: import("solid-js").Setter<HTMLDivElement | undefined>;
         commitViewport: (viewport: NotesViewport) => void;
         openCanvasContextMenu: (event: {
@@ -203,5 +205,10 @@ export declare function useNotesOverlayModel(options: UseNotesOverlayModelOption
         close: () => void;
         confirm: () => Promise<void>;
     };
+    shortcuts: {
+        blocked: import("solid-js").Accessor<boolean>;
+        handleDigitShortcut: (digit: string) => void;
+        clearPendingDigitState: () => void;
+    };
     handleCloseRequest: () => void;
 };