@floegence/floe-webapp-core 0.1.2 → 0.1.7

package/dist/index60.js

@@ -1,49 +1,11 @@
-function d(t) {
-  const n = t.row + 1, o = t.col + 1, c = n + t.rowSpan, a = o + t.colSpan;
-  return `${n} / ${o} / ${c} / ${a}`;
-}
-function f(t, n, o, c, a, l = 24) {
-  const i = Math.round((t - o.left) / c), e = Math.round((n - o.top) / a);
-  return {
-    col: Math.max(0, Math.min(l - 1, i)),
-    row: Math.max(0, e)
-  };
-}
-function p(t, n = 4, o = 24) {
-  const c = n * (o - 1);
-  return { cellWidth: (t.width - c) / o, cellHeight: 40 };
-}
-function x(t, n, o, c) {
-  return {
-    colDelta: Math.round(t / o),
-    rowDelta: Math.round(n / c)
-  };
-}
-function m(t, n, o, c = 24) {
-  const a = Math.max(0, Math.min(c - t.colSpan, t.col + n)), l = Math.max(0, t.row + o);
-  return {
-    ...t,
-    col: a,
-    row: l
-  };
-}
-function S(t, n, o, c, a = 4, l = 4, i = 24) {
-  let { col: e, row: u, colSpan: r, rowSpan: h } = t;
-  if (n.includes("e") && (r = Math.max(a, Math.min(i - e, r + o))), n.includes("w")) {
-    const s = Math.max(0, e + o), M = e - s, w = r + M;
-    w >= a && (e = s, r = w);
-  }
-  if (n.includes("s") && (h = Math.max(l, h + c)), n.includes("n")) {
-    const s = Math.max(0, u + c), M = u - s, w = h + M;
-    w >= l && (u = s, h = w);
-  }
-  return { col: e, row: u, colSpan: r, rowSpan: h };
+import { createSignal as n, createEffect as a } from "solid-js";
+import { useResolvedFloeConfig as c } from "./index48.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];
 }
 export {
-  m as applyDragDelta,
-  S as applyResizeDelta,
-  p as getGridCellSize,
-  x as pixelDeltaToGridDelta,
-  d as positionToGridArea,
-  f as snapToGrid
+  u as usePersisted
 };

package/dist/index61.js

