@floegence/floe-webapp-core 0.1.13 → 0.1.15

package/dist/index73.js

@@ -1,67 +1,38 @@
-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 "./index63.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";
+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 "./index64.js";
+import { Files as c, Search as f, Settings as u, Terminal as x } from "./index31.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 = _(), 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;
+    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 {
-  N as MetricsWidget
+  b as FilesSidebarWidget,
+  w as SearchSidebarWidget,
+  W as SettingsSidebarWidget,
+  E as ShowcaseSidebarWidget,
+  S as SidebarWidget
 };

package/dist/index74.js

@@ -1,87 +1,67 @@
-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 "./index63.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();
-  };
+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 "./index64.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 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);
+    var e = _(), n = e.firstChild;
+    return r(n, s(d, {
+      label: "CPU",
+      get value() {
+        return l().toFixed(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;
+      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;
   })();
 }
-E(["click", "input"]);
 export {
-  F as TerminalWidget
+  N as MetricsWidget
 };

package/dist/index75.js

@@ -1,17 +1,87 @@
-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;
+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 "./index64.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 {
-  i as clsx,
-  i as default
+  F as TerminalWidget
 };