@floegence/floe-webapp-core 0.52.12 → 0.53.0

package/dist/components/workbench/workbenchHelpers.js

@@ -1,18 +1,18 @@
-import { DEFAULT_WORKBENCH_VIEWPORT as O, WORKBENCH_BACKGROUND_REGION_FILTER_ID as K, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as P } 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 z, resolveWorkbenchTextFontOption as U, WORKBENCH_BACKGROUND_MATERIALS as X, WORKBENCH_STICKY_NOTE_COLORS as Y, WORKBENCH_TEXT_COLOR_OPTIONS as j, WORKBENCH_REGION_FILL_OPTIONS as V } from "./workbenchOptions.js";
-import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as C, createWorkbenchFilterState as I, isValidWorkbenchWidgetType as G } from "./widgets/widgetRegistry.js";
-import { DEFAULT_WORKBENCH_THEME as A, isWorkbenchThemeId as $ } from "./workbenchThemes.js";
-function Z() {
-  const e = globalThis.crypto;
-  return e && typeof e.randomUUID == "function" ? `wb-${e.randomUUID()}` : `wb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
-}
-function ke(e) {
+import { secureRandomUUID as K } from "../../utils/secureRandom.js";
+import { DEFAULT_WORKBENCH_VIEWPORT as O, WORKBENCH_BACKGROUND_REGION_FILTER_ID as P, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as X } 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 z, resolveWorkbenchTextFontOption as U, WORKBENCH_BACKGROUND_MATERIALS as Y, WORKBENCH_STICKY_NOTE_COLORS as j, WORKBENCH_TEXT_COLOR_OPTIONS as V, WORKBENCH_REGION_FILL_OPTIONS as G } from "./workbenchOptions.js";
+import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as C, createWorkbenchFilterState as A, isValidWorkbenchWidgetType as $ } from "./widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_THEME as I, isWorkbenchThemeId as Z } from "./workbenchThemes.js";
+function q() {
+  return `wb-${K()}`;
+}
+function Ne(e) {
   return e.renderMode ?? "canvas_scaled";
 }
-function Me(e) {
+function Oe(e) {
   return e.projectedSurfaceScaleBehavior ?? "stable_transform";
 }
-function q(e) {
+function J(e) {
   const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1, n = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1, r = Math.round((e.viewport.x + e.worldX * t) * n) / n, i = Math.round((e.viewport.y + e.worldY * t) * n) / n;
   return {
     widgetId: e.widgetId,
@@ -27,13 +27,13 @@ function q(e) {
     viewportScale: t
   };
 }
-function Ne(e) {
+function Ee(e) {
   return {
     ready: e.ready,
-    rect: q(e)
+    rect: J(e)
   };
 }
-function Oe(e, t) {
+function Se(e, t) {
   const { width: n, height: r } = e.defaultSize;
   switch (t.anchor) {
     case "center":
@@ -52,23 +52,23 @@ function Oe(e, t) {
       };
   }
 }
-function J(e) {
+function Q(e) {
   return e ? {
     x: Number.isFinite(e.x) ? e.x : 0,
     y: Number.isFinite(e.y) ? e.y : 0,
     scale: Number.isFinite(e.scale) && e.scale > 0 ? e.scale : 1
   } : { ...O };
 }
-function Q(e, t) {
-  const n = J(e);
+function v(e, t) {
+  const n = Q(e);
   return {
     ...n,
-    scale: b(n.scale, me(t).minScale, g)
+    scale: b(n.scale, xe(t).minScale, g)
   };
 }
-function v(e, t) {
-  const n = I(t, e);
-  for (const r of P)
+function ee(e, t) {
+  const n = A(t, e);
+  for (const r of X)
     n[r] = typeof e?.[r] == "boolean" ? !!e[r] : !0;
   return n;
 }
@@ -88,30 +88,30 @@ function m(e, t) {
 }
 function W(e, t) {
   const n = f(e);
-  return n.length > 0 && n.length <= 128 ? n : `${t}-${Z()}`;
+  return n.length > 0 && n.length <= 128 ? n : `${t}-${q()}`;
 }
-function ee(e) {
+function te(e) {
   return F(e);
 }
-function te(e, t) {
+function ne(e, t) {
   const n = f(e);
-  return n || (t === "annotation" || t === "background" ? K : "select");
+  return n || (t === "annotation" || t === "background" ? P : "select");
 }
 function w(e, t, n) {
   const r = f(e);
   return t.includes(r) ? r : n;
 }
-function ne(e) {
-  return w(e, Y, z);
-}
 function ie(e) {
+  return w(e, j, z);
+}
+function re(e) {
   if (!y(e)) return null;
   const t = Date.now();
   return {
     id: W(e.id, "sticky"),
     kind: "sticky_note",
     body: f(e.body) || "Untitled note",
-    color: ne(e.color),
+    color: ie(e.color),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 260),
@@ -121,16 +121,16 @@ function ie(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function re(e) {
+function oe(e) {
   if (!Array.isArray(e)) return [];
   const t = /* @__PURE__ */ new Set();
-  return e.map((n) => ie(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
-}
-const oe = ["left", "center", "right"];
-function ae(e) {
-  return oe.includes(e) ? e : "left";
+  return e.map((n) => re(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
+const ae = ["left", "center", "right"];
 function ce(e) {
+  return ae.includes(e) ? e : "left";
+}
+function de(e) {
   if (!y(e)) return null;
   const t = Date.now(), n = U(e.font_family);
   return {
@@ -140,8 +140,8 @@ function ce(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),
-    align: ae(e.align),
+    color: w(e.color, V, R),
+    align: ce(e.align),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 280),
@@ -151,27 +151,27 @@ function ce(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function de(e) {
+function se(e) {
   if (!Array.isArray(e)) return [];
   const t = /* @__PURE__ */ new Set();
-  return e.map((n) => ce(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
+  return e.map((n) => de(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-function se(e) {
+function he(e) {
   return w(
     e,
-    X,
+    Y,
     E
   );
 }
-function he(e) {
+function ue(e) {
   if (!y(e)) return null;
   const t = Date.now();
   return {
     id: W(e.id, "region"),
     name: f(e.name) || "Canvas region",
-    fill: w(e.fill, V, S),
+    fill: w(e.fill, G, S),
     opacity: Math.max(0.08, Math.min(1, d(e.opacity, 0.72))),
-    material: se(e.material),
+    material: he(e.material),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 560),
@@ -181,12 +181,12 @@ function he(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function ue(e) {
+function le(e) {
   if (!Array.isArray(e)) return [];
   const t = /* @__PURE__ */ new Set();
-  return e.map((n) => he(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
+  return e.map((n) => ue(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-function le(e, t, n, r, i, a) {
+function _e(e, t, n, r, i, a) {
   if (y(e)) {
     const c = f(e.kind), s = f(e.id);
     if (c === "widget" && t.some((u) => u.id === s)) return { kind: c, id: s };
@@ -197,12 +197,12 @@ function le(e, t, n, r, i, a) {
   }
   return a ? { kind: "widget", id: a } : null;
 }
-function Ee(e, t = {}) {
-  const n = T(t.widgetDefinitions), r = t.createFallbackState ?? (() => _e(n)), i = e;
+function Re(e, t = {}) {
+  const n = T(t.widgetDefinitions), r = t.createFallbackState ?? (() => fe(n)), i = e;
   if (!i || i.version !== 1 || !Array.isArray(i.widgets))
     return r();
   const a = i.widgets.filter(
-    (o) => !!o && typeof o.id == "string" && G(o.type, n) && typeof o.title == "string"
+    (o) => !!o && typeof o.id == "string" && $(o.type, n) && typeof o.title == "string"
   ).map((o) => {
     const _ = C(o.type, n);
     return {
@@ -216,18 +216,18 @@ function Ee(e, t = {}) {
       z_index: Number.isFinite(o.z_index) && o.z_index >= 0 ? o.z_index : 1,
       created_at_unix_ms: Number.isFinite(o.created_at_unix_ms) ? o.created_at_unix_ms : Date.now()
     };
-  }), c = typeof i.selectedWidgetId == "string" && a.some((o) => o.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = re(i.stickyNotes), u = de(i.annotations), x = ue(i.backgroundLayers), h = ee(i.mode), l = Q(i.viewport, h);
+  }), c = typeof i.selectedWidgetId == "string" && a.some((o) => o.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = oe(i.stickyNotes), u = se(i.annotations), x = le(i.backgroundLayers), h = te(i.mode), l = v(i.viewport, h);
   return {
     version: 1,
     widgets: a,
     viewport: l,
     locked: typeof i.locked == "boolean" ? i.locked : !1,
-    filters: v(i.filters, n),
+    filters: ee(i.filters, n),
     selectedWidgetId: c,
-    theme: $(i.theme) ? i.theme : A,
+    theme: Z(i.theme) ? i.theme : I,
     mode: h,
-    activeTool: te(i.activeTool, h),
-    selectedObject: le(
+    activeTool: ne(i.activeTool, h),
+    selectedObject: _e(
       i.selectedObject,
       a,
       s,
@@ -240,7 +240,7 @@ function Ee(e, t = {}) {
     backgroundLayers: x
   };
 }
-function _e(e) {
+function fe(e) {
   const t = T(e), n = Date.now(), r = [
     { type: "terminal", title: "dev · terminal", x: 80, y: 80 },
     { type: "file-browser", title: "project · files", x: 600, y: 80 },
@@ -266,9 +266,9 @@ function _e(e) {
     widgets: i,
     viewport: { ...O },
     locked: !1,
-    filters: I(t),
+    filters: A(t),
     selectedWidgetId: i[0]?.id ?? null,
-    theme: A,
+    theme: I,
     mode: "work",
     activeTool: "select",
     selectedObject: i[0] ? { kind: "widget", id: i[0].id } : null,
@@ -324,11 +324,11 @@ function _e(e) {
     ]
   };
 }
-const Se = 1.18, Re = 200, H = 0.35, L = 0.2, k = H, g = 2.2, fe = 48;
+const ze = 1.18, Te = 200, H = 0.35, L = 0.2, k = H, g = 2.2, me = 48;
 function F(e) {
   return e === "annotation" || e === "background" ? "background" : "work";
 }
-function me(e) {
+function xe(e) {
   return F(e) === "background" ? {
     mode: "background",
     label: "Composition Mode",
@@ -343,7 +343,7 @@ function me(e) {
     layerEditingEnabled: !1
   };
 }
-function ze(e) {
+function Ce(e) {
   const t = b(
     e.scale,
     e.minScale ?? L,
@@ -358,7 +358,7 @@ function ze(e) {
     scale: t
   };
 }
-function xe(e) {
+function ge(e) {
   const t = b(e.scale, k, g);
   return {
     x: e.frameWidth / 2 - (e.widget.x + e.widget.width / 2) * t,
@@ -366,8 +366,8 @@ function xe(e) {
     scale: t
   };
 }
-function Te(e) {
-  const t = e.minScale ?? k, n = e.maxScale ?? g, r = e.paddingPx ?? fe, i = Math.max(e.frameWidth - r * 2, 1), a = Math.max(e.frameHeight - r * 2, 1), c = b(
+function Ae(e) {
+  const t = e.minScale ?? k, n = e.maxScale ?? g, r = e.paddingPx ?? me, i = Math.max(e.frameWidth - r * 2, 1), a = Math.max(e.frameHeight - r * 2, 1), c = b(
     Math.min(
       i / Math.max(e.widget.width, 1),
       a / Math.max(e.widget.height, 1)
@@ -375,7 +375,7 @@ function Te(e) {
     t,
     n
   );
-  return xe({
+  return ge({
     widget: e.widget,
     scale: c,
     frameWidth: e.frameWidth,
@@ -385,7 +385,7 @@ function Te(e) {
 function p(e, t) {
   return e.z_index !== t.z_index ? e.z_index - t.z_index : e.created_at_unix_ms !== t.created_at_unix_ms ? e.created_at_unix_ms - t.created_at_unix_ms : e.id.localeCompare(t.id);
 }
-function Ce(e) {
+function Ie(e) {
   const t = [...e].sort(p), n = /* @__PURE__ */ new Map();
   for (const [r, i] of t.entries())
     n.set(i.id, r + 1);
@@ -394,27 +394,27 @@ function Ce(e) {
     topRenderLayer: Math.max(t.length, 1)
   };
 }
-function ge(e, t) {
+function ye(e, t) {
   return p(e, t) > 0;
 }
-function Ie(e, t) {
+function He(e, t) {
   const n = e.find((a) => a.id === t);
   if (!n)
     return null;
   const r = e.reduce((a, c) => Math.max(a, c.z_index), 1);
   return {
     isTop: !e.some(
-      (a) => a.id !== t && ge(a, n)
+      (a) => a.id !== t && ye(a, n)
     ),
     nextZIndex: r + 1
   };
 }
-function Ae(e) {
+function Le(e) {
   const t = typeof window < "u" ? window.innerWidth : 1280, n = typeof window < "u" ? window.innerHeight : 800;
   let r = e.clientX, i = e.clientY;
   return r + e.menuWidth > t && (r = Math.max(0, t - e.menuWidth - 8)), i + e.menuHeight > n && (i = Math.max(0, n - e.menuHeight - 8)), { left: r, top: i };
 }
-function He(e, t, n, r) {
+function Fe(e, t, n, r) {
   const i = e.filter((h) => r[h.type]);
   if (i.length === 0) return null;
   if (!t) return i[0] ?? null;
@@ -452,39 +452,39 @@ function He(e, t, n, r) {
 function b(e, t = k, n = g) {
   return Math.max(t, Math.min(n, e));
 }
-function Le(e, t = 0) {
+function pe(e, t = 0) {
   return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  Se as WORKBENCH_CANVAS_ZOOM_STEP,
+  ze as WORKBENCH_CANVAS_ZOOM_STEP,
   L as WORKBENCH_COMPOSITION_MIN_SCALE,
-  Re as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  Te as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
   g as WORKBENCH_MAX_SCALE,
   k as WORKBENCH_MIN_SCALE,
-  fe as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
+  me as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
   H as WORKBENCH_WORK_MIN_SCALE,
   b as clampScale,
   p as compareWorkbenchLayerRenderOrder,
-  Ae as createContextMenuPosition,
-  _e as createDefaultWorkbenchState,
-  Z as createWorkbenchId,
-  q as createWorkbenchProjectedRect,
-  Ce as createWorkbenchRenderLayerMap,
-  ze as createWorkbenchViewportAtScale,
-  xe as createWorkbenchViewportCenteredOnWidget,
-  Te as createWorkbenchViewportFitForWidget,
-  Oe as createWorkbenchWidgetFrame,
-  Ne as createWorkbenchWidgetSurfaceMetrics,
-  Le as estimateContextMenuHeight,
-  He as findNearestWidget,
-  ge as isWorkbenchLayerItemAbove,
+  Le as createContextMenuPosition,
+  fe as createDefaultWorkbenchState,
+  q as createWorkbenchId,
+  J as createWorkbenchProjectedRect,
+  Ie as createWorkbenchRenderLayerMap,
+  Ce as createWorkbenchViewportAtScale,
+  ge as createWorkbenchViewportCenteredOnWidget,
+  Ae as createWorkbenchViewportFitForWidget,
+  Se as createWorkbenchWidgetFrame,
+  Ee as createWorkbenchWidgetSurfaceMetrics,
+  pe as estimateContextMenuHeight,
+  Fe as findNearestWidget,
+  ye as isWorkbenchLayerItemAbove,
   F as normalizeWorkbenchInteractionMode,
-  Ie as resolveWorkbenchLayerFront,
-  me as resolveWorkbenchModeStrategy,
-  Me as resolveWorkbenchProjectedSurfaceScaleBehavior,
-  ke as resolveWorkbenchWidgetRenderMode,
-  v as sanitizeFilters,
-  J as sanitizeViewport,
-  Ee as sanitizeWorkbenchState,
-  Q as sanitizeWorkbenchViewportForMode
+  He as resolveWorkbenchLayerFront,
+  xe as resolveWorkbenchModeStrategy,
+  Oe as resolveWorkbenchProjectedSurfaceScaleBehavior,
+  Ne as resolveWorkbenchWidgetRenderMode,
+  ee as sanitizeFilters,
+  Q as sanitizeViewport,
+  Re as sanitizeWorkbenchState,
+  v as sanitizeWorkbenchViewportForMode
 };