@floegence/floe-webapp-core 0.36.48 → 0.36.50

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

@@ -14,6 +14,18 @@ export declare function createWorkbenchProjectedRect(input: CreateWorkbenchProje
 export declare function createWorkbenchWidgetSurfaceMetrics(input: CreateWorkbenchProjectedRectInput & {
     ready: boolean;
 }): WorkbenchWidgetSurfaceMetrics;
+export type WorkbenchWidgetPlacement = Readonly<{
+    anchor: 'top_left' | 'center';
+    worldX: number;
+    worldY: number;
+}>;
+export type WorkbenchWidgetFrame = Readonly<{
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}>;
+export declare function createWorkbenchWidgetFrame(definition: Pick<WorkbenchWidgetDefinition, 'defaultSize'>, placement: WorkbenchWidgetPlacement): WorkbenchWidgetFrame;
 export declare function sanitizeViewport(viewport: Partial<WorkbenchViewport> | undefined): WorkbenchViewport;
 export declare function sanitizeWorkbenchViewportForMode(viewport: Partial<WorkbenchViewport> | undefined, mode: WorkbenchInteractionMode): WorkbenchViewport;
 export declare function sanitizeFilters(filters: Partial<Record<string, boolean>> | undefined, widgetDefinitions?: readonly WorkbenchWidgetDefinition[]): Record<string, boolean>;

package/dist/components/workbench/workbenchHelpers.js

@@ -1,6 +1,6 @@
 import { DEFAULT_WORKBENCH_VIEWPORT as O, WORKBENCH_BACKGROUND_REGION_FILTER_ID as D, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as K } from "./types.js";
-import { WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as E, WORKBENCH_DEFAULT_REGION_FILL as S, WORKBENCH_DEFAULT_TEXT_COLOR as R, WORKBENCH_DEFAULT_TEXT_FONT as N, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as T, resolveWorkbenchTextFontOption as P, WORKBENCH_BACKGROUND_MATERIALS as U, WORKBENCH_STICKY_NOTE_COLORS as X, WORKBENCH_TEXT_COLOR_OPTIONS as j, WORKBENCH_REGION_FILL_OPTIONS as V } from "./workbenchOptions.js";
-import { resolveWorkbenchWidgetDefinitions as z, getWidgetEntry as C, createWorkbenchFilterState as A, isValidWorkbenchWidgetType as Y } from "./widgets/widgetRegistry.js";
+import { WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as E, WORKBENCH_DEFAULT_REGION_FILL as S, WORKBENCH_DEFAULT_TEXT_COLOR as R, WORKBENCH_DEFAULT_TEXT_FONT as N, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as z, resolveWorkbenchTextFontOption as P, WORKBENCH_BACKGROUND_MATERIALS as U, WORKBENCH_STICKY_NOTE_COLORS as X, WORKBENCH_TEXT_COLOR_OPTIONS as Y, WORKBENCH_REGION_FILL_OPTIONS as j } from "./workbenchOptions.js";
+import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as C, createWorkbenchFilterState as A, isValidWorkbenchWidgetType as V } from "./widgets/widgetRegistry.js";
 import { DEFAULT_WORKBENCH_THEME as H, isWorkbenchThemeId as G } from "./workbenchThemes.js";
 function $() {
   const e = globalThis.crypto;
@@ -33,6 +33,25 @@ function Me(e) {
     rect: q(e)
   };
 }
