@floegence/floe-webapp-core 0.1.2 → 0.1.7

package/dist/index55.js

@@ -1,48 +1,386 @@
-const r = "floe-", i = /* @__PURE__ */ new Map();
-function f(o, e, n = 300) {
-  if (typeof window > "u") return;
-  const t = r + o, c = i.get(t);
-  c && clearTimeout(c), i.set(
-    t,
-    setTimeout(() => {
-      try {
-        localStorage.setItem(t, JSON.stringify(e)), i.delete(t);
-      } catch (s) {
-        console.warn(`Failed to save ${t}:`, s);
-      }
-    }, n)
-  );
-}
-function l(o, e) {
-  if (typeof window > "u") return e;
-  const n = r + o;
-  try {
-    const t = localStorage.getItem(n);
-    return t === null ? e : JSON.parse(t);
-  } catch {
-    return e;
-  }
-}
-function a(o, e) {
-  if (typeof window > "u") return;
-  const n = r + o;
-  try {
-    localStorage.setItem(n, JSON.stringify(e));
-  } catch (t) {
-    console.warn(`Failed to save ${n}:`, t);
+import { createSignal as I, createEffect as T } from "solid-js";
+import { createStore as E, produce as r } from "solid-js/store";
+import { createSimpleContext as h } from "./index47.js";
+import { useResolvedFloeConfig as W } from "./index48.js";
+import { hasCollision as g, constrainPosition as F, findFreePosition as k } from "./index68.js";
+const z = [{
+  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: Date.now(),
+  updatedAt: Date.now()
+}, {
+  id: "preset-focus",
+  name: "Focus",
+  isPreset: !0,
+  widgets: [{
+    id: "w1",
+    type: "terminal",
+    position: {
+      col: 0,
+      row: 0,
+      colSpan: 24,
+      rowSpan: 12
+    }
+  }],
+  createdAt: Date.now(),
+  updatedAt: Date.now()
+}, {
+  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: Date.now(),
+  updatedAt: Date.now()
+}, {
+  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: Date.now(),
+  updatedAt: Date.now()
+}], U = {
+  activeLayoutId: "preset-default"
+}, P = {
+  metrics: {
+    minColSpan: 6,
+    minRowSpan: 4
+  },
+  terminal: {
+    minColSpan: 8,
+    minRowSpan: 4
   }
-}
-function u(o) {
-  typeof window > "u" || localStorage.removeItem(r + o);
-}
-function d() {
-  if (typeof window > "u") return;
-  Object.keys(localStorage).filter((e) => e.startsWith(r)).forEach((e) => localStorage.removeItem(e));
+}, {
+  Provider: q,
+  use: B
+} = h({
+  name: "Deck",
+  init: _
+});
+function _() {
+  const w = W(), S = () => w.config.deck.storageKey, m = w.persist.load(S(), {}), M = (m.layouts ?? []).filter((o) => !o.isPreset), R = {
+    layouts: [...z, ...M],
+    activeLayoutId: m.activeLayoutId ?? U.activeLayoutId,
+    editMode: !1
+  }, [s, d] = E(R), [v, p] = I(null), [D, f] = I(null);
+  T(() => {
+    const o = {
+      layouts: s.layouts,
+      activeLayoutId: s.activeLayoutId
+    };
+    w.persist.debouncedSave(S(), o);
+  });
+  const u = () => s.layouts.find((o) => o.id === s.activeLayoutId), l = () => `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
+  return {
+    // Layout management
+    layouts: () => s.layouts,
+    activeLayoutId: () => s.activeLayoutId,
+    activeLayout: u,
+    setActiveLayout: (o) => {
+      s.layouts.some((t) => t.id === o) && d("activeLayoutId", o);
+    },
+    createLayout: (o, t) => {
+      const a = {
+        id: l(),
+        name: o,
+        widgets: t ?? [],
+        createdAt: Date.now(),
+        updatedAt: Date.now()
+      };
+      return d(r((i) => {
+        i.layouts.push(a), i.activeLayoutId = a.id;
+      })), a;
+    },
+    duplicateLayout: (o, t) => {
+      const a = s.layouts.find((e) => e.id === o);
+      if (!a) return;
+      const i = {
+        id: l(),
+        name: t,
+        widgets: a.widgets.map((e) => ({
+          ...e,
+          id: l()
+        })),
+        createdAt: Date.now(),
+        updatedAt: Date.now()
+      };
+      return d(r((e) => {
+        e.layouts.push(i), e.activeLayoutId = i.id;
+      })), i;
+    },
+    deleteLayout: (o) => {
+      const t = s.layouts.find((a) => a.id === o);
+      !t || t.isPreset || d(r((a) => {
+        const i = a.layouts.findIndex((e) => e.id === o);
+        i !== -1 && (a.layouts.splice(i, 1), a.activeLayoutId === o && (a.activeLayoutId = "preset-default"));
+      }));
+    },
+    renameLayout: (o, t) => {
+      const a = s.layouts.find((i) => i.id === o);
+      !a || a.isPreset || d(r((i) => {
+        const e = i.layouts.find((n) => n.id === o);
+        e && (e.name = t, e.updatedAt = Date.now());
+      }));
+    },
+    // Edit mode
+    editMode: () => s.editMode,
+    setEditMode: (o) => d("editMode", o),
+    toggleEditMode: () => d("editMode", !s.editMode),
+    // Widget management
+    addWidget: (o, t, a) => {
+      const i = u();
+      if (!i) return;
+      const e = P[o] ?? {
+        minColSpan: 2,
+        minRowSpan: 2
+      }, n = {
+        colSpan: (t == null ? void 0 : t.colSpan) ?? Math.max(e.minColSpan, 4),
+        rowSpan: (t == null ? void 0 : t.rowSpan) ?? Math.max(e.minRowSpan, 3)
+      }, c = (t == null ? void 0 : t.col) !== void 0 && (t == null ? void 0 : t.row) !== void 0 ? F({
+        ...n,
+        col: t.col,
+        row: t.row
+      }, e.minColSpan, e.minRowSpan) : k(i.widgets, n.colSpan, n.rowSpan), L = l(), C = {
+        id: L,
+        type: o,
+        position: c,
+        config: a
+      };
+      return d(r((A) => {
+        const y = A.layouts.find((x) => x.id === A.activeLayoutId);
+        y && (y.widgets.push(C), y.updatedAt = Date.now());
+      })), L;
+    },
+    removeWidget: (o) => {
+      d(r((t) => {
+        const a = t.layouts.find((i) => i.id === t.activeLayoutId);
+        if (a) {
+          const i = a.widgets.findIndex((e) => e.id === o);
+          i !== -1 && (a.widgets.splice(i, 1), a.updatedAt = Date.now());
+        }
+      }));
+    },
+    updateWidgetPosition: (o, t) => {
+      d(r((a) => {
+        const i = a.layouts.find((e) => e.id === a.activeLayoutId);
+        if (i) {
+          const e = i.widgets.find((n) => n.id === o);
+          e && (g(t, i.widgets, o) || (e.position = t, i.updatedAt = Date.now()));
+        }
+      }));
+    },
+    updateWidgetConfig: (o, t) => {
+      d(r((a) => {
+        const i = a.layouts.find((e) => e.id === a.activeLayoutId);
+        if (i) {
+          const e = i.widgets.find((n) => n.id === o);
+          e && (e.config = {
+            ...e.config,
+            ...t
+          }, i.updatedAt = Date.now());
+        }
+      }));
+    },
+    updateWidgetTitle: (o, t) => {
+      d(r((a) => {
+        const i = a.layouts.find((e) => e.id === a.activeLayoutId);
+        if (i) {
+          const e = i.widgets.find((n) => n.id === o);
+          e && (e.title = t, i.updatedAt = Date.now());
+        }
+      }));
+    },
+    changeWidgetType: (o, t) => {
+      d(r((a) => {
+        const i = a.layouts.find((e) => e.id === a.activeLayoutId);
+        if (i) {
+          const e = i.widgets.find((n) => n.id === o);
+          e && (e.type = t, e.config = void 0, e.title = void 0, i.updatedAt = Date.now());
+        }
+      }));
+    },
+    // Drag state
+    dragState: v,
+    startDrag: (o, t, a) => {
+      const i = u(), e = i == null ? void 0 : i.widgets.find((n) => n.id === o);
+      e && p({
+        widgetId: o,
+        originalPosition: {
+          ...e.position
+        },
+        currentPosition: {
+          ...e.position
+        },
+        pixelOffset: {
+          x: 0,
+          y: 0
+        },
+        startX: t,
+        startY: a
+      });
+    },
+    updateDrag: (o, t) => {
+      p((a) => a ? {
+        ...a,
+        currentPosition: o,
+        pixelOffset: t
+      } : null);
+    },
+    endDrag: (o) => {
+      const t = v();
+      if (t) {
+        if (o) {
+          const a = u();
+          a && !g(t.currentPosition, a.widgets, t.widgetId) && d(r((i) => {
+            const e = i.layouts.find((n) => n.id === i.activeLayoutId);
+            if (e) {
+              const n = e.widgets.find((c) => c.id === t.widgetId);
+              n && (n.position = t.currentPosition, e.updatedAt = Date.now());
+            }
+          }));
+        }
+        p(null);
+      }
+    },
+    // Resize state
+    resizeState: D,
+    startResize: (o, t, a, i) => {
+      const e = u(), n = e == null ? void 0 : e.widgets.find((c) => c.id === o);
+      n && f({
+        widgetId: o,
+        edge: t,
+        originalPosition: {
+          ...n.position
+        },
+        currentPosition: {
+          ...n.position
+        },
+        startX: a,
+        startY: i
+      });
+    },
+    updateResize: (o) => {
+      f((t) => t ? {
+        ...t,
+        currentPosition: o
+      } : null);
+    },
+    endResize: (o) => {
+      const t = D();
+      if (t) {
+        if (o) {
+          const a = u();
+          a && !g(t.currentPosition, a.widgets, t.widgetId) && d(r((i) => {
+            const e = i.layouts.find((n) => n.id === i.activeLayoutId);
+            if (e) {
+              const n = e.widgets.find((c) => c.id === t.widgetId);
+              n && (n.position = t.currentPosition, e.updatedAt = Date.now());
+            }
+          }));
+        }
+        f(null);
+      }
+    },
+    // Utilities
+    getWidgetMinConstraints: (o) => P[o] ?? {
+      minColSpan: 2,
+      minRowSpan: 2
+    }
+  };
 }
 export {
-  d as clearAll,
-  f as debouncedSave,
-  l as load,
-  u as remove,
-  a as save
+  q as DeckProvider,
+  _ as createDeckService,
+  B as useDeck
 };

package/dist/index56.js

@@ -1,29 +1,16 @@
-const r = typeof navigator < "u" && /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);
-function o(s) {
-  const t = s.toLowerCase().split("+"), e = t.pop() || "";
-  return {
-    mod: t.includes("mod"),
-    ctrl: t.includes("ctrl"),
-    alt: t.includes("alt"),
-    shift: t.includes("shift"),
-    key: e
-  };
-}
-function c(s, t) {
-  const e = typeof t == "string" ? o(t) : t, i = r ? s.metaKey : s.ctrlKey, n = s.key.toLowerCase();
-  return e.mod && !i || !e.mod && e.ctrl && !s.ctrlKey || e.alt && !s.altKey || e.shift && !s.shiftKey ? !1 : n === e.key;
-}
-function l(s) {
-  const t = o(s), e = [];
-  t.mod && e.push(r ? "⌘" : "Ctrl"), t.ctrl && !t.mod && e.push(r ? "⌃" : "Ctrl"), t.alt && e.push(r ? "⌥" : "Alt"), t.shift && e.push(r ? "⇧" : "Shift");
-  const i = t.key.length === 1 ? t.key.toUpperCase() : a(t.key);
-  return e.push(i), e.join(r ? "" : "+");
-}
-function a(s) {
-  return s.charAt(0).toUpperCase() + s.slice(1);
+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 {
-  l as formatKeybind,
-  c as matchKeybind,
-  o as parseKeybind
+  h as useMediaQuery
 };

package/dist/index57.js

@@ -1,35 +1,13 @@
-const i = /* @__PURE__ */ new Map();
-function f() {
-  return typeof document > "u" ? null : document.body;
-}
-function u(c, n) {
-  const s = f();
-  if (!s) return;
-  const l = n.stack[n.stack.length - 1], r = l ? l.value : n.initial;
-  r ? s.style.setProperty(c, r) : s.style.removeProperty(c);
-}
-function a(c) {
-  const n = f();
-  if (!n) return () => {
-  };
-  const s = Symbol("body-style-lock"), l = Object.keys(c);
-  for (const t of l) {
-    const e = c[t];
-    if (e === void 0) continue;
-    let o = i.get(t);
-    o || (o = { initial: n.style.getPropertyValue(t), stack: [] }, i.set(t, o)), o.stack.push({ id: s, value: e }), u(t, o);
-  }
-  let r = !1;
-  return () => {
-    if (!r) {
-      r = !0;
-      for (const t of l) {
-        const e = i.get(t);
-        e && (e.stack = e.stack.filter((o) => o.id !== s), e.stack.length === 0 ? (u(t, e), i.delete(t)) : u(t, e));
-      }
-    }
-  };
+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 {
-  a as lockBodyStyle
+  s as useDebounce
 };

package/dist/index58.js

@@ -1,94 +1,19 @@
-const i = {
-  default: { stiffness: 300, damping: 30 },
-  gentle: { stiffness: 150, damping: 20 },
-  snappy: { stiffness: 500, damping: 25 },
-  bouncy: { stiffness: 400, damping: 10 }
-}, t = {
-  instant: 0,
-  fast: 0.1,
-  normal: 0.2,
-  slow: 0.3,
-  slower: 0.5
-}, a = {
-  easeOut: [0.33, 1, 0.68, 1],
-  easeIn: [0.32, 0, 0.67, 0],
-  easeInOut: [0.65, 0, 0.35, 1],
-  spring: [0.175, 0.885, 0.32, 1.275]
-}, n = {
-  initial: { opacity: 0 },
-  animate: { opacity: 1 },
-  exit: { opacity: 0 },
-  transition: { duration: t.normal }
-}, e = {
-  initial: { x: -20, opacity: 0 },
-  animate: { x: 0, opacity: 1 },
-  exit: { x: -20, opacity: 0 },
-  transition: { duration: t.normal, ease: a.easeOut }
-}, s = {
-  initial: { x: 20, opacity: 0 },
-  animate: { x: 0, opacity: 1 },
-  exit: { x: 20, opacity: 0 },
-  transition: { duration: t.normal, ease: a.easeOut }
-}, o = {
-  initial: { y: -20, opacity: 0 },
-  animate: { y: 0, opacity: 1 },
-  exit: { y: -20, opacity: 0 },
-  transition: { duration: t.normal, ease: a.easeOut }
-}, c = {
-  initial: { y: 20, opacity: 0 },
-  animate: { y: 0, opacity: 1 },
-  exit: { y: 20, opacity: 0 },
-  transition: { duration: t.normal, ease: a.easeOut }
-}, r = {
-  initial: { scale: 0.95, opacity: 0 },
-  animate: { scale: 1, opacity: 1 },
-  exit: { scale: 0.95, opacity: 0 },
-  transition: { duration: t.fast, ease: a.easeOut }
-}, p = {
-  initial: { scale: 0.9, opacity: 0 },
-  animate: { scale: 1, opacity: 1 },
-  exit: { scale: 0.9, opacity: 0 },
-  transition: { type: "spring", ...i.bouncy }
-}, l = {
-  open: {
-    width: 300,
-    transition: { duration: t.normal, ease: a.easeOut }
-  },
-  collapsed: {
-    width: 48,
-    transition: { duration: t.normal, ease: a.easeOut }
-  },
-  closed: {
-    width: 0,
-    transition: { duration: t.normal, ease: a.easeOut }
-  }
-}, y = {
-  transition: { duration: t.fast, ease: a.easeOut }
-}, d = {
-  animate: {
-    transition: {
-      staggerChildren: 0.05
-    }
-  }
-}, m = {
-  initial: { opacity: 0, y: 10 },
-  animate: { opacity: 1, y: 0 },
-  exit: { opacity: 0, y: -10 },
-  transition: { duration: t.fast }
-};
+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 {
-  t as duration,
-  a as easing,
-  n as fadeIn,
-  d as listContainer,
-  m as listItem,
-  y as panelResize,
-  p as popIn,
-  r as scaleIn,
-  l as sidebarVariants,
-  c as slideInFromBottom,
-  e as slideInFromLeft,
-  s as slideInFromRight,
-  o as slideInFromTop,
-  i as springConfig
+  b as useResizeObserver
 };

package/dist/index59.js

@@ -1,25 +1,13 @@
-function e(o, n) {
-  return !(o.col + o.colSpan <= n.col || o.col >= n.col + n.colSpan || o.row + o.rowSpan <= n.row || o.row >= n.row + n.rowSpan);
-}
-function s(o, n, t) {
-  return n.some((c) => t && c.id === t ? !1 : e(o, c.position));
-}
-function w(o, n, t, c = 24) {
-  for (let r = 0; r < 100; r++)
-    for (let a = 0; a <= c - n; a++) {
-      const i = { col: a, row: r, colSpan: n, rowSpan: t };
-      if (!s(i, o))
-        return i;
-    }
-  return { col: 0, row: Math.max(0, ...o.map((r) => r.position.row + r.position.rowSpan)), colSpan: n, rowSpan: t };
-}
-function f(o, n = 4, t = 4, c = 24) {
-  const l = Math.max(0, Math.min(c - 1, o.col)), r = Math.max(0, o.row), a = Math.max(n, Math.min(c - l, o.colSpan)), i = Math.max(t, o.rowSpan);
-  return { col: l, row: r, colSpan: a, rowSpan: i };
+import { onMount as d, onCleanup as i } from "solid-js";
+import { matchKeybind as r } from "./index65.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 {
-  e as checkCollision,
-  f as constrainPosition,
-  w as findFreePosition,
-  s as hasCollision
+  a as useKeybind
 };

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 "./index53.js";
-import { useResolvedFloeConfig as b } from "./index39.js";
+import { cn as m } from "./index62.js";
+import { useResolvedFloeConfig as b } from "./index48.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 (() => {