@floegence/floe-webapp-core 0.36.28 → 0.36.30

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

@@ -5,6 +5,7 @@ export type BuiltinWorkbenchWidgetType = 'terminal' | 'file-browser' | 'system-m
 export type WorkbenchWidgetType = BuiltinWorkbenchWidgetType | (string & {});
 export declare const WORKBENCH_WIDGET_TYPES: readonly WorkbenchWidgetType[];
 export type WorkbenchWidgetRenderMode = 'canvas_scaled' | 'projected_surface';
+export type WorkbenchProjectedSurfaceScaleBehavior = 'stable_transform' | 'settle_sharp_zoom';
 export type WorkbenchCanvasOwnerReason = 'initial' | 'background_pointer' | 'background_focus' | 'selection_cleared' | (string & {});
 export type WorkbenchWidgetOwnerReason = 'pointer' | 'focus' | 'activation' | (string & {});
 export type WorkbenchInputOwner = {
@@ -112,6 +113,7 @@ export interface WorkbenchWidgetDefinition<TWidgetType extends string = Workbenc
     group?: string;
     singleton?: boolean;
     renderMode?: WorkbenchWidgetRenderMode;
+    projectedSurfaceScaleBehavior?: WorkbenchProjectedSurfaceScaleBehavior;
 }
 export interface WorkbenchWidgetItem<TWidgetType extends string = WorkbenchWidgetType> {
     id: string;

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

@@ -1,6 +1,7 @@
-import { type WorkbenchProjectedRect, type WorkbenchState, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem, type WorkbenchWidgetRenderMode, type WorkbenchWidgetSurfaceMetrics, type WorkbenchWidgetType } from './types';
+import { type WorkbenchProjectedSurfaceScaleBehavior, type WorkbenchProjectedRect, type WorkbenchState, type WorkbenchViewport, type WorkbenchWidgetDefinition, type WorkbenchWidgetItem, type WorkbenchWidgetRenderMode, type WorkbenchWidgetSurfaceMetrics, type WorkbenchWidgetType } from './types';
 export declare function createWorkbenchId(): string;
 export declare function resolveWorkbenchWidgetRenderMode(definition: WorkbenchWidgetDefinition): WorkbenchWidgetRenderMode;
+export declare function resolveWorkbenchProjectedSurfaceScaleBehavior(definition: WorkbenchWidgetDefinition): WorkbenchProjectedSurfaceScaleBehavior;
 export interface CreateWorkbenchProjectedRectInput {
     widgetId: string;
     worldX: number;

package/dist/components/workbench/workbenchHelpers.js

@@ -1,32 +1,35 @@
 import { DEFAULT_WORKBENCH_VIEWPORT as y } from "./types.js";
-import { resolveWorkbenchWidgetDefinitions as _, getWidgetEntry as W, createWorkbenchFilterState as w, isValidWorkbenchWidgetType as H } from "./widgets/widgetRegistry.js";
-import { DEFAULT_WORKBENCH_THEME as b, isWorkbenchThemeId as N } from "./workbenchThemes.js";
-function T() {
+import { resolveWorkbenchWidgetDefinitions as w, getWidgetEntry as _, createWorkbenchFilterState as W, isValidWorkbenchWidgetType as N } from "./widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_THEME as b, isWorkbenchThemeId as v } from "./workbenchThemes.js";
+function O() {
   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 A(e) {
+function T(e) {
   return e.renderMode ?? "canvas_scaled";
 }
-function E(e) {
-  const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1;
+function A(e) {
+  return e.projectedSurfaceScaleBehavior ?? "stable_transform";
+}
+function H(e) {
+  const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1, r = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1, d = Math.round((e.viewport.x + e.worldX * t) * r) / r, i = Math.round((e.viewport.y + e.worldY * t) * r) / r;
   return {
     widgetId: e.widgetId,
     worldX: e.worldX,
     worldY: e.worldY,
     worldWidth: e.worldWidth,
     worldHeight: e.worldHeight,
-    screenX: e.viewport.x + e.worldX * t,
-    screenY: e.viewport.y + e.worldY * t,
+    screenX: d,
+    screenY: i,
     screenWidth: e.worldWidth * t,
     screenHeight: e.worldHeight * t,
     viewportScale: t
   };
 }
-function P(e) {
+function B(e) {
   return {
     ready: e.ready,
-    rect: E(e)
+    rect: H(e)
   };
 }
 function F(e) {
@@ -36,126 +39,126 @@ function F(e) {
     scale: Number.isFinite(e.scale) && e.scale > 0 ? e.scale : 1
   } : { ...y };
 }
-function I(e, t) {
-  return w(t, e);
+function E(e, t) {
+  return W(t, e);
 }
 function X(e, t = {}) {
-  const r = _(t.widgetDefinitions), d = t.createFallbackState ?? (() => z(r)), n = e;
-  if (!n || n.version !== 1 || !Array.isArray(n.widgets))
+  const r = w(t.widgetDefinitions), d = t.createFallbackState ?? (() => I(r)), i = e;
+  if (!i || i.version !== 1 || !Array.isArray(i.widgets))
     return d();
-  const a = n.widgets.filter(
-    (i) => !!i && typeof i.id == "string" && H(i.type, r) && typeof i.title == "string"
-  ).map((i) => {
-    const h = W(i.type, r);
+  const a = i.widgets.filter(
+    (n) => !!n && typeof n.id == "string" && N(n.type, r) && typeof n.title == "string"
+  ).map((n) => {
+    const h = _(n.type, r);
     return {
-      id: i.id,
-      type: i.type,
-      title: i.title,
-      x: Number.isFinite(i.x) ? i.x : 0,
-      y: Number.isFinite(i.y) ? i.y : 0,
-      width: Number.isFinite(i.width) && i.width > 0 ? i.width : h.defaultSize.width,
-      height: Number.isFinite(i.height) && i.height > 0 ? i.height : h.defaultSize.height,
-      z_index: Number.isFinite(i.z_index) && i.z_index >= 0 ? i.z_index : 1,
-      created_at_unix_ms: Number.isFinite(i.created_at_unix_ms) ? i.created_at_unix_ms : Date.now()
+      id: n.id,
+      type: n.type,
+      title: n.title,
+      x: Number.isFinite(n.x) ? n.x : 0,
+      y: Number.isFinite(n.y) ? n.y : 0,
+      width: Number.isFinite(n.width) && n.width > 0 ? n.width : h.defaultSize.width,
+      height: Number.isFinite(n.height) && n.height > 0 ? n.height : h.defaultSize.height,
+      z_index: Number.isFinite(n.z_index) && n.z_index >= 0 ? n.z_index : 1,
+      created_at_unix_ms: Number.isFinite(n.created_at_unix_ms) ? n.created_at_unix_ms : Date.now()
     };
-  }), c = typeof n.selectedWidgetId == "string" && a.some((i) => i.id === n.selectedWidgetId) ? n.selectedWidgetId : null;
+  }), c = typeof i.selectedWidgetId == "string" && a.some((n) => n.id === i.selectedWidgetId) ? i.selectedWidgetId : null;
   return {
     version: 1,
     widgets: a,
-    viewport: F(n.viewport),
-    locked: typeof n.locked == "boolean" ? n.locked : !1,
-    filters: I(n.filters, r),
+    viewport: F(i.viewport),
+    locked: typeof i.locked == "boolean" ? i.locked : !1,
+    filters: E(i.filters, r),
     selectedWidgetId: c,
-    theme: N(n.theme) ? n.theme : b
+    theme: v(i.theme) ? i.theme : b
   };
 }
-function z(e) {
-  const t = _(e), r = Date.now(), d = [
+function I(e) {
+  const t = w(e), r = Date.now(), d = [
     { 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 },
     { type: "log-viewer", title: "services · logs", x: 540, y: 500 },
     { type: "code-editor", title: "Counter.tsx", x: 1e3, y: 180 }
-  ], n = d.filter((a) => t.some((c) => c.type === a.type)).map((a, c) => {
-    const i = W(a.type, t);
+  ], i = d.filter((a) => t.some((c) => c.type === a.type)).map((a, c) => {
+    const n = _(a.type, t);
     return {
       id: `wb-seed-${c + 1}`,
       type: a.type,
       title: a.title,
       x: a.x,
       y: a.y,
-      width: i.defaultSize.width,
-      height: i.defaultSize.height,
+      width: n.defaultSize.width,
+      height: n.defaultSize.height,
       z_index: c + 1,
       created_at_unix_ms: r - (d.length - c) * 6e5
     };
   });
   return {
     version: 1,
-    widgets: n,
+    widgets: i,
     viewport: { ...y },
     locked: !1,
-    filters: w(t),
-    selectedWidgetId: n[0]?.id ?? null,
+    filters: W(t),
+    selectedWidgetId: i[0]?.id ?? null,
     theme: b
   };
 }
-const B = 1.18, K = 200, m = 0.45, u = 2.2, p = 48;
-function v(e) {
-  const t = M(e.scale, m, u);
+const K = 1.18, U = 200, u = 0.45, m = 2.2, p = 48;
+function R(e) {
+  const t = M(e.scale, u, m);
   return {
     x: e.frameWidth / 2 - (e.widget.x + e.widget.width / 2) * t,
     y: e.frameHeight / 2 - (e.widget.y + e.widget.height / 2) * t,
     scale: t
   };
 }
-function U(e) {
-  const t = e.minScale ?? m, r = e.maxScale ?? u, d = e.paddingPx ?? p, n = Math.max(e.frameWidth - d * 2, 1), a = Math.max(e.frameHeight - d * 2, 1), c = M(
+function V(e) {
+  const t = e.minScale ?? u, r = e.maxScale ?? m, d = e.paddingPx ?? p, i = Math.max(e.frameWidth - d * 2, 1), a = Math.max(e.frameHeight - d * 2, 1), c = M(
     Math.min(
-      n / Math.max(e.widget.width, 1),
+      i / Math.max(e.widget.width, 1),
       a / Math.max(e.widget.height, 1)
     ),
     t,
     r
   );
-  return v({
+  return R({
     widget: e.widget,
     scale: c,
     frameWidth: e.frameWidth,
     frameHeight: e.frameHeight
   });
 }
-function C(e, t) {
+function z(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 V(e) {
-  const t = [...e].sort(C), r = /* @__PURE__ */ new Map();
-  for (const [d, n] of t.entries())
-    r.set(n.id, d + 1);
+function L(e) {
+  const t = [...e].sort(z), r = /* @__PURE__ */ new Map();
+  for (const [d, i] of t.entries())
+    r.set(i.id, d + 1);
   return {
     byWidgetId: r,
     topRenderLayer: Math.max(t.length, 1)
   };
 }
-function L(e) {
+function Y(e) {
   const t = typeof window < "u" ? window.innerWidth : 1280, r = typeof window < "u" ? window.innerHeight : 800;
-  let d = e.clientX, n = e.clientY;
-  return d + e.menuWidth > t && (d = Math.max(0, t - e.menuWidth - 8)), n + e.menuHeight > r && (n = Math.max(0, r - e.menuHeight - 8)), { left: d, top: n };
+  let d = e.clientX, i = e.clientY;
+  return d + e.menuWidth > t && (d = Math.max(0, t - e.menuWidth - 8)), i + e.menuHeight > r && (i = Math.max(0, r - e.menuHeight - 8)), { left: d, top: i };
 }
-function Y(e) {
+function j(e) {
   return e.reduce((t, r) => Math.max(t, r.z_index), 1);
 }
 function $(e, t, r, d) {
-  const n = e.filter((o) => d[o.type]);
-  if (n.length === 0) return null;
-  if (!t) return n[0] ?? null;
-  const a = n.find((o) => o.id === t);
-  if (!a) return n[0] ?? null;
-  const c = a.x + a.width / 2, i = a.y + a.height / 2;
+  const i = e.filter((o) => d[o.type]);
+  if (i.length === 0) return null;
+  if (!t) return i[0] ?? null;
+  const a = i.find((o) => o.id === t);
+  if (!a) return i[0] ?? null;
+  const c = a.x + a.width / 2, n = a.y + a.height / 2;
   let h = null, g = 1 / 0;
-  for (const o of n) {
+  for (const o of i) {
     if (o.id === t) continue;
-    const s = o.x + o.width / 2 - c, l = o.y + o.height / 2 - i;
+    const s = o.x + o.width / 2 - c, l = o.y + o.height / 2 - n;
     let f = !1;
     switch (r) {
       case "up":
@@ -180,32 +183,33 @@ function $(e, t, r, d) {
   }
   return h;
 }
-function M(e, t = m, r = u) {
+function M(e, t = u, r = m) {
   return Math.max(t, Math.min(r, e));
 }
-function j(e, t = 0) {
+function Z(e, t = 0) {
   return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  B as WORKBENCH_CANVAS_ZOOM_STEP,
-  K as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
-  u as WORKBENCH_MAX_SCALE,
-  m as WORKBENCH_MIN_SCALE,
+  K as WORKBENCH_CANVAS_ZOOM_STEP,
+  U as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  m as WORKBENCH_MAX_SCALE,
+  u as WORKBENCH_MIN_SCALE,
   p as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
   M as clampScale,
-  L as createContextMenuPosition,
-  z as createDefaultWorkbenchState,
-  T as createWorkbenchId,
-  E as createWorkbenchProjectedRect,
-  V as createWorkbenchRenderLayerMap,
-  v as createWorkbenchViewportCenteredOnWidget,
-  U as createWorkbenchViewportFitForWidget,
-  P as createWorkbenchWidgetSurfaceMetrics,
-  j as estimateContextMenuHeight,
+  Y as createContextMenuPosition,
+  I as createDefaultWorkbenchState,
+  O as createWorkbenchId,
+  H as createWorkbenchProjectedRect,
+  L as createWorkbenchRenderLayerMap,
+  R as createWorkbenchViewportCenteredOnWidget,
+  V as createWorkbenchViewportFitForWidget,
+  B as createWorkbenchWidgetSurfaceMetrics,
+  Z as estimateContextMenuHeight,
   $ as findNearestWidget,
-  Y as getTopZIndex,
-  A as resolveWorkbenchWidgetRenderMode,
-  I as sanitizeFilters,
+  j as getTopZIndex,
+  A as resolveWorkbenchProjectedSurfaceScaleBehavior,
+  T as resolveWorkbenchWidgetRenderMode,
+  E as sanitizeFilters,
   F as sanitizeViewport,
   X as sanitizeWorkbenchState
 };