@floegence/floe-webapp-core 0.36.3 → 0.36.5

package/dist/components/workbench/workbenchHelpers.js

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