@@ -1,17 +1,59 @@
-const d = [
-  { name: "light", displayName: "Light", type: "light" },
-  { name: "dark", displayName: "Dark", type: "dark" }
-];
-function o() {
-  return typeof window > "u" ? "light" : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function i(t) {
-  if (typeof document > "u") return;
-  const e = document.documentElement, n = t === "system" ? o() : t;
-  e.classList.remove("light", "dark"), e.classList.add(n), e.style.colorScheme = n;
+import { createEffect as M, onCleanup as q } from "solid-js";
+import { useDeck as x } from "./index55.js";
+import { applyDragDelta as H } from "./index69.js";
+import { DECK_GRID_CONFIG as R } from "./index10.js";
+import { lockBodyStyle as S } from "./index66.js";
+function N() {
+  const l = x();
+  let r = null, d = 0, s = 0, m = 0, f = 0, o = null, u = null, a = null, e = null;
+  const h = (t) => {
+    if (!t) {
+      e == null || e(), e = null;
+      return;
+    }
+    e == null || e(), e = S({ cursor: "grabbing", "user-select": "none" });
+  }, E = () => {
+    r !== null && (o !== null && typeof cancelAnimationFrame < "u" && (cancelAnimationFrame(o), o = null), r = null, u = null, a = null, h(!1), l.endDrag(!0));
+  }, w = (t) => {
+    const c = t.target;
+    if (c.closest('button, input, select, textarea, [role="button"], a')) return;
+    const i = c.closest("[data-widget-drag-handle]");
+    if (!i || t.pointerType === "mouse" && t.button !== 0) return;
+    const n = i.dataset.widgetDragHandle;
+    n && (t.preventDefault(), t.stopPropagation(), r = t.pointerId, d = t.clientX, s = t.clientY, m = d, f = s, u = n, a = i, h(!0), l.startDrag(n, d, s), i.setPointerCapture(t.pointerId));
+  }, I = (t) => {
+    if (!(r !== t.pointerId || !u) && (m = t.clientX, f = t.clientY, o === null)) {
+      if (typeof requestAnimationFrame > "u") {
+        P();
+        return;
+      }
+      o = requestAnimationFrame(() => {
+        o = null, r !== null && P();
+      });
+    }
+  }, P = () => {
+    if (!u) return;
+    const t = m - d, c = f - s, g = document.querySelector(".deck-grid");
+    if (!g) return;
+    const i = g.getBoundingClientRect(), { cols: n, rowHeight: L, gap: v } = R, C = v * (n - 1), b = (i.width - C - v * 2) / n, F = L + v, X = Math.round(t / b), Y = Math.round(c / F), D = l.activeLayout(), y = D == null ? void 0 : D.widgets.find((G) => G.id === u);
+    if (!y) return;
+    const A = H(y.position, X, Y, n);
+    l.updateDrag(A, { x: t, y: c });
+  }, p = (t) => {
+    if (r === t.pointerId) {
+      try {
+        a == null || a.releasePointerCapture(t.pointerId);
+      } catch {
+      }
+      E();
+    }
+  };
+  M(() => {
+    l.editMode() && (typeof document > "u" || (document.addEventListener("pointerdown", w, !0), document.addEventListener("pointermove", I, !0), document.addEventListener("pointerup", p, !0), document.addEventListener("pointercancel", p, !0), q(() => {
+      E(), document.removeEventListener("pointerdown", w, !0), document.removeEventListener("pointermove", I, !0), document.removeEventListener("pointerup", p, !0), document.removeEventListener("pointercancel", p, !0);
+    })));
+  });
 }
 export {
-  i as applyTheme,
-  d as builtInThemes,
-  o as getSystemTheme
+  N as useDeckDrag
 };

package/dist/index62.js

@@ -1,38 +1,8 @@
-import { template as i, insert as r, effect as n, className as o, createComponent as a } from "solid-js/web";
-import { cn as d } from "./index53.js";
-import { Files as c, Search as f, Settings as u, Terminal as x } from "./index30.js";
-var m = /* @__PURE__ */ i('<div><div class="p-3 text-sm text-muted-foreground">Sidebar content for: '), h = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Files Widget</span><span class="text-xs text-muted-foreground/60">Connect to file explorer'), p = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Search Widget</span><span class="text-xs text-muted-foreground/60">Connect to search'), g = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Settings Widget</span><span class="text-xs text-muted-foreground/60">Connect to settings'), v = /* @__PURE__ */ i('<div><div class="h-full flex flex-col items-center justify-center text-muted-foreground"><span class=text-xs>Showcase Widget</span><span class="text-xs text-muted-foreground/60">Connect to showcase');
-function S(s) {
-  return (() => {
-    var e = m(), t = e.firstChild;
-    return t.firstChild, r(t, () => s.widgetId, null), n(() => o(e, d("h-full overflow-auto", s.isEditMode && "pointer-events-none"))), e;
-  })();
+import { clsx as o } from "./index74.js";
+import { twMerge as t } from "./index75.js";
+function n(...r) {
+  return t(o(r));
 }
-const b = (s) => (() => {
-  var e = h(), t = e.firstChild, l = t.firstChild;
-  return r(t, a(c, {
-    class: "w-8 h-8 mb-2"
-  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
-})(), w = (s) => (() => {
-  var e = p(), t = e.firstChild, l = t.firstChild;
-  return r(t, a(f, {
-    class: "w-8 h-8 mb-2"
-  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
-})(), W = (s) => (() => {
-  var e = g(), t = e.firstChild, l = t.firstChild;
-  return r(t, a(u, {
-    class: "w-8 h-8 mb-2"
-  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
-})(), E = (s) => (() => {
-  var e = v(), t = e.firstChild, l = t.firstChild;
-  return r(t, a(x, {
-    class: "w-8 h-8 mb-2"
-  }), l), n(() => o(e, d("h-full", s.isEditMode && "pointer-events-none"))), e;
-})();
 export {
-  b as FilesSidebarWidget,
-  w as SearchSidebarWidget,
-  W as SettingsSidebarWidget,
-  E as ShowcaseSidebarWidget,
-  S as SidebarWidget
+  n as cn
 };

package/dist/index63.js

@@ -1,67 +1,6 @@
-import { template as x, insert as r, createComponent as s, effect as f, className as M } from "solid-js/web";
-import { createSignal as u, onMount as p, onCleanup as w } from "solid-js";
-import { cn as v } from "./index53.js";
-var _ = /* @__PURE__ */ x('<div><div class="grid grid-cols-2 gap-3 h-full">'), $ = /* @__PURE__ */ x('<div class="bg-muted/30 rounded-md p-2 flex flex-col justify-center"><div class="text-xs text-muted-foreground mb-1"></div><div class="flex items-baseline gap-1"><span></span><span class="text-xs text-muted-foreground">');
-function N(t) {
-  const [l, o] = u(Math.random() * 100), [i, a] = u(Math.random() * 100), [m, h] = u(Math.random() * 1e3), [C, b] = u(Math.random() * 500);
-  let c;
-  p(() => {
-    t.isEditMode || (c = window.setInterval(() => {
-      o((e) => Math.max(0, Math.min(100, e + (Math.random() - 0.5) * 10))), a((e) => Math.max(0, Math.min(100, e + (Math.random() - 0.5) * 5))), h(Math.random() * 1e3), b(Math.random() * 500);
-    }, 2e3));
-  }), w(() => {
-    c && clearInterval(c);
-  });
-  const g = (e, n) => e >= n.danger ? "text-destructive" : e >= n.warning ? "text-yellow-500" : "text-green-500";
-  return (() => {
-    var e = _(), n = e.firstChild;
-    return r(n, s(d, {
-      label: "CPU",
-      get value() {
-        return l().toFixed(1);
-      },
-      unit: "%",
-      get colorClass() {
-        return g(l(), {
-          warning: 60,
-          danger: 80
-        });
-      }
-    }), null), r(n, s(d, {
-      label: "Memory",
-      get value() {
-        return i().toFixed(1);
-      },
-      unit: "%",
-      get colorClass() {
-        return g(i(), {
-          warning: 70,
-          danger: 90
-        });
-      }
-    }), null), r(n, s(d, {
-      label: "Network In",
-      get value() {
-        return m().toFixed(0);
-      },
-      unit: "KB/s",
-      colorClass: "text-blue-500"
-    }), null), r(n, s(d, {
-      label: "Network Out",
-      get value() {
-        return C().toFixed(0);
-      },
-      unit: "KB/s",
-      colorClass: "text-purple-500"
-    }), null), f(() => M(e, v("h-full p-3", t.isEditMode && "pointer-events-none"))), e;
-  })();
-}
-function d(t) {
-  return (() => {
-    var l = $(), o = l.firstChild, i = o.nextSibling, a = i.firstChild, m = a.nextSibling;
-    return r(o, () => t.label), r(a, () => t.value), r(m, () => t.unit), f(() => M(a, v("text-lg font-semibold tabular-nums", t.colorClass))), l;
-  })();
+function n(e, o = 0) {
+  setTimeout(e, o);
 }
 export {
-  N as MetricsWidget
+  n as deferNonBlocking
 };

package/dist/index64.js

@@ -1,87 +1,48 @@
-import { delegateEvents as E, template as b, insert as $, createComponent as S, effect as u, className as x, use as T } from "solid-js/web";
-import { createSignal as y, For as k } from "solid-js";
-import { cn as g } from "./index53.js";
-var z = /* @__PURE__ */ b('<div><div class="flex-1 overflow-y-auto p-2"><div class="flex items-center"><span class=text-green-400>$ </span><form class=flex-1><input type=text class="w-full bg-transparent outline-none text-zinc-100">'), I = /* @__PURE__ */ b("<div>");
-function F(p) {
-  const [_, d] = y([{
-    id: 1,
-    type: "output",
-    content: "Welcome to Floe Terminal"
-  }, {
-    id: 2,
-    type: "output",
-    content: 'Type "help" for available commands'
-  }, {
-    id: 3,
-    type: "input",
-    content: "$ "
-  }]), [f, c] = y("");
-  let r, i = 4;
-  const w = (l) => {
-    l.preventDefault();
-    const e = f().trim();
-    if (!e) return;
-    const n = [{
-      id: i++,
-      type: "input",
-      content: `$ ${e}`
-    }];
-    if (e === "help")
-      n.push({
-        id: i++,
-        type: "output",
-        content: "Available commands: help, clear, date, echo <text>"
-      });
-    else if (e === "clear") {
-      d([{
-        id: i++,
-        type: "input",
-        content: "$ "
-      }]), c("");
-      return;
-    } else e === "date" ? n.push({
-      id: i++,
-      type: "output",
-      content: (/* @__PURE__ */ new Date()).toString()
-    }) : e.startsWith("echo ") ? n.push({
-      id: i++,
-      type: "output",
-      content: e.slice(5)
-    }) : n.push({
-      id: i++,
-      type: "error",
-      content: `Command not found: ${e}`
-    });
-    n.push({
-      id: i++,
-      type: "input",
-      content: "$ "
-    }), d((a) => [...a.slice(0, -1), ...n]), c("");
-  }, C = () => {
-    r == null || r.focus();
-  };
-  return (() => {
-    var l = z(), e = l.firstChild, n = e.firstChild, a = n.firstChild, m = a.nextSibling, s = m.firstChild;
-    l.$$click = C, $(e, S(k, {
-      get each() {
-        return _().slice(0, -1);
-      },
-      children: (t) => (() => {
-        var o = I();
-        return $(o, () => t.content), u(() => x(o, g("whitespace-pre-wrap break-all", t.type === "error" && "text-red-400", t.type === "input" && "text-green-400"))), o;
-      })()
-    }), n), m.addEventListener("submit", w), s.$$input = (t) => c(t.currentTarget.value);
-    var v = r;
-    return typeof v == "function" ? T(v, s) : r = s, u((t) => {
-      var o = g("h-full bg-zinc-900 text-zinc-100 font-mono text-xs overflow-hidden flex flex-col", p.isEditMode && "pointer-events-none"), h = p.isEditMode;
-      return o !== t.e && x(l, t.e = o), h !== t.t && (s.disabled = t.t = h), t;
-    }, {
-      e: void 0,
-      t: void 0
-    }), u(() => s.value = f()), l;
-  })();
+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);
+  }
+}
+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));
 }
-E(["click", "input"]);
 export {
-  F as TerminalWidget
+  d as clearAll,
+  f as debouncedSave,
+  l as load,
+  u as remove,
+  a as save
 };

package/dist/index65.js

@@ -1,17 +1,29 @@
-function a(r) {
-  var n, f, t = "";
-  if (typeof r == "string" || typeof r == "number") t += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var o = r.length;
-    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
-  } else for (f in r) r[f] && (t && (t += " "), t += f);
-  return t;
+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 i() {
-  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
-  return t;
+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);
 }
 export {
-  i as clsx,
-  i as default
+  l as formatKeybind,
+  c as matchKeybind,
+  o as parseKeybind
 };