@floegence/floe-webapp-core 0.4.0 → 0.6.0

package/dist/index59.js

@@ -1,41 +1,438 @@
-import { createComponent as c } from "solid-js/web";
-import { createContext as g, untrack as s, useContext as a } from "solid-js";
-const d = g();
-function f(t) {
-  const e = {
-    widgetId: s(() => t.widgetId),
-    get: (n) => t.state()[n],
-    set: (n, i) => t.onStateChange(n, i),
-    getAll: () => t.state()
-  };
-  return c(d.Provider, {
-    value: e,
-    get children() {
-      return t.children;
-    }
-  });
-}
-function u() {
-  const t = a(d);
-  if (!t)
-    throw new Error("useWidgetStateContext must be used within a WidgetStateProvider");
-  return t;
-}
-function w(t, o) {
-  const e = u();
-  return [() => {
-    const r = e.get(t);
-    return r !== void 0 ? r : o;
-  }, (r) => {
-    e.set(t, r);
+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 "./index51.js";
+import { useResolvedFloeConfig as H } from "./index52.js";
+import { useWidgetRegistry as J } from "./index58.js";
+import { hasCollision as A, constrainPosition as N, findFreePosition as Q } from "./index73.js";
+function U() {
+  const d = Date.now();
+  return [{
+    id: "preset-default",
+    name: "Default",
+    isPreset: !0,
+    widgets: [{
+      id: "w1",
+      type: "metrics",
+      position: {
+        col: 0,
+        row: 0,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }, {
+      id: "w2",
+      type: "terminal",
+      position: {
+        col: 12,
+        row: 0,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }, {
+      id: "w3",
+      type: "metrics",
+      position: {
+        col: 0,
+        row: 6,
+        colSpan: 24,
+        rowSpan: 6
+      }
+    }],
+    createdAt: d,
+    updatedAt: d
+  }, {
+    id: "preset-focus",
+    name: "Focus",
+    isPreset: !0,
+    widgets: [{
+      id: "w1",
+      type: "terminal",
+      position: {
+        col: 0,
+        row: 0,
+        colSpan: 24,
+        rowSpan: 12
+      }
+    }],
+    createdAt: d,
+    updatedAt: d
+  }, {
+    id: "preset-monitoring",
+    name: "Monitoring",
+    isPreset: !0,
+    widgets: [{
+      id: "w1",
+      type: "metrics",
+      position: {
+        col: 0,
+        row: 0,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }, {
+      id: "w2",
+      type: "metrics",
+      position: {
+        col: 12,
+        row: 0,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }, {
+      id: "w3",
+      type: "metrics",
+      position: {
+        col: 0,
+        row: 6,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }, {
+      id: "w4",
+      type: "metrics",
+      position: {
+        col: 12,
+        row: 6,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }],
+    createdAt: d,
+    updatedAt: d
+  }, {
+    id: "preset-development",
+    name: "Development",
+    isPreset: !0,
+    widgets: [{
+      id: "w1",
+      type: "terminal",
+      position: {
+        col: 0,
+        row: 0,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }, {
+      id: "w2",
+      type: "terminal",
+      position: {
+        col: 12,
+        row: 0,
+        colSpan: 12,
+        rowSpan: 6
+      }
+    }, {
+      id: "w3",
+      type: "metrics",
+      position: {
+        col: 0,
+        row: 6,
+        colSpan: 24,
+        rowSpan: 6
+      }
+    }],
+    createdAt: d,
+    updatedAt: d
   }];
 }
-function S() {
-  return u().widgetId;
+function V(d) {
+  if (!d || d.length === 0) return U();
+  const w = Date.now();
+  return d.map((p) => ({
+    id: p.id,
+    name: p.name,
+    isPreset: p.isPreset ?? !0,
+    widgets: p.widgets.map((l) => ({
+      id: l.id,
+      type: l.type,
+      position: l.position,
+      config: l.config,
+      title: l.title
+    })),
+    createdAt: w,
+    updatedAt: w
+  }));
+}
+const {
+  Provider: ot,
+  use: nt
+} = G({
+  name: "Deck",
+  init: X
+});
+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;
+  }), 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: T,
+    editMode: !1
+  }, [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: r.layouts,
+      activeLayoutId: r.activeLayoutId
+    };
+    d.persist.debouncedSave(p(), 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());
+    if (Array.isArray(t)) return t.map((o) => m(o));
+    const e = {};
+    for (const [o, n] of Object.entries(t))
+      e[o] = m(n);
+    return e;
+  };
+  return {
+    // Layout management
+    layouts: () => r.layouts,
+    activeLayoutId: () => r.activeLayoutId,
+    activeLayout: f,
+    setActiveLayout: (t) => {
+      r.layouts.some((e) => e.id === t) && s("activeLayoutId", t);
+    },
+    createLayout: (t, e) => {
+      const o = {
+        id: g(),
+        name: t,
+        widgets: e ?? [],
+        createdAt: Date.now(),
+        updatedAt: Date.now()
+      };
+      return s(c((n) => {
+        n.layouts.push(o), n.activeLayoutId = o.id;
+      })), o;
+    },
+    duplicateLayout: (t, e) => {
+      const o = r.layouts.find((i) => i.id === t);
+      if (!o) return;
+      const n = {
+        id: g(),
+        name: e,
+        widgets: o.widgets.map((i) => ({
+          ...i,
+          id: g(),
+          position: {
+            ...i.position
+          },
+          config: i.config ? m(i.config) : void 0,
+          state: i.state ? m(i.state) : void 0
+        })),
+        createdAt: Date.now(),
+        updatedAt: Date.now()
+      };
+      return s(c((i) => {
+        i.layouts.push(n), i.activeLayoutId = n.id;
+      })), n;
+    },
+    deleteLayout: (t) => {
+      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 = 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: () => r.editMode,
+    setEditMode: (t) => s("editMode", t),
+    toggleEditMode: () => s("editMode", !r.editMode),
+    // Widget management
+    addWidget: (t, e, o) => {
+      const n = f();
+      if (!n) return;
+      const i = w.getWidget(t), a = {
+        minColSpan: (i == null ? void 0 : i.minColSpan) ?? 2,
+        minRowSpan: (i == null ? void 0 : i.minRowSpan) ?? 2
+      }, 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)
+      }, 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) : Q(n.widgets, u.colSpan, u.rowSpan), W = g(), O = {
+        id: W,
+        type: t,
+        position: K,
+        config: o
+      };
+      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(c((e) => {
+        const o = e.layouts.find((n) => n.id === e.activeLayoutId);
+        if (o) {
+          const n = o.widgets.findIndex((i) => i.id === t);
+          n !== -1 && (o.widgets.splice(n, 1), o.updatedAt = Date.now());
+        }
+      }));
+    },
+    updateWidgetPosition: (t, e) => {
+      s(c((o) => {
+        const n = o.layouts.find((i) => i.id === o.activeLayoutId);
+        if (n) {
+          const i = n.widgets.find((a) => a.id === t);
+          i && (A(e, n.widgets, t) || (i.position = e, n.updatedAt = Date.now()));
+        }
+      }));
+    },
+    updateWidgetConfig: (t, e) => {
+      s(c((o) => {
+        const n = o.layouts.find((i) => i.id === o.activeLayoutId);
+        if (n) {
+          const i = n.widgets.find((a) => a.id === t);
+          i && (i.config = {
+            ...i.config,
+            ...e
+          }, n.updatedAt = Date.now());
+        }
+      }));
+    },
+    updateWidgetTitle: (t, e) => {
+      s(c((o) => {
+        const n = o.layouts.find((i) => i.id === o.activeLayoutId);
+        if (n) {
+          const i = n.widgets.find((a) => a.id === t);
+          i && (i.title = e, n.updatedAt = Date.now());
+        }
+      }));
+    },
+    changeWidgetType: (t, e) => {
+      s(c((o) => {
+        const n = o.layouts.find((i) => i.id === o.activeLayoutId);
+        if (n) {
+          const i = n.widgets.find((a) => a.id === t);
+          i && (i.type = e, i.config = void 0, i.title = void 0, i.state = void 0, n.updatedAt = Date.now());
+        }
+      }));
+    },
+    updateWidgetState: (t, e, o) => {
+      s(c((n) => {
+        const i = n.layouts.find((a) => a.id === n.activeLayoutId);
+        if (i) {
+          const a = i.widgets.find((u) => u.id === t);
+          a && (a.state || (a.state = {}), a.state[e] = o, i.updatedAt = Date.now());
+        }
+      }));
+    },
+    getWidgetState: (t) => {
+      const e = f(), o = e == null ? void 0 : e.widgets.find((n) => n.id === t);
+      return (o == null ? void 0 : o.state) ?? {};
+    },
+    // Drag state
+    dragState: C,
+    startDrag: (t, e, o) => {
+      const n = f(), i = n == null ? void 0 : n.widgets.find((a) => a.id === t);
+      i && v({
+        widgetId: t,
+        originalPosition: {
+          ...i.position
+        },
+        currentPosition: {
+          ...i.position
+        },
+        pixelOffset: {
+          x: 0,
+          y: 0
+        },
+        startX: e,
+        startY: o
+      });
+    },
+    updateDrag: (t, e) => {
+      v((o) => o ? {
+        ...o,
+        currentPosition: t,
+        pixelOffset: e
+      } : null);
+    },
+    endDrag: (t) => {
+      const e = C();
+      if (e) {
+        if (t) {
+          const o = f();
+          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);
+              a && (a.position = e.currentPosition, i.updatedAt = Date.now());
+            }
+          }));
+        }
+        v(null);
+      }
+    },
+    // Resize state
+    resizeState: M,
+    startResize: (t, e, o, n) => {
+      const i = f(), a = i == null ? void 0 : i.widgets.find((u) => u.id === t);
+      a && L({
+        widgetId: t,
+        edge: e,
+        originalPosition: {
+          ...a.position
+        },
+        currentPosition: {
+          ...a.position
+        },
+        startX: o,
+        startY: n
+      });
+    },
+    updateResize: (t) => {
+      L((e) => e ? {
+        ...e,
+        currentPosition: t
+      } : null);
+    },
+    endResize: (t) => {
+      const e = M();
+      if (e) {
+        if (t) {
+          const o = f();
+          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);
+              a && (a.position = e.currentPosition, i.updatedAt = Date.now());
+            }
+          }));
+        }
+        L(null);
+      }
+    },
+    // Utilities
+    getWidgetMinConstraints: (t) => {
+      const e = w.getWidget(t);
+      return {
+        minColSpan: (e == null ? void 0 : e.minColSpan) ?? 2,
+        minRowSpan: (e == null ? void 0 : e.minRowSpan) ?? 2
+      };
+    }
+  };
 }
 export {
-  f as WidgetStateProvider,
-  S as useCurrentWidgetId,
-  w as useWidgetState,
-  u as useWidgetStateContext
+  ot as DeckProvider,
+  X as createDeckService,
+  nt as useDeck
 };

