@floegence/floe-webapp-core 0.35.42 → 0.35.44

package/dist/components/notes/NotesTrashFlyout.js

@@ -0,0 +1,90 @@
+import { createComponent as r, insert as t, className as D, effect as O, setStyleProperty as N, template as a, delegateEvents as Q } from "solid-js/web";
+import { Show as u, For as P } from "solid-js";
+import { X as U } from "../icons/index.js";
+import { NotesAnimalIcon as V, NotesTrashCanIcon as W } from "./notesAppearance.js";
+import { topicAccentClass as Y, notePreviewMetrics as Z, getNotePreviewText as tt, formatDeletedTimestamp as et, formatRemainingTrashTime as st, noteColorClass as nt } from "./notesOverlayHelpers.js";
+var it = /* @__PURE__ */ a("<div class=notes-trash-backdrop>"), lt = /* @__PURE__ */ a("<div class=notes-trash__sections>"), ot = /* @__PURE__ */ a('<div class=notes-trash__flyout><div class=notes-trash__panel><div class=notes-trash__panel-header><div class=notes-trash__panel-title-group><div class=notes-trash__panel-title-row><div class=notes-trash__panel-title>Trash Dock</div><div class=notes-trash__panel-header-actions><div class=notes-trash__panel-count> items</div><button type=button class=notes-trash__panel-close aria-label="Close trash dock"></button></div></div><div class=notes-trash__panel-body>Grouped by topic, sorted by latest deletion, and recoverable for 72 hours.'), rt = /* @__PURE__ */ a("<div class=notes-trash__empty><div><strong>Trash is empty</strong><span>Deleted notes from any topic will appear here."), at = /* @__PURE__ */ a("<section class=notes-trash-section><div class=notes-trash-section__header><div class=notes-trash-section__title-group><div class=notes-trash-section__title-line><div></div><div class=notes-trash-section__title></div></div><div class=notes-trash-section__meta> deleted note</div></div><button type=button class=notes-trash-section__clear>Clear topic trash</button></div><div class=notes-trash-section__grid>"), ct = /* @__PURE__ */ a("<button type=button class=is-danger>Delete now"), _t = /* @__PURE__ */ a("<article><div class=notes-note__surface><div class=notes-trash-note__meta><span></span><strong></strong></div><div class=notes-trash-note__body><span></span></div><div class=notes-trash-note__actions><button type=button>Restore");
+function mt(s) {
+  return r(u, {
+    get when() {
+      return s.open;
+    },
+    get children() {
+      return [(() => {
+        var c = it();
+        return c.$$contextmenu = (l) => {
+          l.preventDefault(), l.stopPropagation(), s.onBackdropContextMenu?.(l);
+        }, c.$$click = () => s.onClose(), c;
+      })(), (() => {
+        var c = ot(), l = c.firstChild, R = l.firstChild, z = R.firstChild, A = z.firstChild, F = A.firstChild, I = F.nextSibling, d = I.firstChild, M = d.firstChild, m = d.nextSibling;
+        return l.$$contextmenu = (e) => {
+          e.preventDefault(), e.stopPropagation();
+        }, l.$$pointerdown = (e) => e.stopPropagation(), t(d, () => s.groups.reduce((e, n) => e + n.items.length, 0), M), m.$$click = () => s.onClose(), t(m, r(U, {
+          class: "w-4 h-4"
+        })), t(l, r(u, {
+          get when() {
+            return s.groups.length > 0;
+          },
+          get fallback() {
+            return (() => {
+              var e = rt(), n = e.firstChild;
+              return t(e, r(W, {
+                class: "notes-trash__empty-icon"
+              }), n), e;
+            })();
+          },
+          get children() {
+            var e = lt();
+            return t(e, r(P, {
+              get each() {
+                return s.groups;
+              },
+              children: (n) => {
+                const B = Y(n.topic_icon_accent);
+                return (() => {
+                  var p = at(), g = p.firstChild, f = g.firstChild, C = f.firstChild, h = C.firstChild, E = h.nextSibling, $ = C.nextSibling, G = $.firstChild, K = f.nextSibling, X = g.nextSibling;
+                  return D(h, `notes-topic-mark notes-topic-mark--trash ${B}`), t(h, r(V, {
+                    get iconKey() {
+                      return n.topic_icon_key;
+                    },
+                    class: "notes-topic-mark__icon"
+                  })), t(E, () => n.topic_name), t($, () => n.items.length, G), t($, () => n.items.length === 1 ? "" : "s", null), K.$$click = () => s.onClearTopicTrash(n.topic_id), t(X, r(P, {
+                    get each() {
+                      return n.items;
+                    },
+                    children: (o) => {
+                      const v = Z(o), j = tt(o.body, v.preview_limit);
+                      return (() => {
+                        var _ = _t(), q = _.firstChild, b = q.firstChild, w = b.firstChild, H = w.nextSibling, x = b.nextSibling, J = x.firstChild, y = x.nextSibling, L = y.firstChild;
+                        return t(w, () => et(o.deleted_at_unix_ms)), t(H, () => st(o.deleted_at_unix_ms, s.now)), t(J, j), L.$$click = () => s.onRestore(o.note_id), t(y, r(u, {
+                          get when() {
+                            return s.canDeleteNow;
+                          },
+                          get children() {
+                            var i = ct();
+                            return i.$$click = () => s.onDeleteNow(o.note_id), i;
+                          }
+                        }), null), O((i) => {
+                          var k = `notes-note notes-trash-note ${nt(o.color_token)} notes-note--size-${o.size_bucket - 1}`, S = `${v.width}px`, T = `${v.height}px`;
+                          return k !== i.e && D(_, i.e = k), S !== i.t && N(_, "--note-width", i.t = S), T !== i.a && N(_, "--note-height", i.a = T), i;
+                        }, {
+                          e: void 0,
+                          t: void 0,
+                          a: void 0
+                        }), _;
+                      })();
+                    }
+                  })), p;
+                })();
+              }
+            })), e;
+          }
+        }), null), c;
+      })()];
+    }
+  });
+}
+Q(["click", "contextmenu", "pointerdown"]);
+export {
+  mt as NotesTrashFlyout
+};

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

