@floegence/floe-webapp-core 0.1.5 → 0.1.7

package/dist/index67.js

@@ -1,10 +1,94 @@
-function i(e) {
-  return e.activeIsFullScreen || e.mobileSidebarOpen ? e.activeId : "";
-}
-function t(e) {
-  return e.clickedIsFullScreen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : e.clickedId === e.activeId && e.mobileSidebarOpen ? { nextActiveId: e.clickedId, nextMobileSidebarOpen: !1 } : { nextActiveId: e.clickedId, nextMobileSidebarOpen: !0 };
-}
+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 }
+};
 export {
-  i as resolveMobileTabActiveId,
-  t as resolveMobileTabSelect
+  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
 };

package/dist/index68.js

@@ -0,0 +1,25 @@
+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 };
+}
+export {
+  e as checkCollision,
+  f as constrainPosition,
+  w as findFreePosition,
+  s as hasCollision
+};

package/dist/index69.js

@@ -0,0 +1,49 @@
+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 };
+}
+export {
+  m as applyDragDelta,
+  S as applyResizeDelta,
+  p as getGridCellSize,
+  x as pixelDeltaToGridDelta,
+  d as positionToGridArea,
+  f as snapToGrid
+};

package/dist/index7.js

@@ -1,6 +1,6 @@
 import { delegateEvents as A, template as f, insert as o, createComponent as c, effect as w, className as m, Dynamic as C, memo as S, setAttribute as k, use as _ } from "solid-js/web";
 import { createSignal as $, onMount as I, onCleanup as L, Show as h, For as F } from "solid-js";
-import { cn as v } from "./index53.js";
+import { cn as v } from "./index62.js";
 var W = /* @__PURE__ */ f('<div class="absolute left-0 top-0 bottom-0 w-8 bg-gradient-to-r from-background to-transparent z-10 pointer-events-none">'), M = /* @__PURE__ */ f('<div class="absolute right-0 top-0 bottom-0 w-8 bg-gradient-to-l from-background to-transparent z-10 pointer-events-none">'), R = /* @__PURE__ */ f('<nav><div class="relative h-14"><div class="h-full flex items-center overflow-x-auto scrollbar-hide snap-x snap-mandatory"style=-webkit-overflow-scrolling:touch>'), j = /* @__PURE__ */ f("<span>"), q = /* @__PURE__ */ f('<div class="absolute bottom-0 left-1/2 -translate-x-1/2 w-8 h-0.5 bg-primary rounded-t">'), z = /* @__PURE__ */ f("<button type=button role=tab><div></div><span>");
 function N(e) {
   let n;

package/dist/index70.js

@@ -0,0 +1,17 @@
+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;
+}
+export {
+  i as applyTheme,
+  d as builtInThemes,
+  o as getSystemTheme
+};

package/dist/index71.js

@@ -0,0 +1,38 @@
+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 "./index62.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;
+  })();
+}
+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
+};

package/dist/index72.js

@@ -0,0 +1,67 @@
+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 "./index62.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;
+  })();
+}
+export {
+  N as MetricsWidget
+};

package/dist/index73.js

@@ -0,0 +1,87 @@
+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 "./index62.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;
+  })();
+}
+E(["click", "input"]);
+export {
+  F as TerminalWidget
+};

package/dist/index74.js

@@ -0,0 +1,17 @@
+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;
+}
+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;
+}
+export {
+  i as clsx,
+  i as default
+};