@floegence/floe-webapp-core 0.36.17 → 0.36.19

package/dist/components/workbench/WorkbenchCanvasField.js

@@ -1,156 +1,175 @@
-import { insert as u, createComponent as g, template as m } from "solid-js/web";
-import { createMemo as i, For as c } from "solid-js";
-import { createWorkbenchRenderLayerMap as a } from "./workbenchHelpers.js";
-import { getWidgetEntry as l } from "./widgets/widgetRegistry.js";
-import { WorkbenchWidget as w } from "./WorkbenchWidget.js";
-var v = /* @__PURE__ */ m("<div class=workbench-canvas__field><div class=workbench-canvas__grid aria-hidden=true>");
-function f(e) {
-  const t = i((r) => {
-    const n = e.widgetById().get(e.widgetId);
-    if (n) return n;
-    if (r) return r;
-    throw new Error(`Workbench widget ${e.widgetId} is missing from the render map.`);
-  }), d = i(() => l(t().type, e.widgetDefinitions));
-  return g(w, {
+import { insert as a, createComponent as g, 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 { 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) {
+  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, {
     get definition() {
       return d();
     },
     get widgetId() {
-      return e.widgetId;
+      return t.widgetId;
     },
     get widgetTitle() {
-      return t().title;
+      return e().title;
     },
     get widgetType() {
-      return t().type;
+      return e().type;
     },
     get x() {
-      return t().x;
+      return e().x;
     },
     get y() {
-      return t().y;
+      return e().y;
     },
     get width() {
-      return t().width;
+      return e().width;
     },
     get height() {
-      return t().height;
+      return e().height;
     },
     get renderLayer() {
-      return e.renderLayers().byWidgetId.get(e.widgetId) ?? 1;
+      return t.renderLayers().byWidgetId.get(t.widgetId) ?? 1;
     },
-    itemSnapshot: t,
+    itemSnapshot: e,
     get selected() {
-      return e.selectedWidgetId === e.widgetId;
+      return t.selectedWidgetId === t.widgetId;
     },
     get optimisticFront() {
-      return e.optimisticFrontWidgetId === e.widgetId;
+      return t.optimisticFrontWidgetId === t.widgetId;
     },
     get topRenderLayer() {
-      return e.renderLayers().topRenderLayer;
+      return t.renderLayers().topRenderLayer;
     },
     get viewportScale() {
-      return e.viewportScale;
+      return t.viewportScale;
     },
     get locked() {
-      return e.locked;
+      return t.locked;
     },
     get filtered() {
-      return !e.filters[t().type];
+      return !t.filters[e().type];
+    },
+    get interactionAdapter() {
+      return t.interactionAdapter;
     },
     get onSelect() {
-      return e.onSelectWidget;
+      return t.onSelectWidget;
     },
     get onContextMenu() {
-      return e.onWidgetContextMenu;
+      return t.onWidgetContextMenu;
     },
     get onStartOptimisticFront() {
-      return e.onStartOptimisticFront;
+      return t.onStartOptimisticFront;
     },
     get onCommitFront() {
-      return e.onCommitFront;
+      return t.onCommitFront;
     },
     get onCommitMove() {
-      return e.onCommitMove;
+      return t.onCommitMove;
     },
     get onCommitResize() {
-      return e.onCommitResize;
+      return t.onCommitResize;
     },
     get onRequestOverview() {
-      return e.onRequestOverview;
+      return t.onRequestOverview;
     },
     get onRequestFit() {
-      return e.onRequestFit;
+      return t.onRequestFit;
     },
     get onRequestDelete() {
-      return e.onRequestDelete;
+      return t.onRequestDelete;
+    },
+    get onLayoutInteractionStart() {
+      return t.onLayoutInteractionStart;
+    },
+    get onLayoutInteractionEnd() {
+      return t.onLayoutInteractionEnd;
     }
   });
 }
-function F(e) {
-  const t = i(() => e.widgets.map((n) => n.id)), d = i(() => new Map(e.widgets.map((n) => [n.id, n]))), r = i(() => a(e.widgets));
+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));
   return (() => {
     var n = v();
-    return n.firstChild, u(n, g(c, {
+    return n.firstChild, a(n, g(m, {
       get each() {
-        return t();
+        return d();
       },
-      children: (o) => g(f, {
-        widgetId: o,
+      children: (u) => g(f, {
+        widgetId: u,
         get widgetDefinitions() {
-          return e.widgetDefinitions;
+          return t.widgetDefinitions;
         },
         get widgets() {
-          return e.widgets;
+          return t.widgets;
         },
-        widgetById: d,
-        renderLayers: r,
+        widgetById: i,
+        renderLayers: o,
         get selectedWidgetId() {
-          return e.selectedWidgetId;
+          return t.selectedWidgetId;
         },
         get optimisticFrontWidgetId() {
-          return e.optimisticFrontWidgetId;
+          return t.optimisticFrontWidgetId;
         },
         get viewportScale() {
-          return e.viewportScale;
+          return t.viewportScale;
         },
         get locked() {
-          return e.locked;
+          return t.locked;
         },
         get filters() {
-          return e.filters;
+          return t.filters;
+        },
+        get interactionAdapter() {
+          return e();
         },
         get onSelectWidget() {
-          return e.onSelectWidget;
+          return t.onSelectWidget;
         },
         get onWidgetContextMenu() {
-          return e.onWidgetContextMenu;
+          return t.onWidgetContextMenu;
         },
         get onStartOptimisticFront() {
-          return e.onStartOptimisticFront;
+          return t.onStartOptimisticFront;
         },
         get onCommitFront() {
-          return e.onCommitFront;
+          return t.onCommitFront;
         },
         get onCommitMove() {
-          return e.onCommitMove;
+          return t.onCommitMove;
         },
         get onCommitResize() {
-          return e.onCommitResize;
+          return t.onCommitResize;
         },
         get onRequestOverview() {
-          return e.onRequestOverview;
+          return t.onRequestOverview;
         },
         get onRequestFit() {
-          return e.onRequestFit;
+          return t.onRequestFit;
         },
         get onRequestDelete() {
-          return e.onRequestDelete;
+          return t.onRequestDelete;
+        },
+        get onLayoutInteractionStart() {
+          return t.onLayoutInteractionStart;
+        },
+        get onLayoutInteractionEnd() {
+          return t.onLayoutInteractionEnd;
         }
       })
     }), null), n;
   })();
 }
 export {
-  F as WorkbenchCanvasField
+  s as WorkbenchCanvasField
 };

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

@@ -1,10 +1,15 @@
-import type { WorkbenchState, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
+import type { WorkbenchState, WorkbenchInteractionAdapter, WorkbenchWidgetDefinition, WorkbenchWidgetItem, WorkbenchWidgetType } from './types';
 export interface WorkbenchSurfaceApi {
     ensureWidget: (type: WorkbenchWidgetType, options?: {
         centerViewport?: boolean;
         worldX?: number;
         worldY?: number;
     }) => WorkbenchWidgetItem | null;
+    createWidget: (type: WorkbenchWidgetType, options?: {
+        centerViewport?: boolean;
+        worldX?: number;
+        worldY?: number;
+    }) => WorkbenchWidgetItem | null;
     clearSelection: () => void;
     focusWidget: (widget: WorkbenchWidgetItem, options?: {
         centerViewport?: boolean;
@@ -12,6 +17,8 @@ export interface WorkbenchSurfaceApi {
     fitWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem;
     overviewWidget: (widget: WorkbenchWidgetItem) => WorkbenchWidgetItem;
     findWidgetByType: (type: WorkbenchWidgetType) => WorkbenchWidgetItem | null;
+    findWidgetById: (widgetId: string) => WorkbenchWidgetItem | null;
+    updateWidgetTitle: (widgetId: string, title: string) => void;
 }
 export interface WorkbenchSurfaceProps {
     state: () => WorkbenchState;
@@ -32,6 +39,11 @@ export interface WorkbenchSurfaceProps {
      */
     class?: string;
     widgetDefinitions?: readonly WorkbenchWidgetDefinition[];
+    launcherWidgetTypes?: readonly WorkbenchWidgetType[];
+    interactionAdapter?: WorkbenchInteractionAdapter;
     onApiReady?: (api: WorkbenchSurfaceApi | null) => void;
+    onRequestDelete?: (widgetId: string) => void;
+    onLayoutInteractionStart?: () => void;
+    onLayoutInteractionEnd?: () => void;
 }
 export declare function WorkbenchSurface(props: WorkbenchSurfaceProps): import("solid-js").JSX.Element;