@@ -1,4 +1,4 @@
-export { NotesOverlay, type NotesOverlayProps } from './NotesOverlay';
+export { NotesOverlay, type NotesOverlayInteractionMode, type NotesOverlayProps, } from './NotesOverlay';
 export { NotesContextMenu, estimateNotesContextMenuHeight, NOTES_CONTEXT_MENU_WIDTH_PX, type NotesContextMenuItem } from './NotesContextMenu';
 export { NOTE_COLOR_LABELS, TOPIC_ACCENT_LABELS, NotesAnimalIcon, NotesOverlayIcon, NotesTrashCanIcon, } from './notesAppearance';
 export * from './types';

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

@@ -0,0 +1,93 @@
+import { type NoteColorToken, type NotesItem, type NotesPoint, type NotesRect, type NotesTrashItem, type NotesViewport, type TopicAccentToken } from './types';
+export declare const NOTES_TRASH_RETENTION_MS: number;
+export declare const NOTES_CANVAS_ZOOM_STEP = 1.18;
+export declare const NOTES_DEFAULT_FRAME_WIDTH = 1280;
+export declare const NOTES_DEFAULT_FRAME_HEIGHT = 880;
+export declare const NOTES_MOBILE_BREAKPOINT_PX = 960;
+export interface NotesCanvasPlacement {
+    topicID: string;
+    worldX: number;
+    worldY: number;
+}
+export interface NotesContextMenuState extends NotesCanvasPlacement {
+    clientX: number;
+    clientY: number;
+    noteID?: string | null;
+}
+export interface NotesOverviewBounds extends NotesRect {
+    width: number;
+    height: number;
+}
+export interface NotesOverviewViewportMetrics {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    centerX: number;
+    centerY: number;
+}
+export interface NotesOverviewNavigationState {
+    pointerId: number;
+    bounds: NotesOverviewBounds;
+    surfaceRect: DOMRect;
+    centerOffsetX: number;
+    centerOffsetY: number;
+}
+export declare function clamp(value: number, min: number, max: number): number;
+export declare function clampOverviewCenter(center: number, span: number, min: number, max: number): number;
+export declare function getNormalizedOverviewPoint(clientX: number, clientY: number, rect: DOMRect): {
+    x: number;
+    y: number;
+};
+export declare function normalizeNoteText(text: string): string;
+export declare function getNotePreviewText(text: string, limit: number): string;
+export declare function formatRemainingTrashTime(deletedAtUnixMs: number, now?: number): string;
+export declare function formatDeletedTimestamp(timestamp: number): string;
+export declare function noteColorClass(token: NoteColorToken): string;
+export declare function topicAccentClass(token: TopicAccentToken): string;
+export declare function buildOverviewBounds(rect: NotesRect): NotesOverviewBounds;
+export declare function resolveOverviewBounds(boardBounds: NotesRect, visibleRect: NotesRect): NotesOverviewBounds;
+export declare function resolveFrameSize(frame: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+};
+export declare function resolveCenteredViewport(options: {
+    viewport: NotesViewport;
+    frame: {
+        width: number;
+        height: number;
+    };
+    bounds: NotesOverviewBounds;
+    worldX: number;
+    worldY: number;
+    scale?: number;
+}): NotesViewport;
+export declare function createOverviewItem(item: NotesItem, bounds: NotesOverviewBounds): {
+    id: string;
+    className: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare function createContextMenuPosition(options: {
+    clientX: number;
+    clientY: number;
+    menuWidth: number;
+    menuHeight: number;
+}): {
+    left: number;
+    top: number;
+};
+export declare function notePreviewMetrics(item: NotesItem): Readonly<{
+    width: number;
+    height: number;
+    preview_lines: number;
+    preview_limit: number;
+}>;
+export declare function hasLiveNotesForTopic(items: readonly NotesItem[], topicID: string): number;
+export declare function findTrashTopicNoteCount(items: readonly NotesTrashItem[], topicID: string): number;
+export declare function samePoint(left: NotesPoint, right: NotesPoint): boolean;

package/dist/components/notes/notesOverlayHelpers.js

@@ -0,0 +1,159 @@
+import { NOTE_BUCKET_METRICS as c, clampScale as u, centerViewportOnWorldPoint as d } from "./types.js";
+const l = 4320 * 60 * 1e3, E = 1.18, s = 1280, f = 880, X = 960, w = Object.freeze({
+  amber: "butter",
+  azure: "mist",
+  coral: "coral",
+  graphite: "sand",
+  rose: "blush",
+  sage: "moss"
+}), x = Object.freeze({
+  berry: "rose",
+  ember: "coral",
+  gold: "amber",
+  ink: "plum",
+  moss: "mint",
+  sea: "sky"
+});
+function a(e, t, n) {
+  return Math.max(t, Math.min(n, e));
+}
+function m(e, t, n, i) {
+  const r = i - n;
+  return !Number.isFinite(r) || r <= 0 ? e : t >= r ? n + r / 2 : a(e, n + t / 2, i - t / 2);
+}
+function N(e, t, n) {
+  return {
+    x: a((e - n.left) / n.width, 0, 1),
+    y: a((t - n.top) / n.height, 0, 1)
+  };
+}
+function T(e) {
+  return String(e ?? "").replace(/\r\n/g, `
+`).trim();
+}
+function S(e, t) {
+  const n = T(e).replace(/\n{3,}/g, `
+
+`);
+  return n ? n.length <= t ? n : `${n.slice(0, Math.max(0, t - 1)).trimEnd()}...` : "Empty note";
+}
+function Y(e, t = Date.now()) {
+  const n = Math.max(0, l - (t - e)), i = Math.ceil(n / (3600 * 1e3));
+  if (i >= 24) {
+    const r = Math.floor(i / 24), o = i % 24;
+    return o === 0 ? `${r}d left` : `${r}d ${o}h left`;
+  }
+  return `${Math.max(1, i)}h left`;
+}
+function v(e) {
+  return new Intl.DateTimeFormat(void 0, {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(e);
+}
+function _(e) {
+  return `notes-note--${w[e]}`;
+}
+function C(e) {
+  return `notes-topic-tone--${x[e]}`;
+}
+function g(e) {
+  return {
+    ...e,
+    width: e.maxX - e.minX,
+    height: e.maxY - e.minY
+  };
+}
+function y(e, t) {
+  const n = t.maxX - t.minX, i = t.maxY - t.minY;
+  return g({
+    minX: Math.min(e.minX - n / 2, t.minX),
+    minY: Math.min(e.minY - i / 2, t.minY),
+    maxX: Math.max(e.maxX + n / 2, t.maxX),
+    maxY: Math.max(e.maxY + i / 2, t.maxY)
+  });
+}
+function M(e) {
+  return {
+    width: e.width > 0 ? e.width : typeof window > "u" ? s : window.innerWidth,
+    height: e.height > 0 ? e.height : typeof window > "u" ? f : window.innerHeight
+  };
+}
+function A(e) {
+  const t = u(e.scale ?? e.viewport.scale), n = M(e.frame), i = n.width / t, r = n.height / t, o = m(
+    e.worldX,
+    i,
+    e.bounds.minX,
+    e.bounds.maxX
+  ), h = m(
+    e.worldY,
+    r,
+    e.bounds.minY,
+    e.bounds.maxY
+  );
+  return d(
+    { ...e.viewport, scale: t },
+    o,
+    h,
+    n.width,
+    n.height
+  );
+}
+function F(e, t) {
+  const n = c[e.size_bucket];
+  return {
+    id: e.note_id,
+    className: _(e.color_token),
+    x: (e.x - t.minX) / t.width * 100,
+    y: (e.y - t.minY) / t.height * 100,
+    width: n.width / t.width * 100,
+    height: n.height / t.height * 100
+  };
+}
+function p(e) {
+  const t = typeof window > "u" ? e.clientX : window.innerWidth - e.menuWidth, n = typeof window > "u" ? e.clientY : window.innerHeight - e.menuHeight;
+  return {
+    left: Math.max(16, Math.min(e.clientX, t)),
+    top: Math.max(16, Math.min(e.clientY, n))
+  };
+}
+function I(e) {
+  return c[e.size_bucket];
+}
+function W(e, t) {
+  return e.reduce((n, i) => n + (i.topic_id === t ? 1 : 0), 0);
+}
+function H(e, t) {
+  return e.reduce((n, i) => n + (i.topic_id === t ? 1 : 0), 0);
+}
+function P(e, t) {
+  return e.x === t.x && e.y === t.y;
+}
+export {
+  E as NOTES_CANVAS_ZOOM_STEP,
+  f as NOTES_DEFAULT_FRAME_HEIGHT,
+  s as NOTES_DEFAULT_FRAME_WIDTH,
+  X as NOTES_MOBILE_BREAKPOINT_PX,
+  l as NOTES_TRASH_RETENTION_MS,
+  g as buildOverviewBounds,
+  a as clamp,
+  m as clampOverviewCenter,
+  p as createContextMenuPosition,
+  F as createOverviewItem,
+  H as findTrashTopicNoteCount,
+  v as formatDeletedTimestamp,
+  Y as formatRemainingTrashTime,
+  N as getNormalizedOverviewPoint,
+  S as getNotePreviewText,
+  W as hasLiveNotesForTopic,
+  T as normalizeNoteText,
+  _ as noteColorClass,
+  I as notePreviewMetrics,
+  A as resolveCenteredViewport,
+  M as resolveFrameSize,
+  y as resolveOverviewBounds,
+  P as samePoint,
+  C as topicAccentClass
+};

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

@@ -0,0 +1,196 @@
+import { type JSX } from 'solid-js';
+import { type NotesContextMenuItem } from './NotesContextMenu';
+import { type NotesContextMenuState, type NotesOverviewNavigationState } from './notesOverlayHelpers';
+import { type NotesController, type NotesItem, type NotesTopic, type NotesViewport } from './types';
+export interface UseNotesOverlayModelOptions {
+    open: boolean;
+    onClose: () => void;
+    controller: NotesController;
+}
+export declare function useNotesOverlayModel(options: UseNotesOverlayModelOptions): {
+    header: {
+        topicCount: import("solid-js").Accessor<number>;
+        totalLiveNotes: import("solid-js").Accessor<number>;
+        trashCount: import("solid-js").Accessor<number>;
+    };
+    rail: {
+        topics: import("solid-js").Accessor<Readonly<{
+            topic_id: string;
+            name: string;
+            icon_key: import("./types").TopicIconKey;
+            icon_accent: import("./types").TopicAccentToken;
+            sort_order: number;
+            created_at_unix_ms: number;
+            updated_at_unix_ms: number;
+            deleted_at_unix_ms: number;
+        }>[]>;
+        activeTopicID: import("solid-js").Accessor<string>;
+        draftTopicTitle: import("solid-js").Accessor<string>;
+        renamingTopicID: import("solid-js").Accessor<string | null>;
+        renamingTopicTitle: import("solid-js").Accessor<string>;
+        getLiveNoteCount: (topicID: string) => number;
+        setDraftTopicTitle: import("solid-js").Setter<string>;
+        submitTopic: () => Promise<void>;
+        selectTopic: (topicID: string) => void;
+        startTopicRename: (topic: NotesTopic) => void;
+        setRenamingTopicTitle: import("solid-js").Setter<string>;
+        saveTopicRename: () => Promise<void>;
+        cancelTopicRename: () => void;
+        deleteTopic: (topic: NotesTopic) => Promise<void>;
+    };
+    board: {
+        activeTopic: import("solid-js").Accessor<Readonly<{
+            topic_id: string;
+            name: string;
+            icon_key: import("./types").TopicIconKey;
+            icon_accent: import("./types").TopicAccentToken;
+            sort_order: number;
+            created_at_unix_ms: number;
+            updated_at_unix_ms: number;
+            deleted_at_unix_ms: number;
+        }> | undefined>;
+        activeTopicLabel: import("solid-js").Accessor<string>;
+        activeItems: import("solid-js").Accessor<Readonly<{
+            note_id: string;
+            topic_id: string;
+            body: string;
+            preview_text: string;
+            character_count: number;
+            size_bucket: import("./types").NotesSizeBucket;
+            style_version: string;
+            color_token: import("./types").NoteColorToken;
+            x: number;
+            y: number;
+            z_index: number;
+            created_at_unix_ms: number;
+            updated_at_unix_ms: number;
+        }>[]>;
+        activeTopicID: import("solid-js").Accessor<string>;
+        topics: import("solid-js").Accessor<Readonly<{
+            topic_id: string;
+            name: string;
+            icon_key: import("./types").TopicIconKey;
+            icon_accent: import("./types").TopicAccentToken;
+            sort_order: number;
+            created_at_unix_ms: number;
+            updated_at_unix_ms: number;
+            deleted_at_unix_ms: number;
+        }>[]>;
+        topZIndex: import("solid-js").Accessor<number>;
+        viewport: import("solid-js").Accessor<Readonly<{
+            x: number;
+            y: number;
+            scale: number;
+        }>>;
+        boardScaleLabel: import("solid-js").Accessor<string>;
+        isMobile: import("solid-js").Accessor<boolean>;
+        overviewOpen: import("solid-js").Accessor<boolean>;
+        optimisticFrontNoteID: import("solid-js").Accessor<string | null>;
+        copiedNoteID: import("solid-js").Accessor<string | null>;
+        setCanvasFrameRef: import("solid-js").Setter<HTMLDivElement | undefined>;
+        commitViewport: (viewport: NotesViewport) => void;
+        openCanvasContextMenu: (event: {
+            clientX: number;
+            clientY: number;
+            worldX: number;
+            worldY: number;
+        }) => void;
+        zoomOut: () => void;
+        zoomIn: () => void;
+        openOverview: () => void;
+        selectTopic: (topicID: string) => void;
+        mobileCreateNote: () => Promise<void>;
+        mobilePaste: () => Promise<void>;
+        copyNote: (item: NotesItem) => Promise<void>;
+        openNoteContextMenu: (event: MouseEvent, item: NotesItem) => void;
+        openEditor: (noteID: string) => void;
+        moveToTrash: (noteID: string) => Promise<void>;
+        startOptimisticFront: (noteID: string) => void;
+        commitFront: (noteID: string) => void;
+        commitMove: (noteID: string, position: {
+            x: number;
+            y: number;
+        }) => Promise<void>;
+    };
+    overview: {
+        items: import("solid-js").Accessor<{
+            id: string;
+            className: string;
+            x: number;
+            y: number;
+            width: number;
+            height: number;
+        }[]>;
+        viewportStyle: import("solid-js").Accessor<{
+            left: string;
+            top: string;
+            width: string;
+            height: string;
+        }>;
+        navigationState: import("solid-js").Accessor<NotesOverviewNavigationState | null>;
+        beginNavigation: JSX.EventHandler<HTMLDivElement, PointerEvent>;
+        close: () => void;
+        open: () => void;
+    };
+    trash: {
+        open: import("solid-js").Accessor<boolean>;
+        groups: import("solid-js").Accessor<Readonly<{
+            topic_id: string;
+            topic_name: string;
+            topic_icon_key: import("./types").TopicIconKey;
+            topic_icon_accent: import("./types").TopicAccentToken;
+            topic_sort_order: number;
+            latest_deleted_at_unix_ms: number;
+            items: import("./types").NotesTrashItem[];
+        }>[]>;
+        count: import("solid-js").Accessor<number>;
+        now: import("solid-js").Accessor<number>;
+        canDeleteNow: boolean;
+        close: () => void;
+        openDock: () => void;
+        backdropContextMenu: (event: MouseEvent) => void;
+        restore: (noteID: string) => Promise<void>;
+        deleteNow: (noteID: string) => Promise<void>;
+        clearTopic: (topicID: string) => Promise<void>;
+    };
+    contextMenu: {
+        state: import("solid-js").Accessor<NotesContextMenuState | null>;
+        items: import("solid-js").Accessor<NotesContextMenuItem[]>;
+        position: import("solid-js").Accessor<{
+            left: number;
+            top: number;
+        } | undefined>;
+        close: () => null;
+    };
+    editor: {
+        note: import("solid-js").Accessor<Readonly<{
+            note_id: string;
+            topic_id: string;
+            body: string;
+            preview_text: string;
+            character_count: number;
+            size_bucket: import("./types").NotesSizeBucket;
+            style_version: string;
+            color_token: import("./types").NoteColorToken;
+            x: number;
+            y: number;
+            z_index: number;
+            created_at_unix_ms: number;
+            updated_at_unix_ms: number;
+        }> | undefined>;
+        draftBody: import("solid-js").Accessor<string>;
+        draftColor: import("solid-js").Accessor<"azure" | "coral" | "graphite" | "sage" | "amber" | "rose">;
+        setDraftBody: import("solid-js").Setter<string>;
+        setDraftColor: import("solid-js").Setter<"azure" | "coral" | "graphite" | "sage" | "amber" | "rose">;
+        close: () => void;
+        save: () => Promise<void>;
+    };
+    manualPaste: {
+        open: () => boolean;
+        text: import("solid-js").Accessor<string>;
+        setText: import("solid-js").Setter<string>;
+        close: () => void;
+        confirm: () => Promise<void>;
+    };
+    handleCloseRequest: () => void;
+};