package/dist/index6.js

@@ -1,7 +1,7 @@
 import { delegateEvents as f, template as i, insert as l, effect as u, className as a, createComponent as c } from "solid-js/web";
 import { Show as s } from "solid-js";
-import { cn as m } from "./index67.js";
-import { useResolvedFloeConfig as b } from "./index51.js";
+import { cn as m } from "./index68.js";
+import { useResolvedFloeConfig as b } from "./index52.js";
 var h = /* @__PURE__ */ i("<footer>"), g = /* @__PURE__ */ i('<span class="w-2.5 h-2.5">'), $ = /* @__PURE__ */ i("<button type=button>"), d = /* @__PURE__ */ i("<span>");
 function C(e) {
   return (() => {

package/dist/index60.js

@@ -1,22 +1,41 @@
-import { createComponent as i } from "solid-js/web";
-import { createContext as n, untrack as r, useContext as c } from "solid-js";
-const e = n();
-function v(t) {
-  const o = r(() => t.value);
-  return i(e.Provider, {
-    value: o,
+import { createComponent as c } from "solid-js/web";
+import { createContext as g, untrack as s, useContext as a } from "solid-js";
+const d = g();
+function f(t) {
+  const e = {
+    widgetId: s(() => t.widgetId),
+    get: (n) => t.state()[n],
+    set: (n, i) => t.onStateChange(n, i),
+    getAll: () => t.state()
+  };
+  return c(d.Provider, {
+    value: e,
     get children() {
       return t.children;
     }
   });
 }
-function w() {
-  const t = c(e);
+function u() {
+  const t = a(d);
   if (!t)
-    throw new Error("ViewActivationContext not found. Wrap your view with <ViewActivationProvider />.");
+    throw new Error("useWidgetStateContext must be used within a WidgetStateProvider");
   return t;
 }
+function w(t, o) {
+  const e = u();
+  return [() => {
+    const r = e.get(t);
+    return r !== void 0 ? r : o;
+  }, (r) => {
+    e.set(t, r);
+  }];
+}
+function S() {
+  return u().widgetId;
+}
 export {
-  v as ViewActivationProvider,
-  w as useViewActivation
+  f as WidgetStateProvider,
+  S as useCurrentWidgetId,
+  w as useWidgetState,
+  u as useWidgetStateContext
 };

package/dist/index61.js

@@ -1,16 +1,22 @@
-import { createSignal as c, onMount as i, onCleanup as s } from "solid-js";
-function h(a) {
-  const [o, n] = c(!1);
-  return i(() => {
-    if (typeof window > "u") return;
-    const e = window.matchMedia(a);
-    n(e.matches);
-    const t = (r) => {
-      n(r.matches);
-    };
-    e.addEventListener("change", t), s(() => e.removeEventListener("change", t));
-  }), o;
+import { createComponent as i } from "solid-js/web";
+import { createContext as n, untrack as r, useContext as c } from "solid-js";
+const e = n();
+function v(t) {
+  const o = r(() => t.value);
+  return i(e.Provider, {
+    value: o,
+    get children() {
+      return t.children;
+    }
+  });
+}
+function w() {
+  const t = c(e);
+  if (!t)
+    throw new Error("ViewActivationContext not found. Wrap your view with <ViewActivationProvider />.");
+  return t;
 }
 export {
-  h as useMediaQuery
+  v as ViewActivationProvider,
+  w as useViewActivation
 };

package/dist/index62.js

@@ -1,13 +1,16 @@
-import { createSignal as r, createEffect as i, on as a } from "solid-js";
-function s(e, t) {
-  const [o, n] = r(e());
-  return i(
-    a(e, (u) => {
-      const c = setTimeout(() => n(() => u), t);
-      return () => clearTimeout(c);
-    })
-  ), o;
+import { createSignal as c, onMount as i, onCleanup as s } from "solid-js";
+function h(a) {
+  const [o, n] = c(!1);
+  return i(() => {
+    if (typeof window > "u") return;
+    const e = window.matchMedia(a);
+    n(e.matches);
+    const t = (r) => {
+      n(r.matches);
+    };
+    e.addEventListener("change", t), s(() => e.removeEventListener("change", t));
+  }), o;
 }
 export {
-  s as useDebounce
+  h as useMediaQuery
 };

package/dist/index63.js

@@ -1,19 +1,13 @@
-import { createSignal as c, onMount as u, onCleanup as h } from "solid-js";
-function b(o) {
-  const [r, i] = c(null);
-  return u(() => {
-    const t = o();
-    if (!t) return;
-    const n = new ResizeObserver((s) => {
-      const e = s[0];
-      e && i({
-        width: e.contentRect.width,
-        height: e.contentRect.height
-      });
-    });
-    n.observe(t), h(() => n.disconnect());
-  }), r;
+import { createSignal as r, createEffect as i, on as a } from "solid-js";
+function s(e, t) {
+  const [o, n] = r(e());
+  return i(
+    a(e, (u) => {
+      const c = setTimeout(() => n(() => u), t);
+      return () => clearTimeout(c);
+    })
+  ), o;
 }
 export {
-  b as useResizeObserver
+  s as useDebounce
 };

package/dist/index64.js

@@ -1,13 +1,19 @@
-import { onMount as d, onCleanup as i } from "solid-js";
-import { matchKeybind as r } from "./index69.js";
-function a(o, t) {
-  d(() => {
-    const n = (e) => {
-      r(e, o) && (e.preventDefault(), t());
-    };
-    window.addEventListener("keydown", n), i(() => window.removeEventListener("keydown", n));
-  });
+import { createSignal as c, onMount as u, onCleanup as h } from "solid-js";
+function b(o) {
+  const [r, i] = c(null);
+  return u(() => {
+    const t = o();
+    if (!t) return;
+    const n = new ResizeObserver((s) => {
+      const e = s[0];
+      e && i({
+        width: e.contentRect.width,
+        height: e.contentRect.height
+      });
+    });
+    n.observe(t), h(() => n.disconnect());
+  }), r;
 }
 export {
-  a as useKeybind
+  b as useResizeObserver
 };

package/dist/index65.js

@@ -1,11 +1,13 @@
-import { createSignal as n, createEffect as a } from "solid-js";
-import { useResolvedFloeConfig as c } from "./index51.js";
-function u(e, s) {
-  const t = c(), r = t.persist.load(e, s), [o, i] = n(r);
-  return a(() => {
-    t.persist.debouncedSave(e, o());
-  }), [o, i];
+import { onMount as d, onCleanup as i } from "solid-js";
+import { matchKeybind as r } from "./index70.js";
+function a(o, t) {
+  d(() => {
+    const n = (e) => {
+      r(e, o) && (e.preventDefault(), t());
+    };
+    window.addEventListener("keydown", n), i(() => window.removeEventListener("keydown", n));
+  });
 }
 export {
-  u as usePersisted
+  a as useKeybind
 };