@floegence/floe-webapp-core 0.2.1 → 0.2.2

package/dist/index58.js

@@ -1,10 +1,10 @@
-import { createSignal as k, createEffect as $ } from "solid-js";
-import { createStore as B, produce as r } from "solid-js/store";
-import { createSimpleContext as q } from "./index50.js";
-import { useResolvedFloeConfig as G } from "./index51.js";
-import { useWidgetRegistry as H } from "./index57.js";
-import { hasCollision as A, constrainPosition as J, findFreePosition as N } from "./index72.js";
-function Q() {
+import { createSignal as x, createEffect as B } from "solid-js";
+import { createStore as q, produce as c } from "solid-js/store";
+import { createSimpleContext as G } from "./index50.js";
+import { useResolvedFloeConfig as H } from "./index51.js";
+import { useWidgetRegistry as J } from "./index57.js";
+import { hasCollision as A, constrainPosition as N, findFreePosition as Q } from "./index72.js";
+function U() {
   const d = Date.now();
   return [{
     id: "preset-default",
@@ -135,8 +135,8 @@ function Q() {
     updatedAt: d
   }];
 }
-function U(d) {
-  if (!d || d.length === 0) return Q();
+function V(d) {
+  if (!d || d.length === 0) return U();
   const w = Date.now();
   return d.map((p) => ({
     id: p.id,
@@ -154,33 +154,35 @@ function U(d) {
   }));
 }
 const {
-  Provider: it,
-  use: ot
-} = q({
+  Provider: ot,
+  use: nt
+} = G({
   name: "Deck",
-  init: V
+  init: X
 });
-function V() {
-  var R;
-  const d = G(), w = H(), p = () => d.config.deck.storageKey, l = U(d.config.deck.presets), x = new Set(l.map((t) => t.id)), y = d.persist.load(p(), {}), D = y.layouts ?? [], z = new Map(D.map((t) => [t.id, t])), b = l.map((t) => {
-    const e = z.get(t.id);
+function X() {
+  var h;
+  const d = H(), w = J(), p = () => d.config.deck.storageKey, l = V(d.config.deck.presets), z = new Set(l.map((t) => t.id)), y = d.persist.load(p(), {}), D = y.layouts ?? [], b = new Map(D.map((t) => [t.id, t])), E = l.map((t) => {
+    const e = b.get(t.id);
     return e ? {
       ...e,
       isPreset: t.isPreset
     } : t;
-  }), E = D.filter((t) => !t.isPreset && !x.has(t.id)), S = [...b, ...E], P = new Set(S.map((t) => t.id)), F = y.activeLayoutId && P.has(y.activeLayoutId) ? y.activeLayoutId : d.config.deck.defaultActiveLayoutId && P.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : ((R = S[0]) == null ? void 0 : R.id) ?? "", T = {
+  }), F = D.filter((t) => !t.isPreset && !z.has(t.id)), S = [...E, ...F], P = new Set(S.map((t) => t.id)), T = y.activeLayoutId && P.has(y.activeLayoutId) ? y.activeLayoutId : d.config.deck.defaultActiveLayoutId && P.has(d.config.deck.defaultActiveLayoutId) ? d.config.deck.defaultActiveLayoutId : ((h = S[0]) == null ? void 0 : h.id) ?? "", j = {
     layouts: S,
-    activeLayoutId: F,
+    activeLayoutId: T,
     editMode: !1
-  }, [c, s] = B(T), [C, v] = k(null), [M, L] = k(null);
-  $(() => {
+  }, [r, s] = q(j), [C, v] = x(null), [M, L] = x(null), R = (t) => t;
+  B(() => {
+    R(r.layouts.length);
+    for (const e of r.layouts) R(e.updatedAt);
     const t = {
-      layouts: c.layouts,
-      activeLayoutId: c.activeLayoutId
+      layouts: r.layouts,
+      activeLayoutId: r.activeLayoutId
     };
     d.persist.debouncedSave(p(), t);
   });
-  const f = () => c.layouts.find((t) => t.id === c.activeLayoutId), g = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, m = (t) => {
+  const f = () => r.layouts.find((t) => t.id === r.activeLayoutId), g = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, m = (t) => {
     if (typeof structuredClone == "function") return structuredClone(t);
     if (t === null || typeof t != "object") return t;
     if (t instanceof Date) return new Date(t.getTime());
@@ -192,11 +194,11 @@ function V() {
   };
   return {
     // Layout management
-    layouts: () => c.layouts,
-    activeLayoutId: () => c.activeLayoutId,
+    layouts: () => r.layouts,
+    activeLayoutId: () => r.activeLayoutId,
     activeLayout: f,
     setActiveLayout: (t) => {
-      c.layouts.some((e) => e.id === t) && s("activeLayoutId", t);
+      r.layouts.some((e) => e.id === t) && s("activeLayoutId", t);
     },
     createLayout: (t, e) => {
       const o = {
@@ -206,12 +208,12 @@ function V() {
         createdAt: Date.now(),
         updatedAt: Date.now()
       };
-      return s(r((n) => {
+      return s(c((n) => {
         n.layouts.push(o), n.activeLayoutId = o.id;
       })), o;
     },
     duplicateLayout: (t, e) => {
-      const o = c.layouts.find((i) => i.id === t);
+      const o = r.layouts.find((i) => i.id === t);
       if (!o) return;
       const n = {
         id: g(),
@@ -228,29 +230,29 @@ function V() {
         createdAt: Date.now(),
         updatedAt: Date.now()
       };
-      return s(r((i) => {
+      return s(c((i) => {
         i.layouts.push(n), i.activeLayoutId = n.id;
       })), n;
     },
     deleteLayout: (t) => {
-      const e = c.layouts.find((o) => o.id === t);
-      !e || e.isPreset || s(r((o) => {
+      const e = r.layouts.find((o) => o.id === t);
+      !e || e.isPreset || s(c((o) => {
         var i;
         const n = o.layouts.findIndex((a) => a.id === t);
         n !== -1 && (o.layouts.splice(n, 1), o.activeLayoutId === t && (o.activeLayoutId = ((i = o.layouts[0]) == null ? void 0 : i.id) ?? ""));
       }));
     },
     renameLayout: (t, e) => {
-      const o = c.layouts.find((n) => n.id === t);
-      !o || o.isPreset || s(r((n) => {
+      const o = r.layouts.find((n) => n.id === t);
+      !o || o.isPreset || s(c((n) => {
         const i = n.layouts.find((a) => a.id === t);
         i && (i.name = e, i.updatedAt = Date.now());
       }));
     },
     // Edit mode
-    editMode: () => c.editMode,
+    editMode: () => r.editMode,
     setEditMode: (t) => s("editMode", t),
-    toggleEditMode: () => s("editMode", !c.editMode),
+    toggleEditMode: () => s("editMode", !r.editMode),
     // Widget management
     addWidget: (t, e, o) => {
       const n = f();
@@ -261,23 +263,23 @@ function V() {
       }, u = {
         colSpan: (e == null ? void 0 : e.colSpan) ?? (i == null ? void 0 : i.defaultColSpan) ?? Math.max(a.minColSpan, 4),
         rowSpan: (e == null ? void 0 : e.rowSpan) ?? (i == null ? void 0 : i.defaultRowSpan) ?? Math.max(a.minRowSpan, 3)
-      }, j = (e == null ? void 0 : e.col) !== void 0 && (e == null ? void 0 : e.row) !== void 0 ? J({
+      }, K = (e == null ? void 0 : e.col) !== void 0 && (e == null ? void 0 : e.row) !== void 0 ? N({
         ...u,
         col: e.col,
         row: e.row
-      }, a.minColSpan, a.minRowSpan) : N(n.widgets, u.colSpan, u.rowSpan), h = g(), K = {
-        id: h,
+      }, a.minColSpan, a.minRowSpan) : Q(n.widgets, u.colSpan, u.rowSpan), W = g(), O = {
+        id: W,
         type: t,
-        position: j,
+        position: K,
         config: o
       };
-      return s(r((W) => {
-        const I = W.layouts.find((O) => O.id === W.activeLayoutId);
-        I && (I.widgets.push(K), I.updatedAt = Date.now());
-      })), h;
+      return s(c((k) => {
+        const I = k.layouts.find(($) => $.id === k.activeLayoutId);
+        I && (I.widgets.push(O), I.updatedAt = Date.now());
+      })), W;
     },
     removeWidget: (t) => {
-      s(r((e) => {
+      s(c((e) => {
         const o = e.layouts.find((n) => n.id === e.activeLayoutId);
         if (o) {
           const n = o.widgets.findIndex((i) => i.id === t);
@@ -286,7 +288,7 @@ function V() {
       }));
     },
     updateWidgetPosition: (t, e) => {
-      s(r((o) => {
+      s(c((o) => {
         const n = o.layouts.find((i) => i.id === o.activeLayoutId);
         if (n) {
           const i = n.widgets.find((a) => a.id === t);
@@ -295,7 +297,7 @@ function V() {
       }));
     },
     updateWidgetConfig: (t, e) => {
-      s(r((o) => {
+      s(c((o) => {
         const n = o.layouts.find((i) => i.id === o.activeLayoutId);
         if (n) {
           const i = n.widgets.find((a) => a.id === t);
@@ -307,7 +309,7 @@ function V() {
       }));
     },
     updateWidgetTitle: (t, e) => {
-      s(r((o) => {
+      s(c((o) => {
         const n = o.layouts.find((i) => i.id === o.activeLayoutId);
         if (n) {
           const i = n.widgets.find((a) => a.id === t);
@@ -316,7 +318,7 @@ function V() {
       }));
     },
     changeWidgetType: (t, e) => {
-      s(r((o) => {
+      s(c((o) => {
         const n = o.layouts.find((i) => i.id === o.activeLayoutId);
         if (n) {
           const i = n.widgets.find((a) => a.id === t);
@@ -325,7 +327,7 @@ function V() {
       }));
     },
     updateWidgetState: (t, e, o) => {
-      s(r((n) => {
+      s(c((n) => {
         const i = n.layouts.find((a) => a.id === n.activeLayoutId);
         if (i) {
           const a = i.widgets.find((u) => u.id === t);
@@ -369,7 +371,7 @@ function V() {
       if (e) {
         if (t) {
           const o = f();
-          o && !A(e.currentPosition, o.widgets, e.widgetId) && s(r((n) => {
+          o && !A(e.currentPosition, o.widgets, e.widgetId) && s(c((n) => {
             const i = n.layouts.find((a) => a.id === n.activeLayoutId);
             if (i) {
               const a = i.widgets.find((u) => u.id === e.widgetId);
@@ -408,7 +410,7 @@ function V() {
       if (e) {
         if (t) {
           const o = f();
-          o && !A(e.currentPosition, o.widgets, e.widgetId) && s(r((n) => {
+          o && !A(e.currentPosition, o.widgets, e.widgetId) && s(c((n) => {
             const i = n.layouts.find((a) => a.id === n.activeLayoutId);
             if (i) {
               const a = i.widgets.find((u) => u.id === e.widgetId);
@@ -430,7 +432,7 @@ function V() {
   };
 }
 export {
-  it as DeckProvider,
-  V as createDeckService,
-  ot as useDeck
+  ot as DeckProvider,
+  X as createDeckService,
+  nt as useDeck
 };

package/package.json

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