@floegence/floe-webapp-core 0.55.2 → 0.56.1

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,26 +1,26 @@
-import { use as E, insert as w, createComponent as g, memo as y, effect as F, template as B } from "solid-js/web";
-import { createMemo as u, createSignal as _, Show as O, For as j } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as z } from "./workbenchInteractionAdapter.js";
-import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as P, WORKBENCH_TEXT_FILTER_ID as U, WORKBENCH_STICKY_FILTER_ID as q } from "./types.js";
-import { WorkbenchCanvasField as T } from "./WorkbenchCanvasField.js";
-import { WorkbenchPlacementPreview as G } from "./WorkbenchPlacementPreview.js";
-import { WorkbenchBackgroundLayerView as $, WorkbenchAnnotationLayerView as K, WorkbenchLayerControlOverlayView as H, createWorkbenchTextEditorRegistry as Z, WorkbenchStickyNote as X } from "./WorkbenchLayerObjects.js";
-import { WorkbenchWidget as Y } from "./WorkbenchWidget.js";
-import { createWorkbenchRenderLayerMap as J, resolveWorkbenchModeStrategy as Q, resolveWorkbenchWidgetRenderMode as A } from "./workbenchHelpers.js";
-import { createWorkbenchWidgetEnterMotionTracker as p } from "./workbenchMotion.js";
-import { getWidgetEntry as R } from "./widgets/widgetRegistry.js";
-import { InfiniteCanvas as ee } from "../ui/InfiniteCanvas.js";
-var te = /* @__PURE__ */ B("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), ne = /* @__PURE__ */ B("<div class=workbench-canvas__projected-layer><div class=workbench-canvas__projected-work-layer>");
-function re(e) {
+import { use as z, insert as v, createComponent as d, memo as k, effect as j, template as N } from "solid-js/web";
+import { createMemo as u, createSignal as P, Show as A, For as x } from "solid-js";
+import { resolveWorkbenchInteractionAdapter as U } from "./workbenchInteractionAdapter.js";
+import { WORKBENCH_BACKGROUND_REGION_FILTER_ID as q, WORKBENCH_TEXT_FILTER_ID as T, WORKBENCH_STICKY_FILTER_ID as G } from "./types.js";
+import { WorkbenchCanvasField as K } from "./WorkbenchCanvasField.js";
+import { WorkbenchPlacementPreview as $ } from "./WorkbenchPlacementPreview.js";
+import { createWorkbenchTextEditorRegistry as H, WorkbenchBackgroundLayerView as Z, WorkbenchAnnotationLayerView as X, WorkbenchLayerControlOverlayView as Y, WorkbenchStickyNote as J } from "./WorkbenchLayerObjects.js";
+import { WorkbenchWidget as Q } from "./WorkbenchWidget.js";
+import { createWorkbenchRenderLayerMap as p, resolveWorkbenchModeStrategy as ee, resolveWorkbenchWidgetRenderMode as B } from "./workbenchHelpers.js";
+import { createWorkbenchWidgetEnterMotionTracker as te } from "./workbenchMotion.js";
+import { getWidgetEntry as b } from "./widgets/widgetRegistry.js";
+import { InfiniteCanvas as ne } from "../ui/InfiniteCanvas.js";
+var re = /* @__PURE__ */ N("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true></div><div class=workbench-canvas__grid aria-hidden=true>"), oe = /* @__PURE__ */ N("<div class=workbench-canvas__projected-layer><div class=workbench-canvas__projected-work-layer>");
+function ie(e) {
   const a = u((c) => {
-    const v = e.widgetById().get(e.widgetId);
-    if (v) return v;
+    const C = e.widgetById().get(e.widgetId);
+    if (C) return C;
     if (c) return c;
     throw new Error(`Workbench widget ${e.widgetId} is missing from the projected render map.`);
-  }), r = u(() => R(a().type, e.widgetDefinitions));
-  return g(Y, {
+  }), o = u(() => b(a().type, e.widgetDefinitions));
+  return d(Q, {
     get definition() {
-      return r();
+      return o();
     },
     get widgetId() {
       return e.widgetId;
@@ -125,19 +125,19 @@ function re(e) {
     }
   });
 }
-function oe(e) {
-  const a = u((r) => {
+function ae(e) {
+  const a = u((o) => {
     const c = e.stickyNoteById().get(e.noteId);
     if (c) return c;
-    if (r) return r;
+    if (o) return o;
     throw new Error(`Workbench sticky note ${e.noteId} is missing from the projected render map.`);
   });
-  return g(X, {
+  return d(J, {
     get item() {
       return a();
     },
     get selected() {
-      return y(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
+      return k(() => e.selectedObject?.kind === "sticky_note")() && e.selectedObject.id === e.noteId;
     },
     get viewportScale() {
       return e.projectedViewport().scale;
@@ -163,14 +163,14 @@ function oe(e) {
     get visualFront() {
       return e.visualFrontOwnerId === e.noteId;
     },
-    onSelect: (r) => e.onSelectStickyNote?.(r),
-    onContextMenu: (r, c) => e.onStickyNoteContextMenu?.(r, c),
-    onClaimVisualFrontOwner: (r) => e.onClaimStickyVisualFrontOwner?.(r),
-    onCommitFront: (r) => e.onCommitStickyFront?.(r),
-    onCommitMove: (r, c) => e.onCommitStickyMove?.(r, c),
-    onCommitResize: (r, c) => e.onCommitStickyResize?.(r, c),
-    onUpdate: (r, c) => e.onUpdateStickyNote?.(r, c),
-    onDelete: (r) => e.onDeleteStickyNote?.(r),
+    onSelect: (o) => e.onSelectStickyNote?.(o),
+    onContextMenu: (o, c) => e.onStickyNoteContextMenu?.(o, c),
+    onClaimVisualFrontOwner: (o) => e.onClaimStickyVisualFrontOwner?.(o),
+    onCommitFront: (o) => e.onCommitStickyFront?.(o),
+    onCommitMove: (o, c) => e.onCommitStickyMove?.(o, c),
+    onCommitResize: (o, c) => e.onCommitStickyResize?.(o, c),
+    onUpdate: (o, c) => e.onUpdateStickyNote?.(o, c),
+    onDelete: (o) => e.onDeleteStickyNote?.(o),
     get onLayoutInteractionStart() {
       return e.onLayoutInteractionStart;
     },
@@ -179,36 +179,36 @@ function oe(e) {
     }
   });
 }
-function Ce(e) {
-  const a = u(() => z(e.interactionAdapter)), r = p(() => e.widgets.map((n) => n.id)), c = u(() => {
+function fe(e) {
+  const a = u(() => U(e.interactionAdapter)), o = te(() => e.widgets.map((n) => n.id)), c = u(() => {
     const n = e.widgetMotionById;
     if (!n)
-      return r();
-    const l = {
-      ...r()
+      return o();
+    const m = {
+      ...o()
     };
-    for (const [o, d] of Object.entries(n))
-      d !== void 0 && (l[o] = d);
-    return l;
-  }), v = u(() => new Map(e.widgets.map((n) => [n.id, n]))), x = u(() => (e.stickyNotes ?? []).map((n) => n.id)), N = u(() => new Map((e.stickyNotes ?? []).map((n) => [n.id, n]))), b = u(() => J([...e.widgets, ...e.stickyNotes ?? []])), C = Z(), [S, f] = _(null), L = u(() => Q(e.mode)), I = u(() => L().workLayerLocked), m = u(() => L().layerEditingEnabled), D = u(() => e.widgets.filter((n) => {
-    const l = R(n.type, e.widgetDefinitions);
-    return A(l) === "canvas_scaled";
-  })), h = u(() => e.widgets.filter((n) => {
-    const l = R(n.type, e.widgetDefinitions);
-    return A(l) === "projected_surface";
-  }).map((n) => n.id)), M = u(() => h().length > 0), V = u(() => M() ? [] : e.stickyNotes ?? []), W = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0, s = M;
+    for (const [L, i] of Object.entries(n))
+      i !== void 0 && (m[L] = i);
+    return m;
+  }), C = u(() => new Map(e.widgets.map((n) => [n.id, n]))), D = u(() => (e.stickyNotes ?? []).map((n) => n.id)), V = u(() => new Map((e.stickyNotes ?? []).map((n) => [n.id, n]))), h = u(() => p([...e.widgets, ...e.stickyNotes ?? []])), S = H(), [f, I] = P(null), R = u(() => ee(e.mode)), w = u(() => R().workLayerLocked), l = u(() => R().layerEditingEnabled), E = u(() => e.widgets.filter((n) => {
+    const m = b(n.type, e.widgetDefinitions);
+    return B(m) === "canvas_scaled";
+  })), M = u(() => e.widgets.filter((n) => {
+    const m = b(n.type, e.widgetDefinitions);
+    return B(m) === "projected_surface";
+  }).map((n) => n.id)), W = u(() => M().length > 0), _ = u(() => W() ? [] : e.stickyNotes ?? []), F = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0, s = W;
   return (() => {
-    var n = te();
-    n.firstChild;
-    var l = e.setCanvasFrameRef;
-    return typeof l == "function" ? E(l, n) : e.setCanvasFrameRef = n, w(n, g(ee, {
+    var n = re(), m = n.firstChild;
+    m.nextSibling;
+    var L = e.setCanvasFrameRef;
+    return typeof L == "function" ? z(L, n) : e.setCanvasFrameRef = n, v(n, d(ne, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
         return e.viewport;
       },
       get minScale() {
-        return L().minScale;
+        return R().minScale;
       },
       get onViewportChange() {
         return e.onViewportCommit;
@@ -222,29 +222,29 @@ function Ce(e) {
       get onCanvasPointerDown() {
         return e.onCanvasPointerDown;
       },
-      resolveTargetRole: (o) => a().resolveSurfaceTargetRole({
-        target: o.target,
-        interactiveSelector: o.interactiveSelector,
-        panSurfaceSelector: o.panSurfaceSelector
+      resolveTargetRole: (i) => a().resolveSurfaceTargetRole({
+        target: i.target,
+        interactiveSelector: i.interactiveSelector,
+        panSurfaceSelector: i.panSurfaceSelector
       }),
-      resolveWheelRouting: (o) => a().resolveWheelRouting({
-        target: o.target,
-        disablePanZoom: o.disablePanZoom,
+      resolveWheelRouting: (i) => a().resolveWheelRouting({
+        target: i.target,
+        disablePanZoom: i.disablePanZoom,
         selectedWidgetId: e.selectedObject?.kind === "widget" || e.selectedObject?.kind === "sticky_note" ? e.selectedObject.id : e.selectedWidgetId,
-        wheelInteractiveSelector: o.wheelInteractiveSelector
+        wheelInteractiveSelector: i.wheelInteractiveSelector
       }),
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (o) => [g(O, {
+      overlay: (i) => [d(A, {
         get when() {
           return s();
         },
         get children() {
-          var d = ne(), k = d.firstChild;
-          return w(d, g($, {
-            textEditorRegistry: C,
-            onUpdate: (t, i) => e.onUpdateBackgroundLayer?.(t, i),
+          var g = oe(), y = g.firstChild;
+          return v(g, d(Z, {
+            textEditorRegistry: S,
+            onUpdate: (t, r) => e.onUpdateBackgroundLayer?.(t, r),
             get items() {
               return e.backgroundLayers ?? [];
             },
@@ -252,23 +252,23 @@ function Ce(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!m())() && !e.locked;
+              return k(() => !!l())() && !e.locked;
             },
             get filtered() {
-              return e.filters[P] === !1;
+              return e.filters[q] === !1;
             },
             projection: "screen",
             get preview() {
-              return S();
+              return f();
             },
-            onPreviewGeometry: f,
+            onPreviewGeometry: I,
             get viewport() {
-              return o();
+              return i();
             },
             onSelect: (t) => e.onSelectBackgroundLayer?.(t),
-            onContextMenu: (t, i) => e.onBackgroundLayerContextMenu?.(t, i),
-            onCommitMove: (t, i) => e.onCommitBackgroundMove?.(t, i)
-          }), k), w(d, g(K, {
+            onContextMenu: (t, r) => e.onBackgroundLayerContextMenu?.(t, r),
+            onCommitMove: (t, r) => e.onCommitBackgroundMove?.(t, r)
+          }), y), v(g, d(X, {
             get items() {
               return e.annotations ?? [];
             },
@@ -276,29 +276,29 @@ function Ce(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!m())() && !e.locked;
+              return k(() => !!l())() && !e.locked;
             },
             get filtered() {
-              return e.filters[U] === !1;
+              return e.filters[T] === !1;
             },
             projection: "screen",
             get preview() {
-              return S();
+              return f();
             },
-            onPreviewGeometry: f,
-            textEditorRegistry: C,
+            onPreviewGeometry: I,
+            textEditorRegistry: S,
             get viewport() {
-              return o();
+              return i();
             },
             onSelect: (t) => e.onSelectAnnotation?.(t),
-            onContextMenu: (t, i) => e.onAnnotationContextMenu?.(t, i),
-            onCommitMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
-            onUpdate: (t, i) => e.onUpdateTextAnnotation?.(t, i)
-          }), k), w(k, g(j, {
+            onContextMenu: (t, r) => e.onAnnotationContextMenu?.(t, r),
+            onCommitMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
+            onUpdate: (t, r) => e.onUpdateTextAnnotation?.(t, r)
+          }), y), v(y, d(x, {
             get each() {
-              return h();
+              return M();
             },
-            children: (t) => g(re, {
+            children: (t) => d(ie, {
               widgetId: t,
               get widgetDefinitions() {
                 return e.widgetDefinitions;
@@ -306,19 +306,19 @@ function Ce(e) {
               get canvasFrameSize() {
                 return e.canvasFrameSize;
               },
-              widgetById: v,
-              renderLayers: b,
+              widgetById: C,
+              renderLayers: h,
               get widgetMotionById() {
                 return c();
               },
               get selectedWidgetId() {
-                return y(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
+                return k(() => e.selectedObject?.kind === "widget")() ? e.selectedObject.id : e.selectedWidgetId;
               },
               get visualFrontOwnerId() {
                 return e.visualFrontOwnerId;
               },
               get locked() {
-                return e.locked || I();
+                return e.locked || w();
               },
               get filters() {
                 return e.filters;
@@ -371,31 +371,31 @@ function Ce(e) {
               get onLayoutInteractionEnd() {
                 return e.onLayoutInteractionEnd;
               },
-              projectedViewport: o,
+              projectedViewport: i,
               get surfaceReady() {
-                return W();
+                return F();
               }
             })
-          }), null), w(k, g(j, {
+          }), null), v(y, d(x, {
             get each() {
-              return x();
+              return D();
             },
-            children: (t) => g(oe, {
+            children: (t) => d(ae, {
               noteId: t,
-              stickyNoteById: N,
+              stickyNoteById: V,
               get selectedObject() {
                 return e.selectedObject;
               },
-              renderLayers: b,
-              projectedViewport: o,
+              renderLayers: h,
+              projectedViewport: i,
               get visualFrontOwnerId() {
                 return e.visualFrontOwnerId;
               },
               get locked() {
-                return e.locked;
+                return e.locked || w();
               },
               get filtered() {
-                return y(() => !I())() && e.filters[q] === !1;
+                return k(() => !w())() && e.filters[G] === !1;
               },
               get onSelectStickyNote() {
                 return e.onSelectStickyNote;
@@ -428,10 +428,10 @@ function Ce(e) {
                 return e.onLayoutInteractionEnd;
               },
               get surfaceReady() {
-                return W();
+                return F();
               }
             })
-          }), null), w(d, g(H, {
+          }), null), v(g, d(Y, {
             get annotations() {
               return e.annotations ?? [];
             },
@@ -442,53 +442,59 @@ function Ce(e) {
               return e.selectedObject ?? null;
             },
             get editable() {
-              return y(() => !!m())() && !e.locked;
+              return k(() => !!l())() && !e.locked;
             },
             get showRegionOutlines() {
-              return m();
+              return l();
             },
             projection: "screen",
             get viewport() {
-              return o();
+              return i();
             },
             get preview() {
-              return S();
+              return f();
             },
-            onPreviewGeometry: f,
-            textEditorRegistry: C,
-            onCommitAnnotationMove: (t, i) => e.onCommitAnnotationMove?.(t, i),
-            onCommitAnnotationResize: (t, i) => e.onCommitAnnotationResize?.(t, i),
-            onUpdateTextAnnotation: (t, i) => e.onUpdateTextAnnotation?.(t, i),
+            onPreviewGeometry: I,
+            textEditorRegistry: S,
+            onCommitAnnotationMove: (t, r) => e.onCommitAnnotationMove?.(t, r),
+            onCommitAnnotationResize: (t, r) => e.onCommitAnnotationResize?.(t, r),
+            onUpdateTextAnnotation: (t, r) => e.onUpdateTextAnnotation?.(t, r),
             onDeleteAnnotation: (t) => e.onDeleteAnnotation?.(t),
-            onCommitBackgroundResize: (t, i) => e.onCommitBackgroundResize?.(t, i),
-            onUpdateBackgroundLayer: (t, i) => e.onUpdateBackgroundLayer?.(t, i),
+            onCommitBackgroundResize: (t, r) => e.onCommitBackgroundResize?.(t, r),
+            onUpdateBackgroundLayer: (t, r) => e.onUpdateBackgroundLayer?.(t, r),
             onDeleteBackgroundLayer: (t) => e.onDeleteBackgroundLayer?.(t)
-          }), null), F(() => d.classList.toggle("is-work-layer-locked", !!I())), d;
+          }), null), j((t) => {
+            var r = !!w(), O = w();
+            return r !== t.e && g.classList.toggle("is-work-layer-locked", t.e = r), O !== t.t && (y.inert = t.t = O), t;
+          }, {
+            e: void 0,
+            t: void 0
+          }), g;
         }
-      }), g(O, {
+      }), d(A, {
         get when() {
-          return y(() => !!s())() ? e.placementPreview : null;
+          return k(() => !!s())() ? e.placementPreview : null;
         },
-        children: (d) => g(G, {
+        children: (g) => d($, {
           get preview() {
-            return d();
+            return g();
           },
           projection: "screen",
           get viewport() {
-            return o();
+            return i();
           }
         })
       })],
       get children() {
-        return g(T, {
+        return d(K, {
           get widgetDefinitions() {
             return e.widgetDefinitions;
           },
           get widgets() {
-            return D();
+            return E();
           },
           get stickyNotes() {
-            return V();
+            return _();
           },
           get annotations() {
             return e.annotations ?? [];
@@ -497,7 +503,7 @@ function Ce(e) {
             return e.backgroundLayers ?? [];
           },
           get placementPreview() {
-            return y(() => !!s())() ? null : e.placementPreview;
+            return k(() => !!s())() ? null : e.placementPreview;
           },
           get viewport() {
             return e.viewport;
@@ -512,16 +518,16 @@ function Ce(e) {
             return e.visualFrontOwnerId;
           },
           get workLayerLocked() {
-            return I();
+            return w();
           },
           get annotationLayerEditable() {
-            return m();
+            return l();
           },
           get backgroundLayerEditable() {
-            return m();
+            return l();
           },
           get showRegionOutlines() {
-            return m();
+            return l();
           },
           get renderFreeformLayers() {
             return !s();
@@ -644,15 +650,15 @@ function Ce(e) {
             return e.onLayoutInteractionEnd;
           },
           get layerGeometryPreview() {
-            return S();
+            return f();
           },
-          onLayerGeometryPreview: f,
-          textEditorRegistry: C
+          onLayerGeometryPreview: I,
+          textEditorRegistry: S
         });
       }
-    }), null), F((o) => {
-      var d = !!e.locked, k = !!m();
-      return d !== o.e && n.classList.toggle("is-locked", o.e = d), k !== o.t && n.classList.toggle("is-composition-mode", o.t = k), o;
+    }), null), j((i) => {
+      var g = !!e.locked, y = !!l();
+      return g !== i.e && n.classList.toggle("is-locked", i.e = g), y !== i.t && n.classList.toggle("is-composition-mode", i.t = y), i;
     }, {
       e: void 0,
       t: void 0
@@ -660,5 +666,5 @@ function Ce(e) {
   })();
 }
 export {
-  Ce as WorkbenchCanvas
+  fe as WorkbenchCanvas
 };

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

@@ -48,7 +48,7 @@ export interface WorkbenchCanvasFieldProps {
         width: number;
         height: number;
     }) => void;
-    onUpdateStickyNote?: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color' | 'material'>>) => void;
+    onUpdateStickyNote?: (noteId: string, patch: Partial<Pick<WorkbenchStickyNoteItem, 'title' | 'body' | 'color' | 'material'>>) => void;
     onDeleteStickyNote?: (noteId: string) => void;
     onSelectAnnotation?: (annotationId: string) => void;
     onAnnotationContextMenu?: (event: MouseEvent, item: WorkbenchAnnotationItem) => void;