@floegence/floe-webapp-core 0.36.7 → 0.36.9

package/dist/components/workbench/workbenchHelpers.js

@@ -1,151 +1,178 @@
-import { DEFAULT_WORKBENCH_VIEWPORT as m } from "./types.js";
-import { resolveWorkbenchWidgetDefinitions as x, getWidgetEntry as g, createWorkbenchFilterState as _, isValidWorkbenchWidgetType as W } from "./widgets/widgetRegistry.js";
-function F() {
+import { DEFAULT_WORKBENCH_VIEWPORT as g } from "./types.js";
+import { resolveWorkbenchWidgetDefinitions as m, getWidgetEntry as x, createWorkbenchFilterState as _, isValidWorkbenchWidgetType as w } from "./widgets/widgetRegistry.js";
+function v() {
   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 I(e) {
+  return e.renderMode ?? "canvas_scaled";
+}
+function p(e) {
+  const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1;
+  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,
+    screenWidth: e.worldWidth * t,
+    screenHeight: e.worldHeight * t,
+    viewportScale: t
+  };
+}
+function H(e) {
+  return {
+    ready: e.ready,
+    rect: p(e)
+  };
+}
 function M(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
-  } : { ...m };
+  } : { ...g };
 }
-function k(e, i) {
-  return _(i, e);
+function k(e, t) {
+  return _(t, e);
 }
-function D(e, i = {}) {
-  const r = x(i.widgetDefinitions), s = i.createFallbackState ?? (() => z(r)), n = e;
+function D(e, t = {}) {
+  const r = m(t.widgetDefinitions), d = t.createFallbackState ?? (() => S(r)), n = e;
   if (!n || n.version !== 1 || !Array.isArray(n.widgets))
-    return s();
-  const a = n.widgets.filter(
-    (t) => !!t && typeof t.id == "string" && W(t.type, r) && typeof t.title == "string"
-  ).map((t) => {
-    const u = g(t.type, r);
+    return d();
+  const o = n.widgets.filter(
+    (i) => !!i && typeof i.id == "string" && w(i.type, r) && typeof i.title == "string"
+  ).map((i) => {
+    const h = x(i.type, r);
     return {
-      id: t.id,
-      type: t.type,
-      title: t.title,
-      x: Number.isFinite(t.x) ? t.x : 0,
-      y: Number.isFinite(t.y) ? t.y : 0,
-      width: Number.isFinite(t.width) && t.width > 0 ? t.width : u.defaultSize.width,
-      height: Number.isFinite(t.height) && t.height > 0 ? t.height : u.defaultSize.height,
-      z_index: Number.isFinite(t.z_index) && t.z_index >= 0 ? t.z_index : 1,
-      created_at_unix_ms: Number.isFinite(t.created_at_unix_ms) ? t.created_at_unix_ms : Date.now()
+      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()
     };
-  }), d = typeof n.selectedWidgetId == "string" && a.some((t) => t.id === n.selectedWidgetId) ? n.selectedWidgetId : null;
+  }), a = typeof n.selectedWidgetId == "string" && o.some((i) => i.id === n.selectedWidgetId) ? n.selectedWidgetId : null;
   return {
     version: 1,
-    widgets: a,
+    widgets: o,
     viewport: M(n.viewport),
     locked: typeof n.locked == "boolean" ? n.locked : !1,
     filters: k(n.filters, r),
-    selectedWidgetId: d
+    selectedWidgetId: a
   };
 }
-function z(e) {
-  const i = x(e), r = Date.now(), s = [
+function S(e) {
+  const t = m(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 = s.filter((a) => i.some((d) => d.type === a.type)).map((a, d) => {
-    const t = g(a.type, i);
+  ], n = d.filter((o) => t.some((a) => a.type === o.type)).map((o, a) => {
+    const i = x(o.type, t);
     return {
-      id: `wb-seed-${d + 1}`,
-      type: a.type,
-      title: a.title,
-      x: a.x,
-      y: a.y,
-      width: t.defaultSize.width,
-      height: t.defaultSize.height,
-      z_index: d + 1,
-      created_at_unix_ms: r - (s.length - d) * 6e5
+      id: `wb-seed-${a + 1}`,
+      type: o.type,
+      title: o.title,
+      x: o.x,
+      y: o.y,
+      width: i.defaultSize.width,
+      height: i.defaultSize.height,
+      z_index: a + 1,
+      created_at_unix_ms: r - (d.length - a) * 6e5
     };
   });
   return {
     version: 1,
     widgets: n,
-    viewport: { ...m },
+    viewport: { ...g },
     locked: !1,
-    filters: _(i),
+    filters: _(t),
     selectedWidgetId: n[0]?.id ?? null
   };
 }
-const I = 1.18, C = 200;
-function w(e, i) {
-  return e.z_index !== i.z_index ? e.z_index - i.z_index : e.created_at_unix_ms !== i.created_at_unix_ms ? e.created_at_unix_ms - i.created_at_unix_ms : e.id.localeCompare(i.id);
+const C = 1.18, E = 200;
+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 E(e) {
-  const i = [...e].sort(w), r = /* @__PURE__ */ new Map();
-  for (const [s, n] of i.entries())
-    r.set(n.id, s + 1);
+function R(e) {
+  const t = [...e].sort(z), r = /* @__PURE__ */ new Map();
+  for (const [d, n] of t.entries())
+    r.set(n.id, d + 1);
   return {
     byWidgetId: r,
-    topRenderLayer: Math.max(i.length, 1)
+    topRenderLayer: Math.max(t.length, 1)
   };
 }
-function H(e) {
-  const i = typeof window < "u" ? window.innerWidth : 1280, r = typeof window < "u" ? window.innerHeight : 800;
-  let s = e.clientX, n = e.clientY;
-  return s + e.menuWidth > i && (s = Math.max(0, i - e.menuWidth - 8)), n + e.menuHeight > r && (n = Math.max(0, r - e.menuHeight - 8)), { left: s, top: n };
-}
 function T(e) {
-  return e.reduce((i, r) => Math.max(i, r.z_index), 1);
+  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 };
+}
+function O(e) {
+  return e.reduce((t, r) => Math.max(t, r.z_index), 1);
 }
-function O(e, i, r, s) {
-  const n = e.filter((o) => s[o.type]);
+function X(e, t, r, d) {
+  const n = e.filter((c) => d[c.type]);
   if (n.length === 0) return null;
-  if (!i) return n[0] ?? null;
-  const a = n.find((o) => o.id === i);
-  if (!a) return n[0] ?? null;
-  const d = a.x + a.width / 2, t = a.y + a.height / 2;
-  let u = null, h = 1 / 0;
-  for (const o of n) {
-    if (o.id === i) continue;
-    const c = o.x + o.width / 2 - d, l = o.y + o.height / 2 - t;
-    let f = !1;
+  if (!t) return n[0] ?? null;
+  const o = n.find((c) => c.id === t);
+  if (!o) return n[0] ?? null;
+  const a = o.x + o.width / 2, i = o.y + o.height / 2;
+  let h = null, f = 1 / 0;
+  for (const c of n) {
+    if (c.id === t) continue;
+    const s = c.x + c.width / 2 - a, l = c.y + c.height / 2 - i;
+    let u = !1;
     switch (r) {
       case "up":
-        f = l < -10;
+        u = l < -10;
         break;
       case "down":
-        f = l > 10;
+        u = l > 10;
         break;
       case "left":
-        f = c < -10;
+        u = s < -10;
         break;
       case "right":
-        f = c > 10;
+        u = s > 10;
         break;
     }
-    if (!f) continue;
-    const b = Math.sqrt(c * c + l * l), p = Math.atan2(
-      Math.abs(r === "up" || r === "down" ? c : l),
-      Math.abs(r === "up" || r === "down" ? l : c)
-    ), y = b * (1 + p * 1.5);
-    y < h && (h = y, u = o);
+    if (!u) continue;
+    const b = Math.sqrt(s * s + l * l), W = Math.atan2(
+      Math.abs(r === "up" || r === "down" ? s : l),
+      Math.abs(r === "up" || r === "down" ? l : s)
+    ), y = b * (1 + W * 1.5);
+    y < f && (f = y, h = c);
   }
-  return u;
+  return h;
 }
-function R(e, i = 0.45, r = 2.2) {
-  return Math.max(i, Math.min(r, e));
+function U(e, t = 0.45, r = 2.2) {
+  return Math.max(t, Math.min(r, e));
 }
-function v(e, i = 0) {
-  return 16 + Math.max(1, e) * 32 + Math.max(0, i) * 9;
+function A(e, t = 0) {
+  return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  I as WORKBENCH_CANVAS_ZOOM_STEP,
-  C as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
-  R as clampScale,
-  H as createContextMenuPosition,
-  z as createDefaultWorkbenchState,
-  F as createWorkbenchId,
-  E as createWorkbenchRenderLayerMap,
-  v as estimateContextMenuHeight,
-  O as findNearestWidget,
-  T as getTopZIndex,
+  C as WORKBENCH_CANVAS_ZOOM_STEP,
+  E as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  U as clampScale,
+  T as createContextMenuPosition,
+  S as createDefaultWorkbenchState,
+  v as createWorkbenchId,
+  p as createWorkbenchProjectedRect,
+  R as createWorkbenchRenderLayerMap,
+  H as createWorkbenchWidgetSurfaceMetrics,
+  A as estimateContextMenuHeight,
+  X as findNearestWidget,
+  O as getTopZIndex,
+  I as resolveWorkbenchWidgetRenderMode,
   k as sanitizeFilters,
   M as sanitizeViewport,
   D as sanitizeWorkbenchState

package/dist/context/DeckContext.d.ts

@@ -30,11 +30,6 @@ export interface DragState {
     widgetId: string;
     originalPosition: GridPosition;
     currentPosition: GridPosition;
-    /** Pixel offset for smooth visual following */
-    pixelOffset: {
-        x: number;
-        y: number;
-    };
     startX: number;
     startY: number;
 }
@@ -74,10 +69,7 @@ export interface DeckContextValue {
     getWidgetState: (widgetId: string) => Record<string, unknown>;
     dragState: Accessor<DragState | null>;
     startDrag: (widgetId: string, startX: number, startY: number) => void;
-    updateDrag: (currentPosition: GridPosition, pixelOffset: {
-        x: number;
-        y: number;
-    }) => void;
+    updateDrag: (currentPosition: GridPosition) => void;
     endDrag: (commit: boolean) => void;
     resizeState: Accessor<ResizeState | null>;
     startResize: (widgetId: string, edge: ResizeState['edge'], startX: number, startY: number) => void;