@floegence/floe-webapp-core 0.36.10 → 0.36.12

package/dist/components/workbench/workbenchHelpers.js

@@ -1,13 +1,13 @@
-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() {
+import { DEFAULT_WORKBENCH_VIEWPORT as y } from "./types.js";
+import { resolveWorkbenchWidgetDefinitions as _, getWidgetEntry as W, createWorkbenchFilterState as w, isValidWorkbenchWidgetType as k } from "./widgets/widgetRegistry.js";
+function D() {
   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) {
+function O(e) {
   return e.renderMode ?? "canvas_scaled";
 }
-function p(e) {
+function N(e) {
   const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1;
   return {
     widgetId: e.widgetId,
@@ -22,30 +22,30 @@ function p(e) {
     viewportScale: t
   };
 }
-function H(e) {
+function R(e) {
   return {
     ready: e.ready,
-    rect: p(e)
+    rect: N(e)
   };
 }
-function M(e) {
+function H(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
-  } : { ...g };
+  } : { ...y };
 }
-function k(e, t) {
-  return _(t, e);
+function F(e, t) {
+  return w(t, e);
 }
-function D(e, t = {}) {
-  const r = m(t.widgetDefinitions), d = t.createFallbackState ?? (() => S(r)), n = e;
+function T(e, t = {}) {
+  const r = _(t.widgetDefinitions), d = t.createFallbackState ?? (() => I(r)), n = e;
   if (!n || n.version !== 1 || !Array.isArray(n.widgets))
     return d();
-  const o = n.widgets.filter(
-    (i) => !!i && typeof i.id == "string" && w(i.type, r) && typeof i.title == "string"
+  const a = n.widgets.filter(
+    (i) => !!i && typeof i.id == "string" && k(i.type, r) && typeof i.title == "string"
   ).map((i) => {
-    const h = x(i.type, r);
+    const h = W(i.type, r);
     return {
       id: i.id,
       type: i.type,
@@ -57,52 +57,76 @@ function D(e, t = {}) {
       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()
     };
-  }), a = typeof n.selectedWidgetId == "string" && o.some((i) => i.id === n.selectedWidgetId) ? n.selectedWidgetId : null;
+  }), c = typeof n.selectedWidgetId == "string" && a.some((i) => i.id === n.selectedWidgetId) ? n.selectedWidgetId : null;
   return {
     version: 1,
-    widgets: o,
-    viewport: M(n.viewport),
+    widgets: a,
+    viewport: H(n.viewport),
     locked: typeof n.locked == "boolean" ? n.locked : !1,
-    filters: k(n.filters, r),
-    selectedWidgetId: a
+    filters: F(n.filters, r),
+    selectedWidgetId: c
   };
 }
-function S(e) {
-  const t = m(e), r = Date.now(), d = [
+function I(e) {
+  const t = _(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((o) => t.some((a) => a.type === o.type)).map((o, a) => {
-    const i = x(o.type, t);
+  ], n = d.filter((a) => t.some((c) => c.type === a.type)).map((a, c) => {
+    const i = W(a.type, t);
     return {
-      id: `wb-seed-${a + 1}`,
-      type: o.type,
-      title: o.title,
-      x: o.x,
-      y: o.y,
+      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,
-      z_index: a + 1,
-      created_at_unix_ms: r - (d.length - a) * 6e5
+      z_index: c + 1,
+      created_at_unix_ms: r - (d.length - c) * 6e5
     };
   });
   return {
     version: 1,
     widgets: n,
-    viewport: { ...g },
+    viewport: { ...y },
     locked: !1,
-    filters: _(t),
+    filters: w(t),
     selectedWidgetId: n[0]?.id ?? null
   };
 }
-const C = 1.18, E = 200;
-function z(e, t) {
+const P = 1.18, A = 200, u = 0.45, g = 2.2, z = 48;
+function v(e) {
+  const t = b(e.scale, u, g);
+  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 X(e) {
+  const t = e.minScale ?? u, r = e.maxScale ?? g, d = e.paddingPx ?? z, n = Math.max(e.frameWidth - d * 2, 1), a = Math.max(e.frameHeight - d * 2, 1), c = b(
+    Math.min(
+      n / Math.max(e.widget.width, 1),
+      a / Math.max(e.widget.height, 1)
+    ),
+    t,
+    r
+  );
+  return v({
+    widget: e.widget,
+    scale: c,
+    frameWidth: e.frameWidth,
+    frameHeight: e.frameHeight
+  });
+}
+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 R(e) {
-  const t = [...e].sort(z), r = /* @__PURE__ */ new Map();
+function V(e) {
+  const t = [...e].sort(p), r = /* @__PURE__ */ new Map();
   for (const [d, n] of t.entries())
     r.set(n.id, d + 1);
   return {
@@ -110,70 +134,75 @@ function R(e) {
     topRenderLayer: Math.max(t.length, 1)
   };
 }
-function T(e) {
+function B(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 };
 }
-function O(e) {
+function K(e) {
   return e.reduce((t, r) => Math.max(t, r.z_index), 1);
 }
-function X(e, t, r, d) {
-  const n = e.filter((c) => d[c.type]);
+function U(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 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;
+  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;
+  let h = null, m = 1 / 0;
+  for (const o of n) {
+    if (o.id === t) continue;
+    const s = o.x + o.width / 2 - c, l = o.y + o.height / 2 - i;
+    let f = !1;
     switch (r) {
       case "up":
-        u = l < -10;
+        f = l < -10;
         break;
       case "down":
-        u = l > 10;
+        f = l > 10;
         break;
       case "left":
-        u = s < -10;
+        f = s < -10;
         break;
       case "right":
-        u = s > 10;
+        f = s > 10;
         break;
     }
-    if (!u) continue;
-    const b = Math.sqrt(s * s + l * l), W = Math.atan2(
+    if (!f) continue;
+    const M = Math.sqrt(s * s + l * l), S = 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);
+    ), x = M * (1 + S * 1.5);
+    x < m && (m = x, h = o);
   }
   return h;
 }
-function U(e, t = 0.45, r = 2.2) {
+function b(e, t = u, r = g) {
   return Math.max(t, Math.min(r, e));
 }
-function A(e, t = 0) {
+function L(e, t = 0) {
   return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  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
+  P as WORKBENCH_CANVAS_ZOOM_STEP,
+  A as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  g as WORKBENCH_MAX_SCALE,
+  u as WORKBENCH_MIN_SCALE,
+  z as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
+  b as clampScale,
+  B as createContextMenuPosition,
+  I as createDefaultWorkbenchState,
+  D as createWorkbenchId,
+  N as createWorkbenchProjectedRect,
+  V as createWorkbenchRenderLayerMap,
+  v as createWorkbenchViewportCenteredOnWidget,
+  X as createWorkbenchViewportFitForWidget,
+  R as createWorkbenchWidgetSurfaceMetrics,
+  L as estimateContextMenuHeight,
+  U as findNearestWidget,
+  K as getTopZIndex,
+  O as resolveWorkbenchWidgetRenderMode,
+  F as sanitizeFilters,
+  H as sanitizeViewport,
+  T as sanitizeWorkbenchState
 };

package/dist/hooks/useDeckDrag.js

@@ -1,7 +1,7 @@
 import { createEffect as m, onCleanup as E } from "solid-js";
 import { useDeck as h } from "../context/DeckContext.js";
-import { applyDragDelta as k } from "../utils/gridLayout.js";
-import { startDeckPointerSession as y } from "../components/deck/deckPointerSession.js";
+import { applyDragDelta as P } from "../utils/gridLayout.js";
+import { startDeckPointerSession as k } from "../components/deck/deckPointerSession.js";
 function L() {
   const o = h();
   let i = null, l = null, r = null;
@@ -20,7 +20,7 @@ function L() {
     if (!g) return;
     e.preventDefault(), e.stopPropagation(), s(!1), o.startDrag(n, e.clientX, e.clientY);
     const p = o.dragState();
-    !p || p.widgetId !== n || (l = n, r = { ...g.position }, i = y({
+    !p || p.widgetId !== n || (l = n, r = { ...g.position }, i = k({
       kind: "drag",
       widgetId: n,
       gridEl: c,
@@ -29,7 +29,7 @@ function L() {
       cursor: "grabbing",
       onMove: (t) => {
         if (!l || !r) return;
-        const f = Math.round(t.deltaX / t.cellWidth), D = Math.round(t.deltaY / t.cellHeight), w = k(r, f, D, t.cols);
+        const f = Math.round(t.deltaX / t.colPitch), D = Math.round(t.deltaY / t.rowPitch), w = P(r, f, D, t.cols);
         o.updateDrag(w, {
           deltaX: t.deltaX,
           deltaY: t.deltaY

package/dist/workbench.js

@@ -1,27 +1,29 @@
-import { DEFAULT_WORKBENCH_VIEWPORT as o, WORKBENCH_WIDGET_TYPES as t } from "./components/workbench/types.js";
-import { WIDGET_REGISTRY as W, createWorkbenchFilterState as n, getWidgetEntry as a, isValidWorkbenchWidgetType as b, resolveWorkbenchWidgetDefinitions as h } from "./components/workbench/widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_VIEWPORT as t, WORKBENCH_WIDGET_TYPES as o } from "./components/workbench/types.js";
+import { WIDGET_REGISTRY as W, createWorkbenchFilterState as n, getWidgetEntry as a, isValidWorkbenchWidgetType as i, resolveWorkbenchWidgetDefinitions as b } from "./components/workbench/widgets/widgetRegistry.js";
 import { WorkbenchContextMenu as k } from "./components/workbench/WorkbenchContextMenu.js";
 import { WorkbenchOverlay as f } from "./components/workbench/WorkbenchOverlay.js";
 import { WorkbenchSurface as E } from "./components/workbench/WorkbenchSurface.js";
-import { createDefaultWorkbenchState as R, createWorkbenchId as l, createWorkbenchProjectedRect as m, createWorkbenchRenderLayerMap as s, createWorkbenchWidgetSurfaceMetrics as S, resolveWorkbenchWidgetRenderMode as T, sanitizeWorkbenchState as g } from "./components/workbench/workbenchHelpers.js";
-import { useWorkbenchModel as D } from "./components/workbench/useWorkbenchModel.js";
+import { createDefaultWorkbenchState as x, createWorkbenchId as R, createWorkbenchProjectedRect as l, createWorkbenchRenderLayerMap as m, createWorkbenchViewportCenteredOnWidget as s, createWorkbenchViewportFitForWidget as S, createWorkbenchWidgetSurfaceMetrics as T, resolveWorkbenchWidgetRenderMode as u, sanitizeWorkbenchState as D } from "./components/workbench/workbenchHelpers.js";
+import { useWorkbenchModel as M } from "./components/workbench/useWorkbenchModel.js";
 export {
-  o as DEFAULT_WORKBENCH_VIEWPORT,
+  t as DEFAULT_WORKBENCH_VIEWPORT,
   W as WIDGET_REGISTRY,
-  t as WORKBENCH_WIDGET_TYPES,
+  o as WORKBENCH_WIDGET_TYPES,
   k as WorkbenchContextMenu,
   f as WorkbenchOverlay,
   E as WorkbenchSurface,
-  R as createDefaultWorkbenchState,
+  x as createDefaultWorkbenchState,
   n as createWorkbenchFilterState,
-  l as createWorkbenchId,
-  m as createWorkbenchProjectedRect,
-  s as createWorkbenchRenderLayerMap,
-  S as createWorkbenchWidgetSurfaceMetrics,
+  R as createWorkbenchId,
+  l as createWorkbenchProjectedRect,
+  m as createWorkbenchRenderLayerMap,
+  s as createWorkbenchViewportCenteredOnWidget,
+  S as createWorkbenchViewportFitForWidget,
+  T as createWorkbenchWidgetSurfaceMetrics,
   a as getWidgetEntry,
-  b as isValidWorkbenchWidgetType,
-  h as resolveWorkbenchWidgetDefinitions,
-  T as resolveWorkbenchWidgetRenderMode,
-  g as sanitizeWorkbenchState,
-  D as useWorkbenchModel
+  i as isValidWorkbenchWidgetType,
+  b as resolveWorkbenchWidgetDefinitions,
+  u as resolveWorkbenchWidgetRenderMode,
+  D as sanitizeWorkbenchState,
+  M as useWorkbenchModel
 };

package/package.json

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