@floegence/floe-webapp-core 0.36.8 → 0.36.9

package/dist/context/DeckContext.js

@@ -1,10 +1,10 @@
-import { createSignal as z, createEffect as G } from "solid-js";
-import { createStore as H, produce as l, unwrap as J } from "solid-js/store";
-import { createSimpleContext as N } from "./createSimpleContext.js";
-import { useResolvedFloeConfig as Q } from "./FloeConfigContext.js";
-import { useWidgetRegistry as U } from "./WidgetRegistry.js";
-import { hasCollision as M, constrainPosition as V, findFreePosition as X } from "../utils/gridCollision.js";
-function Y() {
+import { createSignal as z, createEffect as H } from "solid-js";
+import { createStore as J, produce as l, unwrap as N } from "solid-js/store";
+import { createSimpleContext as Q } from "./createSimpleContext.js";
+import { useResolvedFloeConfig as U } from "./FloeConfigContext.js";
+import { useWidgetRegistry as V } from "./WidgetRegistry.js";
+import { hasCollision as M, sameGridPosition as B, constrainPosition as X, findFreePosition as Y } from "../utils/gridCollision.js";
+function Z() {
   const d = Date.now();
   return [{
     id: "preset-default",
@@ -135,8 +135,8 @@ function Y() {
     updatedAt: d
   }];
 }
-function Z(d) {
-  if (!d || d.length === 0) return Y();
+function _(d) {
+  if (!d || d.length === 0) return Z();
   const m = Date.now();
   return d.map((y) => ({
     id: y.id,
@@ -154,94 +154,94 @@ function Z(d) {
   }));
 }
 const {
-  Provider: at,
-  use: dt
-} = N({
+  Provider: dt,
+  use: rt
+} = Q({
   name: "Deck",
-  init: _
+  init: tt
 });
-function _() {
-  const d = Q(), m = U(), y = () => d.config.deck.storageKey, u = (d.config.deck.presetsMode ?? "mutable") === "immutable", L = (e) => {
+function tt() {
+  const d = U(), m = V(), y = () => d.config.deck.storageKey, u = (d.config.deck.presetsMode ?? "mutable") === "immutable", L = (t) => {
     try {
-      if (e === null || typeof e != "object") return e;
-      if (e instanceof Date) return new Date(e.getTime());
-      const i = J(e);
+      if (t === null || typeof t != "object") return t;
+      if (t instanceof Date) return new Date(t.getTime());
+      const i = N(t);
       if (typeof structuredClone == "function")
         try {
           return structuredClone(i);
         } catch {
         }
-      const s = /* @__PURE__ */ new WeakMap(), n = (t) => {
-        if (t === null || typeof t != "object") return t;
-        if (t instanceof Date) return new Date(t.getTime());
-        if (Array.isArray(t)) {
-          const a = new Array(t.length);
-          for (let p = 0; p < t.length; p += 1)
-            a[p] = n(t[p]);
+      const s = /* @__PURE__ */ new WeakMap(), n = (e) => {
+        if (e === null || typeof e != "object") return e;
+        if (e instanceof Date) return new Date(e.getTime());
+        if (Array.isArray(e)) {
+          const a = new Array(e.length);
+          for (let p = 0; p < e.length; p += 1)
+            a[p] = n(e[p]);
           return a;
         }
-        if (t instanceof Map) {
+        if (e instanceof Map) {
           const a = /* @__PURE__ */ new Map();
-          for (const [p, P] of t.entries())
+          for (const [p, P] of e.entries())
             a.set(n(p), n(P));
           return a;
         }
-        if (t instanceof Set) {
+        if (e instanceof Set) {
           const a = /* @__PURE__ */ new Set();
-          for (const p of t.values())
+          for (const p of e.values())
             a.add(n(p));
           return a;
         }
-        if (s.has(t)) return s.get(t);
+        if (s.has(e)) return s.get(e);
         const o = {};
-        s.set(t, o);
-        for (const a of Object.keys(t))
+        s.set(e, o);
+        for (const a of Object.keys(e))
           try {
-            o[a] = n(t[a]);
+            o[a] = n(e[a]);
           } catch {
           }
         return o;
       };
       return n(i);
     } catch {
-      return e;
+      return t;
     }
-  }, B = (e) => {
+  }, F = (t) => {
     const i = {};
-    for (const s of e.widgets ?? [])
+    for (const s of t.widgets ?? [])
       !s?.id || !s.state || (i[s.id] = s.state);
     return i;
-  }, h = Z(d.config.deck.presets), F = new Set(h.map((e) => e.id)), g = d.persist.load(y(), {}), W = Array.isArray(g.layouts) ? g.layouts : [], T = new Map(W.map((e) => [e.id, e])), j = h.map((e) => {
-    const i = T.get(e.id);
+  }, h = _(d.config.deck.presets), T = new Set(h.map((t) => t.id)), g = d.persist.load(y(), {}), W = Array.isArray(g.layouts) ? g.layouts : [], j = new Map(W.map((t) => [t.id, t])), E = h.map((t) => {
+    const i = j.get(t.id);
     if (!u)
       return i ? {
         ...i,
-        isPreset: e.isPreset
-      } : e;
-    if (!e.isPreset)
+        isPreset: t.isPreset
+      } : t;
+    if (!t.isPreset)
       return i ? {
         ...i,
         isPreset: !1
-      } : e;
-    const s = (g.presetWidgetStateByLayoutId ?? {})[e.id] ?? {}, t = {
-      ...i ? B(i) : {},
+      } : t;
+    const s = (g.presetWidgetStateByLayoutId ?? {})[t.id] ?? {}, e = {
+      ...i ? F(i) : {},
       ...s
     };
     return {
-      ...e,
-      widgets: e.widgets.map((o) => ({
+      ...t,
+      widgets: t.widgets.map((o) => ({
         ...o,
-        state: t[o.id] ? L(t[o.id]) : void 0
+        state: e[o.id] ? L(e[o.id]) : void 0
       }))
     };
-  }), E = W.filter((e) => !e.isPreset && !F.has(e.id)), I = [...j, ...E], k = new Set(I.map((e) => e.id)), K = g.activeLayoutId && k.has(g.activeLayoutId) ? g.activeLayoutId : d.config.deck.defaultActiveLayoutId && k.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : I[0]?.id ?? "", O = {
+  }), K = W.filter((t) => !t.isPreset && !T.has(t.id)), I = [...E, ...K], k = new Set(I.map((t) => t.id)), $ = g.activeLayoutId && k.has(g.activeLayoutId) ? g.activeLayoutId : d.config.deck.defaultActiveLayoutId && k.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : I[0]?.id ?? "", G = {
     layouts: I,
-    activeLayoutId: K,
+    activeLayoutId: $,
     editMode: !1
-  }, [r, c] = H(O), [x, A] = z(null), [C, D] = z(null), R = (e) => e;
-  G(() => {
-    R(r.layouts.length);
-    for (const n of r.layouts) R(n.updatedAt);
+  }, [r, c] = J(G), [C, A] = z(null), [R, D] = z(null), x = (t) => t;
+  H(() => {
+    x(r.layouts.length);
+    for (const n of r.layouts) x(n.updatedAt);
     if (!u) {
       const n = {
         layouts: r.layouts,
@@ -250,13 +250,13 @@ function _() {
       d.persist.debouncedSave(y(), n);
       return;
     }
-    const e = {}, i = [];
+    const t = {}, i = [];
     for (const n of r.layouts) {
       if (n.isPreset) {
-        const t = {};
+        const e = {};
         for (const o of n.widgets ?? [])
-          !o?.id || !o.state || (t[o.id] = o.state);
-        e[n.id] = t;
+          !o?.id || !o.state || (e[o.id] = o.state);
+        t[n.id] = e;
         continue;
       }
       i.push(n);
@@ -264,23 +264,23 @@ function _() {
     const s = {
       layouts: i,
       activeLayoutId: r.activeLayoutId,
-      presetWidgetStateByLayoutId: e
+      presetWidgetStateByLayoutId: t
     };
     d.persist.debouncedSave(y(), s);
   });
-  const f = () => r.layouts.find((e) => e.id === r.activeLayoutId), S = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  const f = () => r.layouts.find((t) => t.id === r.activeLayoutId), S = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
   return {
     // Layout management
     layouts: () => r.layouts,
     activeLayoutId: () => r.activeLayoutId,
     activeLayout: f,
-    setActiveLayout: (e) => {
-      r.layouts.some((i) => i.id === e) && (c("activeLayoutId", e), u && r.layouts.find((s) => s.id === e)?.isPreset && c("editMode", !1));
+    setActiveLayout: (t) => {
+      r.layouts.some((i) => i.id === t) && (c("activeLayoutId", t), u && r.layouts.find((s) => s.id === t)?.isPreset && c("editMode", !1));
     },
-    createLayout: (e, i) => {
+    createLayout: (t, i) => {
       const s = {
         id: S(),
-        name: e,
+        name: t,
         widgets: i ?? [],
         createdAt: Date.now(),
         updatedAt: Date.now()
@@ -289,177 +289,172 @@ function _() {
         n.layouts.push(s), n.activeLayoutId = s.id;
       })), s;
     },
-    duplicateLayout: (e, i) => {
-      const s = r.layouts.find((t) => t.id === e);
+    duplicateLayout: (t, i) => {
+      const s = r.layouts.find((e) => e.id === t);
       if (!s) return;
       const n = {
         id: S(),
         name: i,
-        widgets: s.widgets.map((t) => ({
-          ...t,
+        widgets: s.widgets.map((e) => ({
+          ...e,
           id: S(),
           position: {
-            ...t.position
+            ...e.position
           },
-          config: t.config ? L(t.config) : void 0,
-          state: t.state ? L(t.state) : void 0
+          config: e.config ? L(e.config) : void 0,
+          state: e.state ? L(e.state) : void 0
         })),
         createdAt: Date.now(),
         updatedAt: Date.now()
       };
-      return c(l((t) => {
-        t.layouts.push(n), t.activeLayoutId = n.id;
+      return c(l((e) => {
+        e.layouts.push(n), e.activeLayoutId = n.id;
       })), n;
     },
-    deleteLayout: (e) => {
-      const i = r.layouts.find((s) => s.id === e);
+    deleteLayout: (t) => {
+      const i = r.layouts.find((s) => s.id === t);
       !i || i.isPreset || c(l((s) => {
-        const n = s.layouts.findIndex((t) => t.id === e);
-        n !== -1 && (s.layouts.splice(n, 1), s.activeLayoutId === e && (s.activeLayoutId = s.layouts[0]?.id ?? ""));
+        const n = s.layouts.findIndex((e) => e.id === t);
+        n !== -1 && (s.layouts.splice(n, 1), s.activeLayoutId === t && (s.activeLayoutId = s.layouts[0]?.id ?? ""));
       }));
     },
-    renameLayout: (e, i) => {
-      const s = r.layouts.find((n) => n.id === e);
+    renameLayout: (t, i) => {
+      const s = r.layouts.find((n) => n.id === t);
       !s || s.isPreset || c(l((n) => {
-        const t = n.layouts.find((o) => o.id === e);
-        t && (t.name = i, t.updatedAt = Date.now());
+        const e = n.layouts.find((o) => o.id === t);
+        e && (e.name = i, e.updatedAt = Date.now());
       }));
     },
     // Edit mode
     editMode: () => r.editMode,
-    setEditMode: (e) => {
-      e && u && f()?.isPreset || c("editMode", e);
+    setEditMode: (t) => {
+      t && u && f()?.isPreset || c("editMode", t);
     },
     toggleEditMode: () => {
       !r.editMode && u && f()?.isPreset || c("editMode", !r.editMode);
     },
     // Widget management
-    addWidget: (e, i, s) => {
+    addWidget: (t, i, s) => {
       const n = f();
       if (!n || u && n.isPreset) return;
-      const t = m.getWidget(e), o = {
-        minColSpan: t?.minColSpan ?? 2,
-        minRowSpan: t?.minRowSpan ?? 2
+      const e = m.getWidget(t), o = {
+        minColSpan: e?.minColSpan ?? 2,
+        minRowSpan: e?.minRowSpan ?? 2
       }, a = {
-        colSpan: i?.colSpan ?? t?.defaultColSpan ?? Math.max(o.minColSpan, 4),
-        rowSpan: i?.rowSpan ?? t?.defaultRowSpan ?? Math.max(o.minRowSpan, 3)
-      }, p = i?.col !== void 0 && i?.row !== void 0 ? V({
+        colSpan: i?.colSpan ?? e?.defaultColSpan ?? Math.max(o.minColSpan, 4),
+        rowSpan: i?.rowSpan ?? e?.defaultRowSpan ?? Math.max(o.minRowSpan, 3)
+      }, p = i?.col !== void 0 && i?.row !== void 0 ? X({
         ...a,
         col: i.col,
         row: i.row
-      }, o.minColSpan, o.minRowSpan) : X(n.widgets, a.colSpan, a.rowSpan), P = S(), $ = {
+      }, o.minColSpan, o.minRowSpan) : Y(n.widgets, a.colSpan, a.rowSpan), P = S(), O = {
         id: P,
-        type: e,
+        type: t,
         position: p,
         config: s
       };
       return c(l((b) => {
         const v = b.layouts.find((q) => q.id === b.activeLayoutId);
-        v && (v.widgets.push($), v.updatedAt = Date.now());
+        v && (v.widgets.push(O), v.updatedAt = Date.now());
       })), P;
     },
-    removeWidget: (e) => {
+    removeWidget: (t) => {
       const i = f();
       u && i?.isPreset || c(l((s) => {
-        const n = s.layouts.find((t) => t.id === s.activeLayoutId);
+        const n = s.layouts.find((e) => e.id === s.activeLayoutId);
         if (n) {
-          const t = n.widgets.findIndex((o) => o.id === e);
-          t !== -1 && (n.widgets.splice(t, 1), n.updatedAt = Date.now());
+          const e = n.widgets.findIndex((o) => o.id === t);
+          e !== -1 && (n.widgets.splice(e, 1), n.updatedAt = Date.now());
         }
       }));
     },
-    updateWidgetPosition: (e, i) => {
+    updateWidgetPosition: (t, i) => {
       const s = f();
       u && s?.isPreset || c(l((n) => {
-        const t = n.layouts.find((o) => o.id === n.activeLayoutId);
-        if (t) {
-          const o = t.widgets.find((a) => a.id === e);
-          o && (M(i, t.widgets, e) || (o.position = i, t.updatedAt = Date.now()));
+        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+        if (e) {
+          const o = e.widgets.find((a) => a.id === t);
+          o && (M(i, e.widgets, t) || (o.position = i, e.updatedAt = Date.now()));
         }
       }));
     },
-    updateWidgetConfig: (e, i) => {
+    updateWidgetConfig: (t, i) => {
       const s = f();
       u && s?.isPreset || c(l((n) => {
-        const t = n.layouts.find((o) => o.id === n.activeLayoutId);
-        if (t) {
-          const o = t.widgets.find((a) => a.id === e);
+        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+        if (e) {
+          const o = e.widgets.find((a) => a.id === t);
           o && (o.config = {
             ...o.config,
             ...i
-          }, t.updatedAt = Date.now());
+          }, e.updatedAt = Date.now());
         }
       }));
     },
-    updateWidgetTitle: (e, i) => {
+    updateWidgetTitle: (t, i) => {
       const s = f();
       u && s?.isPreset || c(l((n) => {
-        const t = n.layouts.find((o) => o.id === n.activeLayoutId);
-        if (t) {
-          const o = t.widgets.find((a) => a.id === e);
-          o && (o.title = i, t.updatedAt = Date.now());
+        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+        if (e) {
+          const o = e.widgets.find((a) => a.id === t);
+          o && (o.title = i, e.updatedAt = Date.now());
         }
       }));
     },
-    changeWidgetType: (e, i) => {
+    changeWidgetType: (t, i) => {
       const s = f();
       u && s?.isPreset || c(l((n) => {
-        const t = n.layouts.find((o) => o.id === n.activeLayoutId);
-        if (t) {
-          const o = t.widgets.find((a) => a.id === e);
-          o && (o.type = i, o.config = void 0, o.title = void 0, o.state = void 0, t.updatedAt = Date.now());
+        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+        if (e) {
+          const o = e.widgets.find((a) => a.id === t);
+          o && (o.type = i, o.config = void 0, o.title = void 0, o.state = void 0, e.updatedAt = Date.now());
         }
       }));
     },
-    updateWidgetState: (e, i, s) => {
+    updateWidgetState: (t, i, s) => {
       c(l((n) => {
-        const t = n.layouts.find((o) => o.id === n.activeLayoutId);
-        if (t) {
-          const o = t.widgets.find((a) => a.id === e);
-          o && (o.state || (o.state = {}), o.state[i] = s, t.updatedAt = Date.now());
+        const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+        if (e) {
+          const o = e.widgets.find((a) => a.id === t);
+          o && (o.state || (o.state = {}), o.state[i] = s, e.updatedAt = Date.now());
         }
       }));
     },
-    getWidgetState: (e) => f()?.widgets.find((n) => n.id === e)?.state ?? {},
+    getWidgetState: (t) => f()?.widgets.find((n) => n.id === t)?.state ?? {},
     // Drag state
-    dragState: x,
-    startDrag: (e, i, s) => {
+    dragState: C,
+    startDrag: (t, i, s) => {
       const n = f();
       if (u && n?.isPreset) return;
-      const t = n?.widgets.find((o) => o.id === e);
-      t && A({
-        widgetId: e,
+      const e = n?.widgets.find((o) => o.id === t);
+      e && A({
+        widgetId: t,
         originalPosition: {
-          ...t.position
+          ...e.position
         },
         currentPosition: {
-          ...t.position
-        },
-        pixelOffset: {
-          x: 0,
-          y: 0
+          ...e.position
         },
         startX: i,
         startY: s
       });
     },
-    updateDrag: (e, i) => {
-      A((s) => s ? {
-        ...s,
-        currentPosition: e,
-        pixelOffset: i
-      } : null);
+    updateDrag: (t) => {
+      A((i) => !i || B(i.currentPosition, t) ? i : {
+        ...i,
+        currentPosition: t
+      });
     },
-    endDrag: (e) => {
-      const i = x();
+    endDrag: (t) => {
+      const i = C();
       if (i) {
-        if (e) {
+        if (t) {
           const s = f();
           s && !(u && s.isPreset) && !M(i.currentPosition, s.widgets, i.widgetId) && c(l((n) => {
-            const t = n.layouts.find((o) => o.id === n.activeLayoutId);
-            if (t) {
-              const o = t.widgets.find((a) => a.id === i.widgetId);
-              o && (o.position = i.currentPosition, t.updatedAt = Date.now());
+            const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+            if (e) {
+              const o = e.widgets.find((a) => a.id === i.widgetId);
+              o && (o.position = i.currentPosition, e.updatedAt = Date.now());
             }
           }));
         }
@@ -467,13 +462,13 @@ function _() {
       }
     },
     // Resize state
-    resizeState: C,
-    startResize: (e, i, s, n) => {
-      const t = f();
-      if (u && t?.isPreset) return;
-      const o = t?.widgets.find((a) => a.id === e);
+    resizeState: R,
+    startResize: (t, i, s, n) => {
+      const e = f();
+      if (u && e?.isPreset) return;
+      const o = e?.widgets.find((a) => a.id === t);
       o && D({
-        widgetId: e,
+        widgetId: t,
         edge: i,
         originalPosition: {
           ...o.position
@@ -485,22 +480,22 @@ function _() {
         startY: n
       });
     },
-    updateResize: (e) => {
-      D((i) => i ? {
+    updateResize: (t) => {
+      D((i) => !i || B(i.currentPosition, t) ? i : {
         ...i,
-        currentPosition: e
-      } : null);
+        currentPosition: t
+      });
     },
-    endResize: (e) => {
-      const i = C();
+    endResize: (t) => {
+      const i = R();
       if (i) {
-        if (e) {
+        if (t) {
           const s = f();
           s && !(u && s.isPreset) && !M(i.currentPosition, s.widgets, i.widgetId) && c(l((n) => {
-            const t = n.layouts.find((o) => o.id === n.activeLayoutId);
-            if (t) {
-              const o = t.widgets.find((a) => a.id === i.widgetId);
-              o && (o.position = i.currentPosition, t.updatedAt = Date.now());
+            const e = n.layouts.find((o) => o.id === n.activeLayoutId);
+            if (e) {
+              const o = e.widgets.find((a) => a.id === i.widgetId);
+              o && (o.position = i.currentPosition, e.updatedAt = Date.now());
             }
           }));
         }
@@ -508,8 +503,8 @@ function _() {
       }
     },
     // Utilities
-    getWidgetMinConstraints: (e) => {
-      const i = m.getWidget(e);
+    getWidgetMinConstraints: (t) => {
+      const i = m.getWidget(t);
       return {
         minColSpan: i?.minColSpan ?? 2,
         minRowSpan: i?.minRowSpan ?? 2
@@ -518,7 +513,7 @@ function _() {
   };
 }
 export {
-  at as DeckProvider,
-  _ as createDeckService,
-  dt as useDeck
+  dt as DeckProvider,
+  tt as createDeckService,
+  rt as useDeck
 };

package/dist/deck.js

@@ -1,24 +1,25 @@
-import { DECK_GRID_CONFIG as o, DeckGrid as t, getGridConfigFromElement as m } from "./components/deck/DeckGrid.js";
-import { DeckCell as f } from "./components/deck/DeckCell.js";
-import { DeckContextMenu as i } from "./components/deck/DeckContextMenu.js";
-import { DeckTopBar as D } from "./components/deck/DeckTopBar.js";
-import { DropZonePreview as g } from "./components/deck/DropZonePreview.js";
-import { LayoutSelector as n } from "./components/deck/LayoutSelector.js";
-import { WidgetFrame as C } from "./components/deck/WidgetFrame.js";
-import { WidgetPalette as G } from "./components/deck/WidgetPalette.js";
-import { WidgetResizeHandle as F } from "./components/deck/WidgetResizeHandle.js";
-import { WidgetTypeSwitcher as w } from "./components/deck/WidgetTypeSwitcher.js";
+import { DECK_GRID_CONFIG as o, getGridConfigFromElement as t } from "./components/deck/deckGridMetrics.js";
+import { DeckCell as p } from "./components/deck/DeckCell.js";
+import { DeckContextMenu as x } from "./components/deck/DeckContextMenu.js";
+import { DeckGrid as d } from "./components/deck/DeckGrid.js";
+import { DeckTopBar as c } from "./components/deck/DeckTopBar.js";
+import { DropZonePreview as l } from "./components/deck/DropZonePreview.js";
+import { LayoutSelector as a } from "./components/deck/LayoutSelector.js";
+import { WidgetFrame as k } from "./components/deck/WidgetFrame.js";
+import { WidgetPalette as W } from "./components/deck/WidgetPalette.js";
+import { WidgetResizeHandle as u } from "./components/deck/WidgetResizeHandle.js";
+import { WidgetTypeSwitcher as y } from "./components/deck/WidgetTypeSwitcher.js";
 export {
   o as DECK_GRID_CONFIG,
-  f as DeckCell,
-  i as DeckContextMenu,
-  t as DeckGrid,
-  D as DeckTopBar,
-  g as DropZonePreview,
-  n as LayoutSelector,
-  C as WidgetFrame,
-  G as WidgetPalette,
-  F as WidgetResizeHandle,
-  w as WidgetTypeSwitcher,
-  m as getGridConfigFromElement
+  p as DeckCell,
+  x as DeckContextMenu,
+  d as DeckGrid,
+  c as DeckTopBar,
+  l as DropZonePreview,
+  a as LayoutSelector,
+  k as WidgetFrame,
+  W as WidgetPalette,
+  u as WidgetResizeHandle,
+  y as WidgetTypeSwitcher,
+  t as getGridConfigFromElement
 };