+function Ne(e, t) {
+  const { width: n, height: o } = e.defaultSize;
+  switch (t.anchor) {
+    case "center":
+      return {
+        x: t.worldX - n / 2,
+        y: t.worldY - o / 2,
+        width: n,
+        height: o
+      };
+    case "top_left":
+      return {
+        x: t.worldX,
+        y: t.worldY,
+        width: n,
+        height: o
+      };
+  }
+}
 function Z(e) {
   return e ? {
     x: Number.isFinite(e.x) ? e.x : 0,
@@ -72,7 +91,7 @@ function W(e, t) {
   return n.length > 0 && n.length <= 128 ? n : `${t}-${$()}`;
 }
 function v(e) {
-  return p(e);
+  return F(e);
 }
 function ee(e, t) {
   const n = f(e);
@@ -83,7 +102,7 @@ function w(e, t, n) {
   return t.includes(o) ? o : n;
 }
 function te(e) {
-  return w(e, X, T);
+  return w(e, X, z);
 }
 function ne(e) {
   if (!y(e)) return null;
@@ -121,7 +140,7 @@ function ae(e) {
     font_family: n.fontFamily,
     font_size: Math.max(8, Math.min(160, Math.round(d(e.font_size, 28)))),
     font_weight: n.fontWeight,
-    color: w(e.color, j, R),
+    color: w(e.color, Y, R),
     align: oe(e.align),
     x: d(e.x, 0),
     y: d(e.y, 0),
@@ -150,7 +169,7 @@ function se(e) {
   return {
     id: W(e.id, "region"),
     name: f(e.name) || "Canvas region",
-    fill: w(e.fill, V, S),
+    fill: w(e.fill, j, S),
     opacity: Math.max(0.08, Math.min(1, d(e.opacity, 0.72))),
     material: de(e.material),
     x: d(e.x, 0),
@@ -178,30 +197,30 @@ function le(e, t, n, o, i, a) {
   }
   return a ? { kind: "widget", id: a } : null;
 }
-function Ne(e, t = {}) {
-  const n = z(t.widgetDefinitions), o = t.createFallbackState ?? (() => _e(n)), i = e;
+function Oe(e, t = {}) {
+  const n = T(t.widgetDefinitions), o = t.createFallbackState ?? (() => ue(n)), i = e;
   if (!i || i.version !== 1 || !Array.isArray(i.widgets))
     return o();
   const a = i.widgets.filter(
-    (r) => !!r && typeof r.id == "string" && Y(r.type, n) && typeof r.title == "string"
+    (r) => !!r && typeof r.id == "string" && V(r.type, n) && typeof r.title == "string"
   ).map((r) => {
-    const u = C(r.type, n);
+    const _ = C(r.type, n);
     return {
       id: r.id,
       type: r.type,
       title: r.title,
       x: Number.isFinite(r.x) ? r.x : 0,
       y: Number.isFinite(r.y) ? r.y : 0,
-      width: Number.isFinite(r.width) && r.width > 0 ? r.width : u.defaultSize.width,
-      height: Number.isFinite(r.height) && r.height > 0 ? r.height : u.defaultSize.height,
+      width: Number.isFinite(r.width) && r.width > 0 ? r.width : _.defaultSize.width,
+      height: Number.isFinite(r.height) && r.height > 0 ? r.height : _.defaultSize.height,
       z_index: Number.isFinite(r.z_index) && r.z_index >= 0 ? r.z_index : 1,
       created_at_unix_ms: Number.isFinite(r.created_at_unix_ms) ? r.created_at_unix_ms : Date.now()
     };
-  }), c = typeof i.selectedWidgetId == "string" && a.some((r) => r.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = ie(i.stickyNotes), l = ce(i.annotations), x = he(i.backgroundLayers), h = v(i.mode), _ = J(i.viewport, h);
+  }), c = typeof i.selectedWidgetId == "string" && a.some((r) => r.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = ie(i.stickyNotes), l = ce(i.annotations), x = he(i.backgroundLayers), h = v(i.mode), u = J(i.viewport, h);
   return {
     version: 1,
     widgets: a,
-    viewport: _,
+    viewport: u,
     locked: typeof i.locked == "boolean" ? i.locked : !1,
     filters: Q(i.filters, n),
     selectedWidgetId: c,
@@ -221,8 +240,8 @@ function Ne(e, t = {}) {
     backgroundLayers: x
   };
 }
-function _e(e) {
-  const t = z(e), n = Date.now(), o = [
+function ue(e) {
+  const t = T(e), n = Date.now(), o = [
     { type: "terminal", title: "dev · terminal", x: 80, y: 80 },
     { type: "file-browser", title: "project · files", x: 600, y: 80 },
     { type: "system-monitor", title: "host · system monitor", x: 80, y: 420 },
@@ -258,7 +277,7 @@ function _e(e) {
         id: "wb-seed-sticky-1",
         kind: "sticky_note",
         body: "Confirm the rollout checklist before touching production.",
-        color: T,
+        color: z,
         x: 930,
         y: 620,
         width: 270,
@@ -305,12 +324,12 @@ function _e(e) {
     ]
   };
 }
-const Oe = 1.18, Ee = 200, I = 0.35, L = 0.2, k = I, g = 2.2, ue = 48;
-function p(e) {
+const Ee = 1.18, Se = 200, I = 0.35, L = 0.2, k = I, g = 2.2, _e = 48;
+function F(e) {
   return e === "annotation" || e === "background" ? "background" : "work";
 }
 function fe(e) {
-  return p(e) === "background" ? {
+  return F(e) === "background" ? {
     mode: "background",
     label: "Composition Mode",
     minScale: L,
@@ -324,7 +343,7 @@ function fe(e) {
     layerEditingEnabled: !1
   };
 }
-function Se(e) {
+function Re(e) {
   const t = b(
     e.scale,
     e.minScale ?? L,
@@ -347,8 +366,8 @@ function me(e) {
     scale: t
   };
 }
-function Re(e) {
-  const t = e.minScale ?? k, n = e.maxScale ?? g, o = e.paddingPx ?? ue, i = Math.max(e.frameWidth - o * 2, 1), a = Math.max(e.frameHeight - o * 2, 1), c = b(
+function ze(e) {
+  const t = e.minScale ?? k, n = e.maxScale ?? g, o = e.paddingPx ?? _e, i = Math.max(e.frameWidth - o * 2, 1), a = Math.max(e.frameHeight - o * 2, 1), c = b(
     Math.min(
       i / Math.max(e.widget.width, 1),
       a / Math.max(e.widget.height, 1)
@@ -375,12 +394,12 @@ function Te(e) {
     topRenderLayer: Math.max(t.length, 1)
   };
 }
-function ze(e) {
+function Ce(e) {
   const t = typeof window < "u" ? window.innerWidth : 1280, n = typeof window < "u" ? window.innerHeight : 800;
   let o = e.clientX, i = e.clientY;
   return o + e.menuWidth > t && (o = Math.max(0, t - e.menuWidth - 8)), i + e.menuHeight > n && (i = Math.max(0, n - e.menuHeight - 8)), { left: o, top: i };
 }
-function Ce(e, t, n, o) {
+function Ae(e, t, n, o) {
   const i = e.filter((h) => o[h.type]);
   if (i.length === 0) return null;
   if (!t) return i[0] ?? null;
@@ -390,27 +409,27 @@ function Ce(e, t, n, o) {
   let l = null, x = 1 / 0;
   for (const h of i) {
     if (h.id === t) continue;
-    const _ = h.x + h.width / 2 - c, r = h.y + h.height / 2 - s;
-    let u = !1;
+    const u = h.x + h.width / 2 - c, r = h.y + h.height / 2 - s;
+    let _ = !1;
     switch (n) {
       case "up":
-        u = r < -10;
+        _ = r < -10;
         break;
       case "down":
-        u = r > 10;
+        _ = r > 10;
         break;
       case "left":
-        u = _ < -10;
+        _ = u < -10;
         break;
       case "right":
-        u = _ > 10;
+        _ = u > 10;
         break;
     }
-    if (!u) continue;
-    const F = Math.sqrt(_ * _ + r * r), B = Math.atan2(
-      Math.abs(n === "up" || n === "down" ? _ : r),
-      Math.abs(n === "up" || n === "down" ? r : _)
-    ), M = F * (1 + B * 1.5);
+    if (!_) continue;
+    const p = Math.sqrt(u * u + r * r), B = Math.atan2(
+      Math.abs(n === "up" || n === "down" ? u : r),
+      Math.abs(n === "up" || n === "down" ? r : u)
+    ), M = p * (1 + B * 1.5);
     M < x && (x = M, l = h);
   }
   return l;
@@ -418,35 +437,36 @@ function Ce(e, t, n, o) {
 function b(e, t = k, n = g) {
   return Math.max(t, Math.min(n, e));
 }
-function Ae(e, t = 0) {
+function He(e, t = 0) {
   return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  Oe as WORKBENCH_CANVAS_ZOOM_STEP,
+  Ee as WORKBENCH_CANVAS_ZOOM_STEP,
   L as WORKBENCH_COMPOSITION_MIN_SCALE,
-  Ee as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  Se as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
   g as WORKBENCH_MAX_SCALE,
   k as WORKBENCH_MIN_SCALE,
-  ue as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
+  _e as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
   I as WORKBENCH_WORK_MIN_SCALE,
   b as clampScale,
-  ze as createContextMenuPosition,
-  _e as createDefaultWorkbenchState,
+  Ce as createContextMenuPosition,
+  ue as createDefaultWorkbenchState,
   $ as createWorkbenchId,
   q as createWorkbenchProjectedRect,
   Te as createWorkbenchRenderLayerMap,
-  Se as createWorkbenchViewportAtScale,
+  Re as createWorkbenchViewportAtScale,
   me as createWorkbenchViewportCenteredOnWidget,
-  Re as createWorkbenchViewportFitForWidget,
+  ze as createWorkbenchViewportFitForWidget,
+  Ne as createWorkbenchWidgetFrame,
   Me as createWorkbenchWidgetSurfaceMetrics,
-  Ae as estimateContextMenuHeight,
-  Ce as findNearestWidget,
-  p as normalizeWorkbenchInteractionMode,
+  He as estimateContextMenuHeight,
+  Ae as findNearestWidget,
+  F as normalizeWorkbenchInteractionMode,
   fe as resolveWorkbenchModeStrategy,
   ke as resolveWorkbenchProjectedSurfaceScaleBehavior,
   We as resolveWorkbenchWidgetRenderMode,
   Q as sanitizeFilters,
   Z as sanitizeViewport,
-  Ne as sanitizeWorkbenchState,
+  Oe as sanitizeWorkbenchState,
   J as sanitizeWorkbenchViewportForMode
 };

package/dist/workbench.js

@@ -1,20 +1,20 @@
 import { DEFAULT_WORKBENCH_THEME as E, WORKBENCH_THEMES as _, WORKBENCH_THEME_IDS as o, isWorkbenchThemeId as O, workbenchThemeMeta as t } from "./components/workbench/workbenchThemes.js";
-import { DEFAULT_WORKBENCH_VIEWPORT as W, WORKBENCH_BACKGROUND_REGION_FILTER_ID as R, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as c, WORKBENCH_STICKY_FILTER_ID as N, WORKBENCH_TEXT_FILTER_ID as C, WORKBENCH_WIDGET_TYPES as n } from "./components/workbench/types.js";
-import { WIDGET_REGISTRY as K, createWorkbenchFilterState as h, getWidgetEntry as B, isValidWorkbenchWidgetType as a, resolveWorkbenchWidgetDefinitions as H } from "./components/workbench/widgets/widgetRegistry.js";
-import { WORKBENCH_BACKGROUND_MATERIALS as S, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as i, WORKBENCH_DEFAULT_REGION_FILL as b, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as k, WORKBENCH_DEFAULT_TEXT_COLOR as D, WORKBENCH_DEFAULT_TEXT_FONT as F, WORKBENCH_REGION_FILL_OPTIONS as d, WORKBENCH_STICKY_NOTE_COLORS as f, WORKBENCH_TEXT_COLOR_OPTIONS as A, WORKBENCH_TEXT_EMOJI_OPTIONS as p, WORKBENCH_TEXT_FONT_OPTIONS as m } from "./components/workbench/workbenchOptions.js";
+import { DEFAULT_WORKBENCH_VIEWPORT as T, WORKBENCH_BACKGROUND_REGION_FILTER_ID as R, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as c, WORKBENCH_STICKY_FILTER_ID as N, WORKBENCH_TEXT_FILTER_ID as C, WORKBENCH_WIDGET_TYPES as n } from "./components/workbench/types.js";
+import { WIDGET_REGISTRY as K, createWorkbenchFilterState as a, getWidgetEntry as h, isValidWorkbenchWidgetType as B, resolveWorkbenchWidgetDefinitions as H } from "./components/workbench/widgets/widgetRegistry.js";
+import { WORKBENCH_BACKGROUND_MATERIALS as i, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as S, WORKBENCH_DEFAULT_REGION_FILL as b, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as k, WORKBENCH_DEFAULT_TEXT_COLOR as D, WORKBENCH_DEFAULT_TEXT_FONT as F, WORKBENCH_REGION_FILL_OPTIONS as d, WORKBENCH_STICKY_NOTE_COLORS as f, WORKBENCH_TEXT_COLOR_OPTIONS as A, WORKBENCH_TEXT_EMOJI_OPTIONS as m, WORKBENCH_TEXT_FONT_OPTIONS as p } from "./components/workbench/workbenchOptions.js";
 import { WorkbenchContextMenu as x } from "./components/workbench/WorkbenchContextMenu.js";
 import { WorkbenchOverlay as U } from "./components/workbench/WorkbenchOverlay.js";
-import { WorkbenchSurface as G } from "./components/workbench/WorkbenchSurface.js";
-import { WorkbenchThemeSelector as g } from "./components/workbench/WorkbenchThemeSelector.js";
-import { createDefaultWorkbenchState as X, createWorkbenchId as Y, createWorkbenchProjectedRect as v, createWorkbenchRenderLayerMap as y, createWorkbenchViewportCenteredOnWidget as V, createWorkbenchViewportFitForWidget as w, createWorkbenchWidgetSurfaceMetrics as j, resolveWorkbenchProjectedSurfaceScaleBehavior as z, resolveWorkbenchWidgetRenderMode as J, sanitizeWorkbenchState as q } from "./components/workbench/workbenchHelpers.js";
-import { useWorkbenchModel as Z } from "./components/workbench/useWorkbenchModel.js";
+import { WorkbenchSurface as s } from "./components/workbench/WorkbenchSurface.js";
+import { WorkbenchThemeSelector as P } from "./components/workbench/WorkbenchThemeSelector.js";
+import { createDefaultWorkbenchState as X, createWorkbenchId as Y, createWorkbenchProjectedRect as v, createWorkbenchRenderLayerMap as y, createWorkbenchViewportCenteredOnWidget as V, createWorkbenchViewportFitForWidget as w, createWorkbenchWidgetFrame as j, createWorkbenchWidgetSurfaceMetrics as z, resolveWorkbenchProjectedSurfaceScaleBehavior as J, resolveWorkbenchWidgetRenderMode as q, sanitizeWorkbenchState as Q } from "./components/workbench/workbenchHelpers.js";
+import { useWorkbenchModel as $ } from "./components/workbench/useWorkbenchModel.js";
 export {
   E as DEFAULT_WORKBENCH_THEME,
-  W as DEFAULT_WORKBENCH_VIEWPORT,
+  T as DEFAULT_WORKBENCH_VIEWPORT,
   K as WIDGET_REGISTRY,
-  S as WORKBENCH_BACKGROUND_MATERIALS,
+  i as WORKBENCH_BACKGROUND_MATERIALS,
   R as WORKBENCH_BACKGROUND_REGION_FILTER_ID,
-  i as WORKBENCH_DEFAULT_BACKGROUND_MATERIAL,
+  S as WORKBENCH_DEFAULT_BACKGROUND_MATERIAL,
   b as WORKBENCH_DEFAULT_REGION_FILL,
   k as WORKBENCH_DEFAULT_STICKY_NOTE_COLOR,
   D as WORKBENCH_DEFAULT_TEXT_COLOR,
@@ -24,31 +24,32 @@ export {
   N as WORKBENCH_STICKY_FILTER_ID,
   f as WORKBENCH_STICKY_NOTE_COLORS,
   A as WORKBENCH_TEXT_COLOR_OPTIONS,
-  p as WORKBENCH_TEXT_EMOJI_OPTIONS,
+  m as WORKBENCH_TEXT_EMOJI_OPTIONS,
   C as WORKBENCH_TEXT_FILTER_ID,
-  m as WORKBENCH_TEXT_FONT_OPTIONS,
+  p as WORKBENCH_TEXT_FONT_OPTIONS,
   _ as WORKBENCH_THEMES,
   o as WORKBENCH_THEME_IDS,
   n as WORKBENCH_WIDGET_TYPES,
   x as WorkbenchContextMenu,
   U as WorkbenchOverlay,
-  G as WorkbenchSurface,
-  g as WorkbenchThemeSelector,
+  s as WorkbenchSurface,
+  P as WorkbenchThemeSelector,
   X as createDefaultWorkbenchState,
-  h as createWorkbenchFilterState,
+  a as createWorkbenchFilterState,
   Y as createWorkbenchId,
   v as createWorkbenchProjectedRect,
   y as createWorkbenchRenderLayerMap,
   V as createWorkbenchViewportCenteredOnWidget,
   w as createWorkbenchViewportFitForWidget,
-  j as createWorkbenchWidgetSurfaceMetrics,
-  B as getWidgetEntry,
-  a as isValidWorkbenchWidgetType,
+  j as createWorkbenchWidgetFrame,
+  z as createWorkbenchWidgetSurfaceMetrics,
+  h as getWidgetEntry,
+  B as isValidWorkbenchWidgetType,
   O as isWorkbenchThemeId,
-  z as resolveWorkbenchProjectedSurfaceScaleBehavior,
+  J as resolveWorkbenchProjectedSurfaceScaleBehavior,
   H as resolveWorkbenchWidgetDefinitions,
-  J as resolveWorkbenchWidgetRenderMode,
-  q as sanitizeWorkbenchState,
-  Z as useWorkbenchModel,
+  q as resolveWorkbenchWidgetRenderMode,
+  Q as sanitizeWorkbenchState,
+  $ as useWorkbenchModel,
   t as workbenchThemeMeta
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.36.48",
+  "version": "0.36.50",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",