@floegence/floe-webapp-core 0.36.38 → 0.36.40

package/dist/components/workbench/WorkbenchCanvas.js

@@ -1,13 +1,13 @@
-import { use as I, insert as v, createComponent as a, effect as h, template as s } from "solid-js/web";
-import { createMemo as i, Show as R, For as W } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as y } from "./workbenchInteractionAdapter.js";
-import { WorkbenchCanvasField as S } from "./WorkbenchCanvasField.js";
+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 w } from "./workbenchHelpers.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__ */ s("<div class=workbench-canvas><div class=workbench-canvas__atmosphere aria-hidden=true>"), b = /* @__PURE__ */ s("<div class=workbench-canvas__projected-layer>");
-function q(e) {
+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;
@@ -65,6 +65,9 @@ function q(e) {
       return e.interactionAdapter;
     },
     layoutMode: "projected_surface",
+    get viewport() {
+      return e.projectedViewport();
+    },
     get projectedViewport() {
       return e.projectedViewport;
     },
@@ -89,6 +92,12 @@ function q(e) {
     get onCommitResize() {
       return e.onCommitResize;
     },
+    get onViewportCommit() {
+      return e.onViewportCommit;
+    },
+    get onViewportInteractionStart() {
+      return e.onViewportInteractionStart;
+    },
     get onRequestOverview() {
       return e.onRequestOverview;
     },
@@ -107,18 +116,18 @@ function q(e) {
   });
 }
 function A(e) {
-  const n = i(() => y(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 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 w(o) === "canvas_scaled";
+    return v(o) === "canvas_scaled";
   })), m = i(() => e.widgets.filter((t) => {
     const o = c(t.type, e.widgetDefinitions);
-    return w(o) === "projected_surface";
-  }).map((t) => t.id)), f = () => e.canvasFrameSize.width > 0 && e.canvasFrameSize.height > 0;
+    return v(o) === "projected_surface";
+  }).map((t) => t.id)), C = () => 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, v(t, a(L, {
+    return typeof o == "function" ? I(o, t) : e.setCanvasFrameRef = t, w(t, a(L, {
       ariaLabel: "Workbench canvas",
       class: "workbench-canvas__infinite",
       get viewport() {
@@ -150,18 +159,18 @@ function A(e) {
       get disablePanZoom() {
         return e.locked;
       },
-      overlay: (r) => a(R, {
+      overlay: (r) => a(h, {
         get when() {
           return m().length > 0;
         },
         get children() {
-          var l = b();
-          return v(l, a(W, {
+          var l = V();
+          return w(l, a(R, {
             get each() {
               return m();
             },
-            children: (C) => a(q, {
-              widgetId: C,
+            children: (s) => a(b, {
+              widgetId: s,
               get widgetDefinitions() {
                 return e.widgetDefinitions;
               },
@@ -229,20 +238,23 @@ function A(e) {
               },
               projectedViewport: r,
               get surfaceReady() {
-                return f();
+                return C();
               }
             })
           })), l;
         }
       }),
       get children() {
-        return a(S, {
+        return a(y, {
           get widgetDefinitions() {
             return e.widgetDefinitions;
           },
           get widgets() {
             return g();
           },
+          get viewport() {
+            return e.viewport;
+          },
           get selectedWidgetId() {
             return e.selectedWidgetId;
           },
@@ -279,6 +291,12 @@ function A(e) {
           get onCommitResize() {
             return e.onCommitResize;
           },
+          get onViewportCommit() {
+            return e.onViewportCommit;
+          },
+          get onViewportInteractionStart() {
+            return e.onViewportInteractionStart;
+          },
           get onRequestOverview() {
             return e.onRequestOverview;
           },
@@ -296,7 +314,7 @@ function A(e) {
           }
         });
       }
-    }), null), h(() => t.classList.toggle("is-locked", !!e.locked)), t;
+    }), null), S(() => t.classList.toggle("is-locked", !!e.locked)), t;
   })();
 }
 export {

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

@@ -1,8 +1,9 @@
 import { type ResolvedWorkbenchInteractionAdapter } from './workbenchInteractionAdapter';
-import type { WorkbenchInteractionAdapter, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import type { WorkbenchInteractionAdapter, WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchCanvasFieldProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
+    viewport: WorkbenchViewport;
     selectedWidgetId: string | null;
     optimisticFrontWidgetId: string | null;
     viewportScale: number;
@@ -21,6 +22,8 @@ export interface WorkbenchCanvasFieldProps {
         width: number;
         height: number;
     }) => void;
+    onViewportCommit: (viewport: WorkbenchViewport) => void;
+    onViewportInteractionStart?: (kind: 'pan') => void;
     onRequestOverview: (item: WorkbenchWidgetItem) => void;
     onRequestFit: (item: WorkbenchWidgetItem) => void;
     onRequestDelete: (widgetId: string) => void;

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,20 +1,20 @@
-import { insert as a, createComponent as g, template as c } from "solid-js/web";
+import { insert as a, createComponent as d, template as c } from "solid-js/web";
 import { createMemo as r, For as m } from "solid-js";
-import { resolveWorkbenchInteractionAdapter as l } from "./workbenchInteractionAdapter.js";
-import { createWorkbenchRenderLayerMap as w } from "./workbenchHelpers.js";
+import { resolveWorkbenchInteractionAdapter as w } from "./workbenchInteractionAdapter.js";
+import { createWorkbenchRenderLayerMap as l } from "./workbenchHelpers.js";
 import { getWidgetEntry as I } from "./widgets/widgetRegistry.js";
-import { WorkbenchWidget as y } from "./WorkbenchWidget.js";
-var v = /* @__PURE__ */ c("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true>");
-function f(t) {
+import { WorkbenchWidget as v } from "./WorkbenchWidget.js";
+var y = /* @__PURE__ */ c("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true>");
+function C(t) {
   const e = r((i) => {
     const o = t.widgetById().get(t.widgetId);
     if (o) return o;
     if (i) return i;
     throw new Error(`Workbench widget ${t.widgetId} is missing from the render map.`);
-  }), d = r(() => I(e().type, t.widgetDefinitions));
-  return g(y, {
+  }), g = r(() => I(e().type, t.widgetDefinitions));
+  return d(v, {
     get definition() {
-      return d();
+      return g();
     },
     get widgetId() {
       return t.widgetId;
@@ -62,6 +62,9 @@ function f(t) {
     get interactionAdapter() {
       return t.interactionAdapter;
     },
+    get viewport() {
+      return t.viewport;
+    },
     get onSelect() {
       return t.onSelectWidget;
     },
@@ -80,6 +83,12 @@ function f(t) {
     get onCommitResize() {
       return t.onCommitResize;
     },
+    get onViewportCommit() {
+      return t.onViewportCommit;
+    },
+    get onViewportInteractionStart() {
+      return t.onViewportInteractionStart;
+    },
     get onRequestOverview() {
       return t.onRequestOverview;
     },
@@ -97,15 +106,15 @@ function f(t) {
     }
   });
 }
-function s(t) {
-  const e = r(() => l(t.interactionAdapter)), d = r(() => t.widgets.map((n) => n.id)), i = r(() => new Map(t.widgets.map((n) => [n.id, n]))), o = r(() => w(t.widgets));
+function L(t) {
+  const e = r(() => w(t.interactionAdapter)), g = r(() => t.widgets.map((n) => n.id)), i = r(() => new Map(t.widgets.map((n) => [n.id, n]))), o = r(() => l(t.widgets));
   return (() => {
-    var n = v();
-    return n.firstChild, a(n, g(m, {
+    var n = y();
+    return n.firstChild, a(n, d(m, {
       get each() {
-        return d();
+        return g();
       },
-      children: (u) => g(f, {
+      children: (u) => d(C, {
         widgetId: u,
         get widgetDefinitions() {
           return t.widgetDefinitions;
@@ -115,6 +124,9 @@ function s(t) {
         },
         widgetById: i,
         renderLayers: o,
+        get viewport() {
+          return t.viewport;
+        },
         get selectedWidgetId() {
           return t.selectedWidgetId;
         },
@@ -151,6 +163,12 @@ function s(t) {
         get onCommitResize() {
           return t.onCommitResize;
         },
+        get onViewportCommit() {
+          return t.onViewportCommit;
+        },
+        get onViewportInteractionStart() {
+          return t.onViewportInteractionStart;
+        },
         get onRequestOverview() {
           return t.onRequestOverview;
         },
@@ -171,5 +189,5 @@ function s(t) {
   })();
 }
 export {
-  s as WorkbenchCanvasField
+  L as WorkbenchCanvasField
 };

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

@@ -1,5 +1,5 @@
 import { type JSX } from 'solid-js';
-import type { WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import type { WorkbenchViewport, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchFilterBarProps {
     widgetDefinitions: readonly WorkbenchWidgetDefinition[];
     widgets: readonly WorkbenchWidgetItem[];
@@ -13,5 +13,8 @@ export interface WorkbenchFilterBarProps {
      * new widget of that type. Coordinates are in client space (clientX/Y).
      */
     onCreateAt?: (type: WorkbenchWidgetType, clientX: number, clientY: number) => void;
+    viewport?: WorkbenchViewport;
+    onViewportCommit?: (viewport: WorkbenchViewport) => void;
+    onViewportInteractionStart?: (kind: 'pan') => void;
 }
 export declare function WorkbenchFilterBar(props: WorkbenchFilterBarProps): JSX.Element;