@floegence/floe-webapp-core 0.36.42 → 0.36.43

package/dist/components/workbench/WorkbenchCanvas.d.ts

@@ -1,18 +1,23 @@
 import { type InfiniteCanvasContextMenuEvent } from '../../ui';
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
-import type { WorkbenchInteractionAdapter, WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import { type WorkbenchAnnotationItem, type WorkbenchBackgroundLayer, type WorkbenchInteractionMode, type WorkbenchInteractionAdapter, type WorkbenchSelection, type WorkbenchStickyNoteItem, type WorkbenchTextAnnotationPatch, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem } from './types';
 export interface WorkbenchCanvasProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
+    stickyNotes?: readonly WorkbenchStickyNoteItem[];
+    annotations?: readonly WorkbenchAnnotationItem[];
+    backgroundLayers?: readonly WorkbenchBackgroundLayer[];
     viewport: WorkbenchViewport;
     canvasFrameSize: {
         width: number;
         height: number;
     };
     selectedWidgetId: string | null;
+    selectedObject?: WorkbenchSelection | null;
+    mode?: WorkbenchInteractionMode;
     optimisticFrontWidgetId: string | null;
     locked: boolean;
-    filters: Record<WorkbenchWidgetType, boolean>;
+    filters: Record<string, boolean>;
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     setCanvasFrameRef: (el: HTMLDivElement | undefined) => void;
     onViewportCommit: (viewport: WorkbenchViewport) => void;
@@ -31,6 +36,44 @@ export interface WorkbenchCanvasProps {
         width: number;
         height: number;
     }) => void;
