@floegence/floe-webapp-core 0.36.8 → 0.36.10

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