@floegence/floe-webapp-core 0.35.56 → 0.35.57

package/dist/components/notes/NotesOverlay.js

@@ -1,29 +1,41 @@
-import { createComponent as o, insert as l, addEventListener as v, effect as T, setAttribute as $, Portal as u, memo as D, template as c, delegateEvents as I } from "solid-js/web";
-import { createMemo as F, createEffect as E, onCleanup as R, Show as s } from "solid-js";
-import { Motion as C } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
-import { easing as L, duration as _ } from "../../utils/animations.js";
-import { useOverlayMask as B } from "../../hooks/useOverlayMask.js";
-import { X as P } from "../icons/index.js";
-import { useResolvedFloeConfig as Z } from "../../context/FloeConfigContext.js";
-import { NotesBoard as z } from "./NotesBoard.js";
-import { NotesContextMenu as H } from "./NotesContextMenu.js";
-import { NotesEditorFlyout as W, NotesManualPasteFlyout as q } from "./NotesEditorFlyout.js";
-import { NotesOverviewPanel as w } from "./NotesOverviewPanel.js";
-import { NotesTopicRail as A } from "./NotesTopicRail.js";
-import { NotesTrashFlyout as j } from "./NotesTrashFlyout.js";
-import { NotesTrashCanIcon as K } from "./notesAppearance.js";
-import { useNotesOverlayModel as V } from "./useNotesOverlayModel.js";
-var G = /* @__PURE__ */ c('<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>'), U = /* @__PURE__ */ c("<button type=button class=notes-trash__toggle><div class=notes-trash__toggle-mark>"), X = /* @__PURE__ */ c("<div class=notes-overlay__body><div class=notes-trash data-floe-canvas-interactive=true>"), Y = /* @__PURE__ */ c("<div class=notes-overview-backdrop data-floe-notes-boundary=true>"), J = /* @__PURE__ */ c("<div class=notes-overview-flyout data-floe-notes-boundary=true>"), Q = /* @__PURE__ */ c("<div class=notes-menu-backdrop data-floe-notes-boundary=true>");
-const ee = '[data-floe-notes-boundary="true"]';
-function te(n) {
-  return typeof Element < "u" && n instanceof Element ? n : typeof Node < "u" && n instanceof Node ? n.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 k(n) {
-  return !!te(n)?.closest(ee);
+function y(o) {
+  return !!_(o)?.closest(ie);
 }
-function oe(n) {
-  return n === "floating" ? {
-    mode: n,
+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,
@@ -44,62 +56,90 @@ function oe(n) {
     }
   };
 }
-function he(n) {
-  const b = Z(), e = V(n);
-  let g;
-  const i = () => oe(n.interactionMode), f = () => n.onClose(), M = F(() => {
-    if (i().mode !== "floating")
+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 (b.config.commands.palette.enabled) {
-      const r = b.config.commands.palette.keybind.trim();
-      r && t.add(r);
-    }
-    for (const r of n.allowGlobalHotkeys ?? []) {
-      const a = r.trim();
+    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 E(() => {
-    if (!n.open || i().mode !== "floating" || typeof document > "u") return;
-    const t = (r) => {
-      k(r.target) || queueMicrotask(f);
+  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), R(() => document.removeEventListener("click", t, !0));
-  }), B({
-    open: () => n.open,
-    root: () => g,
+    document.addEventListener("click", t, !0), O(() => document.removeEventListener("click", t, !0));
+  }), W({
+    open: () => o.open,
+    root: () => p,
     onClose: () => e.handleCloseRequest(),
-    onEscapeOutside: i().mode === "floating" ? f : void 0,
-    containsTarget: k,
-    lockBodyScroll: i().lockBodyScroll,
-    trapFocus: i().trapFocus,
-    closeOnEscape: i().closeOnEscape,
+    onEscapeOutside: s().mode === "floating" ? k : void 0,
+    containsTarget: y,
+    lockBodyScroll: s().lockBodyScroll,
+    trapFocus: s().trapFocus,
+    closeOnEscape: s().closeOnEscape,
     blockHotkeys: !0,
-    allowHotkeys: M,
-    blockWheel: i().blockWheel,
-    blockTouchMove: i().blockTouchMove,
-    autoFocus: i().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 n.open;
+      return o.open;
     },
     get children() {
-      return o(C.section, {
+      return n(E.section, {
         ref(t) {
-          var r = g;
-          typeof r == "function" ? r(t) : g = t;
+          var a = p;
+          typeof a == "function" ? a(t) : p = t;
         },
         class: "notes-overlay",
         role: "dialog",
         get "aria-modal"() {
-          return i().ariaModal;
+          return s().ariaModal;
         },
         "aria-label": "Notes overlay",
         get "data-notes-interaction-mode"() {
-          return i().mode;
+          return s().mode;
         },
         tabIndex: -1,
         initial: {
@@ -110,11 +150,11 @@ function he(n) {
         },
         get transition() {
           return {
-            duration: _.fast
+            duration: I.fast
           };
         },
         get children() {
-          return [o(C.div, {
+          return [n(E.div, {
             class: "notes-overlay__frame",
             "data-floe-notes-boundary": "true",
             initial: {
@@ -129,19 +169,19 @@ function he(n) {
             },
             get transition() {
               return {
-                duration: _.normal,
-                easing: L.easeOut
+                duration: I.normal,
+                easing: H.easeOut
               };
             },
             get children() {
               return [(() => {
-                var t = G(), r = t.firstChild, a = r.firstChild, m = a.nextSibling, p = m.nextSibling, N = p.firstChild, d = p.nextSibling, S = d.firstChild, h = d.nextSibling, O = h.firstChild, x = r.nextSibling, y = x.firstChild;
-                return l(p, () => e.header.topicCount(), N), l(d, () => e.header.totalLiveNotes(), S), l(d, () => e.header.totalLiveNotes() === 1 ? "" : "s", null), l(h, () => e.header.trashCount(), O), y.$$click = () => e.handleCloseRequest(), l(y, o(P, {
+                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 = X(), r = t.firstChild;
-                return l(t, o(A, {
+                var t = oe(), a = t.firstChild;
+                return c(t, n(U, {
                   get topics() {
                     return e.rail.topics();
                   },
@@ -181,10 +221,10 @@ function he(n) {
                   get onCancelRename() {
                     return e.rail.cancelTopicRename;
                   },
-                  onDeleteTopic: (a) => {
-                    e.rail.deleteTopic(a);
+                  onDeleteTopic: (i) => {
+                    e.rail.deleteTopic(i);
                   }
-                }), r), l(t, o(z, {
+                }), a), c(t, n(G, {
                   get activeTopic() {
                     return e.board.activeTopic();
                   },
@@ -221,6 +261,12 @@ function he(n) {
                   get copiedNoteID() {
                     return e.board.copiedNoteID();
                   },
+                  get noteNumberByID() {
+                    return e.board.noteNumberByID();
+                  },
+                  get pendingShortcutNoteID() {
+                    return e.board.pendingShortcutNoteID();
+                  },
                   get setCanvasFrameRef() {
                     return e.board.setCanvasFrameRef;
                   },
@@ -251,8 +297,8 @@ function he(n) {
                   get onSeedMoveProjection() {
                     return e.board.seedMoveProjection;
                   },
-                  onCopyNote: (a) => {
-                    e.board.copyNote(a);
+                  onCopyNote: (i) => {
+                    e.board.copyNote(i);
                   },
                   get onOpenNoteContextMenu() {
                     return e.board.openNoteContextMenu;
@@ -260,8 +306,8 @@ function he(n) {
                   get onOpenEditor() {
                     return e.board.openEditor;
                   },
-                  onMoveToTrash: (a) => {
-                    e.board.moveToTrash(a);
+                  onMoveToTrash: (i) => {
+                    e.board.moveToTrash(i);
                   },
                   get onStartOptimisticFront() {
                     return e.board.startOptimisticFront;
@@ -272,12 +318,12 @@ function he(n) {
                   get onCommitMove() {
                     return e.board.commitMove;
                   }
-                }), r), l(t, o(s, {
+                }), a), c(t, n(g, {
                   get when() {
                     return !e.board.isMobile();
                   },
                   get children() {
-                    return o(w, {
+                    return n(x, {
                       mode: "desktop",
                       get items() {
                         return e.overview.items();
@@ -302,32 +348,32 @@ function he(n) {
                       }
                     });
                   }
-                }), r), l(r, o(s, {
+                }), a), c(a, n(g, {
                   get when() {
                     return !e.trash.open();
                   },
                   get children() {
-                    var a = U(), m = a.firstChild;
-                    return v(a, "click", e.trash.openDock, !0), l(m, o(K, {
+                    var i = te(), d = i.firstChild;
+                    return h(i, "click", e.trash.openDock, !0), c(d, n(J, {
                       class: "notes-trash__toggle-icon"
-                    })), T(() => $(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;
                   }
-                })), T(() => r.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 D(() => !!e.board.isMobile())() && e.board.overviewOpen();
+              return R(() => !!e.board.isMobile())() && e.board.overviewOpen();
             },
             get children() {
-              return o(u, {
+              return n(v, {
                 get children() {
                   return [(() => {
-                    var t = Y();
-                    return v(t, "click", e.overview.close, !0), t;
+                    var t = re();
+                    return h(t, "click", e.overview.close, !0), t;
                   })(), (() => {
-                    var t = J();
-                    return l(t, o(w, {
+                    var t = ne();
+                    return c(t, n(x, {
                       mode: "mobile",
                       get items() {
                         return e.overview.items();
@@ -358,9 +404,9 @@ function he(n) {
                 }
               });
             }
-          }), o(u, {
+          }), n(v, {
             get children() {
-              return o(j, {
+              return n(X, {
                 get open() {
                   return e.trash.open();
                 },
@@ -390,17 +436,17 @@ function he(n) {
                 }
               });
             }
-          }), o(s, {
+          }), n(g, {
             get when() {
               return e.contextMenu.state();
             },
             get children() {
-              return o(u, {
+              return n(v, {
                 get children() {
                   return [(() => {
-                    var t = Q();
-                    return v(t, "contextmenu", e.contextMenu.retarget, !0), v(t, "click", e.contextMenu.close, !0), t;
-                  })(), o(H, {
+                    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;
                     },
@@ -414,14 +460,14 @@ function he(n) {
                 }
               });
             }
-          }), o(s, {
+          }), n(g, {
             get when() {
               return !!e.editor.note();
             },
             get children() {
-              return o(u, {
+              return n(v, {
                 get children() {
-                  return o(W, {
+                  return n(V, {
                     get note() {
                       return e.editor.note();
                     },
@@ -453,9 +499,9 @@ function he(n) {
                 }
               });
             }
-          }), o(u, {
+          }), n(v, {
             get children() {
-              return o(q, {
+              return n(Y, {
                 get open() {
                   return e.manualPaste.open();
                 },
@@ -479,7 +525,7 @@ function he(n) {
     }
   });
 }
-I(["click", "contextmenu"]);
+K(["click", "contextmenu"]);
 export {
-  he 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;
 };