+    onSelectStickyNote?: (noteId: string) => void;
+    onStickyNoteContextMenu?: (event: MouseEvent, item: WorkbenchStickyNoteItem) => void;
+    onStartStickyOptimisticFront?: (noteId: string) => void;
+    onCommitStickyFront?: (noteId: string) => void;
+    onCommitStickyMove?: (noteId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitStickyResize?: (noteId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateStickyNote?: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color'>>) => void;
+    onDeleteStickyNote?: (noteId: string) => void;
+    onSelectAnnotation?: (annotationId: string) => void;
+    onAnnotationContextMenu?: (event: MouseEvent, item: WorkbenchAnnotationItem) => void;
+    onCommitAnnotationMove?: (annotationId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitAnnotationResize?: (annotationId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateTextAnnotation?: (annotationId: string, patch: WorkbenchTextAnnotationPatch) => void;
+    onDeleteAnnotation?: (annotationId: string) => void;
+    onSelectBackgroundLayer?: (layerId: string) => void;
+    onBackgroundLayerContextMenu?: (event: MouseEvent, item: WorkbenchBackgroundLayer) => void;
+    onCommitBackgroundMove?: (layerId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitBackgroundResize?: (layerId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateBackgroundLayer?: (layerId: string, patch: Partial<Pick<WorkbenchBackgroundLayer, 'fill' | 'opacity' | 'material' | 'name'>>) => void;
+    onDeleteBackgroundLayer?: (layerId: string) => void;
     onRequestOverview: (item: WorkbenchWidgetItem) => void;
     onRequestFit: (item: WorkbenchWidgetItem) => void;
     onRequestDelete: (widgetId: string) => void;

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,48 +1,50 @@
-import { use as I, insert as w, createComponent as a, effect as S, template as f } from "solid-js/web";
-import { createMemo as i, Show as h, For as R } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as W } from "./workbenchInteractionAdapter.js";
-import { WorkbenchCanvasField as y } from "./WorkbenchCanvasField.js";
-import { WorkbenchWidget as F } from "./WorkbenchWidget.js";
-import { createWorkbenchRenderLayerMap as k, resolveWorkbenchWidgetRenderMode as v } from "./workbenchHelpers.js";
-import { getWidgetEntry as c } from "./widgets/widgetRegistry.js";
-import { InfiniteCanvas as L } from "../ui/InfiniteCanvas.js";
-var M = /* @__PURE__ */ f("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), V = /* @__PURE__ */ f("<div class=workbench-canvas__projected-layer>");
-function b(e) {
-  const n = i((d) => {
-    const g = e.widgetById().get(e.widgetId);
-    if (g) return g;
-    if (d) return d;
+import { use as b, insert as k, createComponent as a, memo as y, effect as R, template as F } from "solid-js/web";
+import { createMemo as c, Show as M, For as s } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as N } from "./workbenchInteractionAdapter.js";
+import { WORKBENCH_STICKY_FILTER_ID as O } from "./types.js";
+import { WorkbenchCanvasField as j } from "./WorkbenchCanvasField.js";
+import { WorkbenchStickyNote as D } from "./WorkbenchLayerObjects.js";
+import { WorkbenchWidget as x } from "./WorkbenchWidget.js";
+import { createWorkbenchRenderLayerMap as V, resolveWorkbenchWidgetRenderMode as L, WORKBENCH_MIN_SCALE as z } from "./workbenchHelpers.js";
+import { getWidgetEntry as S } from "./widgets/widgetRegistry.js";
+import { InfiniteCanvas as A } from "../ui/InfiniteCanvas.js";
+var E = /* @__PURE__ */ F("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), _ = /* @__PURE__ */ F("<div class=workbench-canvas__projected-layer>");
+function q(e) {
+  const r = c((o) => {
+    const l = e.widgetById().get(e.widgetId);
+    if (l) return l;
+    if (o) return o;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the projected render map.`);
-  }), u = i(() => c(n().type, e.widgetDefinitions));
-  return a(F, {
+  }), t = c(() => S(r().type, e.widgetDefinitions));
+  return a(x, {
     get definition() {
-      return u();
+      return t();
     },
     get widgetId() {
       return e.widgetId;
     },
     get widgetTitle() {
-      return n().title;
+      return r().title;
     },
     get widgetType() {
-      return n().type;
+      return r().type;
     },
     get x() {
-      return n().x;
+      return r().x;
     },
     get y() {
-      return n().y;
+      return r().y;
     },
     get width() {
-      return n().width;
+      return r().width;
     },
     get height() {
-      return n().height;
+      return r().height;
     },
     get renderLayer() {
       return e.renderLayers().byWidgetId.get(e.widgetId) ?? 1;
     },
-    itemSnapshot: n,
+    itemSnapshot: r,
     get selected() {
       return e.selectedWidgetId === e.widgetId;
     },
@@ -59,7 +61,7 @@ function b(e) {
       return e.locked;
     },
     get filtered() {
-      return !e.filters[n().type];
+      return y(() => e.mode !== "background")() && e.filters[r().type] === !1;
     },
     get interactionAdapter() {
       return e.interactionAdapter;
@@ -115,24 +117,79 @@ function b(e) {
     }
   });
 }
-function A(e) {
-  const n = i(() => W(e.interactionAdapter)), u = i(() => new Map(e.widgets.map((t) => [t.id, t]))), d = i(() => k(e.widgets)), g = i(() => e.widgets.filter((t) => {
-    const o = c(t.type, e.widgetDefinitions);
-    return v(o) === "canvas_scaled";
-  })), m = i(() => e.widgets.filter((t) => {
-    const o = c(t.type, e.widgetDefinitions);
-    return v(o) === "projected_surface";
-  }).map((t) => t.id)), C = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
+function B(e) {
+  const r = c((t) => {
+    const o = e.stickyNoteById().get(e.noteId);
+    if (o) return o;
+    if (t) return t;
+    throw new Error(`Workbench sticky note ${e.noteId} is missing from the projected render map.`);
+  });
+  return a(D, {
+    get item() {
+      return r();
+    },
+    get selected() {
+      return y(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
+    },
+    get viewportScale() {
+      return e.projectedViewport().scale;
+    },
+    get projectedViewport() {
+      return e.projectedViewport;
+    },
+    get surfaceReady() {
+      return e.surfaceReady;
+    },
+    get renderLayer() {
+      return e.renderLayers().byWidgetId.get(e.noteId) ?? e.renderLayers().topRenderLayer;
+    },
+    get topRenderLayer() {
+      return e.renderLayers().topRenderLayer;
+    },
+    get locked() {
+      return e.locked;
+    },
+    get filtered() {
+      return e.filtered;
+    },
+    get optimisticFront() {
+      return e.optimisticFrontWidgetId === e.noteId;
+    },
+    onSelect: (t) => e.onSelectStickyNote?.(t),
+    onContextMenu: (t, o) => e.onStickyNoteContextMenu?.(t, o),
+    onStartOptimisticFront: (t) => e.onStartStickyOptimisticFront?.(t),
+    onCommitFront: (t) => e.onCommitStickyFront?.(t),
+    onCommitMove: (t, o) => e.onCommitStickyMove?.(t, o),
+    onCommitResize: (t, o) => e.onCommitStickyResize?.(t, o),
+    onUpdate: (t, o) => e.onUpdateStickyNote?.(t, o),
+    onDelete: (t) => e.onDeleteStickyNote?.(t),
+    get onLayoutInteractionStart() {
+      return e.onLayoutInteractionStart;
+    },
+    get onLayoutInteractionEnd() {
+      return e.onLayoutInteractionEnd;
+    }
+  });
+}
+function Q(e) {
+  const r = c(() => N(e.interactionAdapter)), t = c(() => new Map(e.widgets.map((n) => [n.id, n]))), o = c(() => (e.stickyNotes ?? []).map((n) => n.id)), l = c(() => new Map((e.stickyNotes ?? []).map((n) => [n.id, n]))), C = c(() => V([...e.widgets, ...e.stickyNotes ?? []])), u = c(() => e.mode === "background"), w = c(() => e.mode === "background"), W = c(() => e.widgets.filter((n) => {
+    const g = S(n.type, e.widgetDefinitions);
+    return L(g) === "canvas_scaled";
+  })), v = c(() => e.widgets.filter((n) => {
+    const g = S(n.type, e.widgetDefinitions);
+    return L(g) === "projected_surface";
+  }).map((n) => n.id)), I = c(() => v().length > 0), h = c(() => I() ? [] : e.stickyNotes ?? []), f = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
   return (() => {
-    var t = M();
-    t.firstChild;
-    var o = e.setCanvasFrameRef;
-    return typeof o == "function" ? I(o, t) : e.setCanvasFrameRef = t, w(t, a(L, {
+    var n = E();
+    n.firstChild;
+    var g = e.setCanvasFrameRef;
+    return typeof g == "function" ? b(g, n) : e.setCanvasFrameRef = n, k(n, a(A, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
         return e.viewport;
       },
+      minScale: z,
       get onViewportChange() {
         return e.onViewportCommit;
       },
@@ -145,54 +202,54 @@ function A(e) {
       get onCanvasPointerDown() {
         return e.onCanvasPointerDown;
       },
-      resolveTargetRole: (r) => n().resolveSurfaceTargetRole({
-        target: r.target,
-        interactiveSelector: r.interactiveSelector,
-        panSurfaceSelector: r.panSurfaceSelector
+      resolveTargetRole: (i) => r().resolveSurfaceTargetRole({
+        target: i.target,
+        interactiveSelector: i.interactiveSelector,
+        panSurfaceSelector: i.panSurfaceSelector
       }),
-      resolveWheelRouting: (r) => n().resolveWheelRouting({
-        target: r.target,
-        disablePanZoom: r.disablePanZoom,
-        selectedWidgetId: e.selectedWidgetId,
-        wheelInteractiveSelector: r.wheelInteractiveSelector
+      resolveWheelRouting: (i) => r().resolveWheelRouting({
+        target: i.target,
+        disablePanZoom: i.disablePanZoom,
+        selectedWidgetId: e.selectedObject?.kind === "widget" || e.selectedObject?.kind === "sticky_note" ? e.selectedObject.id : e.selectedWidgetId,
+        wheelInteractiveSelector: i.wheelInteractiveSelector
       }),
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (r) => a(h, {
+      overlay: (i) => a(M, {
         get when() {
-          return m().length > 0;
+          return I();
         },
         get children() {
-          var l = V();
-          return w(l, a(R, {
+          var d = _();
+          return k(d, a(s, {
             get each() {
-              return m();
+              return v();
             },
-            children: (s) => a(b, {
-              widgetId: s,
+            children: (m) => a(q, {
+              widgetId: m,
               get widgetDefinitions() {
                 return e.widgetDefinitions;
               },
               get canvasFrameSize() {
                 return e.canvasFrameSize;
               },
-              widgetById: u,
-              renderLayers: d,
+              widgetById: t,
+              renderLayers: C,
               get selectedWidgetId() {
-                return e.selectedWidgetId;
+                return y(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
               },
               get optimisticFrontWidgetId() {
                 return e.optimisticFrontWidgetId;
               },
               get locked() {
-                return e.locked;
+                return e.locked || u();
               },
               get filters() {
                 return e.filters;
               },
               get interactionAdapter() {
-                return n();
+                return r();
               },
               get setCanvasFrameRef() {
                 return e.setCanvasFrameRef;
@@ -236,21 +293,85 @@ function A(e) {
               get onLayoutInteractionEnd() {
                 return e.onLayoutInteractionEnd;
               },
-              projectedViewport: r,
+              projectedViewport: i,
+              get surfaceReady() {
+                return f();
+              }
+            })
+          }), null), k(d, a(s, {
+            get each() {
+              return o();
+            },
+            children: (m) => a(B, {
+              noteId: m,
+              stickyNoteById: l,
+              get selectedObject() {
+                return e.selectedObject;
+              },
+              renderLayers: C,
+              projectedViewport: i,
+              get optimisticFrontWidgetId() {
+                return e.optimisticFrontWidgetId;
+              },
+              get locked() {
+                return e.locked || u();
+              },
+              get filtered() {
+                return y(() => !u())() && e.filters[O] === !1;
+              },
+              get onSelectStickyNote() {
+                return e.onSelectStickyNote;
+              },
+              get onStickyNoteContextMenu() {
+                return e.onStickyNoteContextMenu;
+              },
+              get onStartStickyOptimisticFront() {
+                return e.onStartStickyOptimisticFront;
+              },
+              get onCommitStickyFront() {
+                return e.onCommitStickyFront;
+              },
+              get onCommitStickyMove() {
+                return e.onCommitStickyMove;
+              },
+              get onCommitStickyResize() {
+                return e.onCommitStickyResize;
+              },
+              get onUpdateStickyNote() {
+                return e.onUpdateStickyNote;
+              },
+              get onDeleteStickyNote() {
+                return e.onDeleteStickyNote;
+              },
+              get onLayoutInteractionStart() {
+                return e.onLayoutInteractionStart;
+              },
+              get onLayoutInteractionEnd() {
+                return e.onLayoutInteractionEnd;
+              },
               get surfaceReady() {
-                return C();
+                return f();
               }
             })
-          })), l;
+          }), null), R(() => d.classList.toggle("is-work-layer-locked", !!u())), d;
         }
       }),
       get children() {
-        return a(y, {
+        return a(j, {
           get widgetDefinitions() {
             return e.widgetDefinitions;
           },
           get widgets() {
-            return g();
+            return W();
+          },
+          get stickyNotes() {
+            return h();
+          },
+          get annotations() {
+            return e.annotations ?? [];
+          },
+          get backgroundLayers() {
+            return e.backgroundLayers ?? [];
           },
           get viewport() {
             return e.viewport;
@@ -258,9 +379,21 @@ function A(e) {
           get selectedWidgetId() {
             return e.selectedWidgetId;
           },
+          get selectedObject() {
+            return e.selectedObject;
+          },
           get optimisticFrontWidgetId() {
             return e.optimisticFrontWidgetId;
           },
+          get workLayerLocked() {
+            return u();
+          },
+          get annotationLayerEditable() {
+            return w();
+          },
+          get backgroundLayerEditable() {
+            return w();
+          },
           get viewportScale() {
             return e.viewport.scale;
           },
@@ -271,7 +404,7 @@ function A(e) {
             return e.filters;
           },
           get interactionAdapter() {
-            return n();
+            return r();
           },
           get onSelectWidget() {
             return e.onSelectWidget;
@@ -291,6 +424,66 @@ function A(e) {
           get onCommitResize() {
             return e.onCommitResize;
           },
+          get onSelectStickyNote() {
+            return e.onSelectStickyNote;
+          },
+          get onStickyNoteContextMenu() {
+            return e.onStickyNoteContextMenu;
+          },
+          get onStartStickyOptimisticFront() {
+            return e.onStartStickyOptimisticFront;
+          },
+          get onCommitStickyFront() {
+            return e.onCommitStickyFront;
+          },
+          get onCommitStickyMove() {
+            return e.onCommitStickyMove;
+          },
+          get onCommitStickyResize() {
+            return e.onCommitStickyResize;
+          },
+          get onUpdateStickyNote() {
+            return e.onUpdateStickyNote;
+          },
+          get onDeleteStickyNote() {
+            return e.onDeleteStickyNote;
+          },
+          get onSelectAnnotation() {
+            return e.onSelectAnnotation;
+          },
+          get onAnnotationContextMenu() {
+            return e.onAnnotationContextMenu;
+          },
+          get onCommitAnnotationMove() {
+            return e.onCommitAnnotationMove;
+          },
+          get onCommitAnnotationResize() {
+            return e.onCommitAnnotationResize;
+          },
+          get onUpdateTextAnnotation() {
+            return e.onUpdateTextAnnotation;
+          },
+          get onDeleteAnnotation() {
+            return e.onDeleteAnnotation;
+          },
+          get onSelectBackgroundLayer() {
+            return e.onSelectBackgroundLayer;
+          },
+          get onBackgroundLayerContextMenu() {
+            return e.onBackgroundLayerContextMenu;
+          },
+          get onCommitBackgroundMove() {
+            return e.onCommitBackgroundMove;
+          },
+          get onCommitBackgroundResize() {
+            return e.onCommitBackgroundResize;
+          },
+          get onUpdateBackgroundLayer() {
+            return e.onUpdateBackgroundLayer;
+          },
+          get onDeleteBackgroundLayer() {
+            return e.onDeleteBackgroundLayer;
+          },
           get onViewportCommit() {
             return e.onViewportCommit;
           },
@@ -314,9 +507,15 @@ function A(e) {
           }
         });
       }
-    }), null), S(() => t.classList.toggle("is-locked", !!e.locked)), t;
+    }), null), R((i) => {
+      var d = !!e.locked, m = !!u();
+      return d !== i.e && n.classList.toggle("is-locked", i.e = d), m !== i.t && n.classList.toggle("is-background-mode", i.t = m), i;
+    }, {
+      e: void 0,
+      t: void 0
+    }), n;
   })();
 }
 export {
-  A as WorkbenchCanvas
+  Q as WorkbenchCanvas
 };

package/dist/components/workbench/WorkbenchCanvasField.d.ts

@@ -1,14 +1,21 @@
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
-import type { WorkbenchInteractionAdapter, WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import { type WorkbenchWidgetItem, type WorkbenchAnnotationItem, type WorkbenchBackgroundLayer, type WorkbenchInteractionAdapter, type WorkbenchSelection, type WorkbenchStickyNoteItem, type WorkbenchTextAnnotationPatch, type WorkbenchViewport, type WorkbenchWidgetDefinition } from './types';
 export interface WorkbenchCanvasFieldProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
+    stickyNotes?: readonly WorkbenchStickyNoteItem[];
+    annotations?: readonly WorkbenchAnnotationItem[];
+    backgroundLayers?: readonly WorkbenchBackgroundLayer[];
     viewport: WorkbenchViewport;
+    selectedObject?: WorkbenchSelection | null;
     selectedWidgetId: string | null;
     optimisticFrontWidgetId: string | null;
+    workLayerLocked?: boolean;
+    annotationLayerEditable?: boolean;
+    backgroundLayerEditable?: boolean;
     viewportScale: number;
     locked: boolean;
-    filters: Record<WorkbenchWidgetType, boolean>;
+    filters: Record<string, boolean>;
     interactionAdapter?: WorkbenchInteractionAdapter | ResolvedWorkbenchInteractionAdapter;
     onSelectWidget: (widgetId: string) => void;
     onWidgetContextMenu: (event: MouseEvent, item: WorkbenchWidgetItem) => void;
@@ -22,6 +29,44 @@ export interface WorkbenchCanvasFieldProps {
         width: number;
         height: number;
     }) => void;
+    onSelectStickyNote?: (noteId: string) => void;
+    onStickyNoteContextMenu?: (event: MouseEvent, item: WorkbenchStickyNoteItem) => void;
+    onStartStickyOptimisticFront?: (noteId: string) => void;
+    onCommitStickyFront?: (noteId: string) => void;
+    onCommitStickyMove?: (noteId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitStickyResize?: (noteId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateStickyNote?: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color'>>) => void;
+    onDeleteStickyNote?: (noteId: string) => void;
+    onSelectAnnotation?: (annotationId: string) => void;
+    onAnnotationContextMenu?: (event: MouseEvent, item: WorkbenchAnnotationItem) => void;
+    onCommitAnnotationMove?: (annotationId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitAnnotationResize?: (annotationId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateTextAnnotation?: (annotationId: string, patch: WorkbenchTextAnnotationPatch) => void;
+    onDeleteAnnotation?: (annotationId: string) => void;
+    onSelectBackgroundLayer?: (layerId: string) => void;
+    onBackgroundLayerContextMenu?: (event: MouseEvent, item: WorkbenchBackgroundLayer) => void;
+    onCommitBackgroundMove?: (layerId: string, position: {
+        x: number;
+        y: number;
+    }) => void;
+    onCommitBackgroundResize?: (layerId: string, size: {
+        width: number;
+        height: number;
+    }) => void;
+    onUpdateBackgroundLayer?: (layerId: string, patch: Partial<Pick<WorkbenchBackgroundLayer, 'fill' | 'opacity' | 'material' | 'name'>>) => void;
+    onDeleteBackgroundLayer?: (layerId: string) => void;
     onViewportCommit: (viewport: WorkbenchViewport) => void;
     onViewportInteractionStart?: (kind: 'pan') => void;
     onRequestOverview: (item: WorkbenchWidgetItem) => void;