@floegence/floe-webapp-core 0.35.58 → 0.36.0

package/dist/components/workbench/widgets/SystemMonitorWidget.js

@@ -0,0 +1,122 @@
+import { insert as d, createComponent as g, effect as A, className as L, setStyleProperty as N, template as b, setAttribute as S } from "solid-js/web";
+import { createSignal as k, onMount as P, onCleanup as R, For as T } from "solid-js";
+import { Cpu as B, Activity as E, Database as H } from "../../icons/index.js";
+var K = /* @__PURE__ */ b("<div class=workbench-widget-sysmon>"), O = /* @__PURE__ */ b("<div class=workbench-widget-sysmon__row><div class=workbench-widget-sysmon__label><span></span></div><div class=workbench-widget-sysmon__bar><div></div></div><span class=workbench-widget-sysmon__value>%"), U = /* @__PURE__ */ b('<svg viewBox="0 0 72 22"width=72 height=22 preserveAspectRatio=none aria-hidden=true><path fill=none stroke=currentColor stroke-width=1.3 stroke-linejoin=round>');
+const w = 28, W = 900;
+function f(s, m, u, a) {
+  const e = (Math.random() - 0.5) * a;
+  return Math.min(u, Math.max(m, s + e));
+}
+function J() {
+  const s = () => Array.from({
+    length: w
+  }, () => 30 + Math.random() * 30), m = () => Array.from({
+    length: w
+  }, () => 55 + Math.random() * 18), u = () => Array.from({
+    length: w
+  }, () => 25 + Math.random() * 10), [a, e] = k({
+    value: 42,
+    history: s()
+  }), [l, r] = k({
+    value: 67,
+    history: m()
+  }), [i, o] = k({
+    value: 31,
+    history: u()
+  });
+  let c;
+  const I = () => {
+    e((n) => {
+      const t = f(n.value, 12, 92, 14);
+      return {
+        value: t,
+        history: [...n.history.slice(1), t]
+      };
+    }), r((n) => {
+      const t = f(n.value, 42, 88, 5);
+      return {
+        value: t,
+        history: [...n.history.slice(1), t]
+      };
+    }), o((n) => {
+      const t = f(n.value, 18, 64, 2.4);
+      return {
+        value: t,
+        history: [...n.history.slice(1), t]
+      };
+    });
+  };
+  P(() => {
+    c = window.setInterval(I, W);
+  }), R(() => {
+    c !== void 0 && window.clearInterval(c);
+  });
+  const D = [{
+    key: "cpu",
+    label: "CPU",
+    icon: B,
+    metric: a
+  }, {
+    key: "memory",
+    label: "Memory",
+    icon: E,
+    metric: l
+  }, {
+    key: "disk",
+    label: "Disk",
+    icon: H,
+    metric: i
+  }];
+  return (() => {
+    var n = K();
+    return d(n, g(T, {
+      each: D,
+      children: (t) => {
+        const F = t.icon;
+        return (() => {
+          var v = O(), y = v.firstChild, p = y.firstChild, _ = y.nextSibling, M = _.firstChild, $ = _.nextSibling, j = $.firstChild;
+          return d(y, g(F, {
+            class: "w-3.5 h-3.5"
+          }), p), d(p, () => t.label), d(v, g(Y, {
+            get points() {
+              return t.metric().history;
+            },
+            get variant() {
+              return t.key;
+            }
+          }), _), d($, () => Math.round(t.metric().value), j), A((h) => {
+            var C = `workbench-widget-sysmon__fill workbench-widget-sysmon__fill--${t.key}`, x = `${t.metric().value.toFixed(1)}%`;
+            return C !== h.e && L(M, h.e = C), x !== h.t && N(M, "width", h.t = x), h;
+          }, {
+            e: void 0,
+            t: void 0
+          }), v;
+        })();
+      }
+    })), n;
+  })();
+}
+function Y(s) {
+  const a = () => {
+    const e = s.points;
+    if (e.length === 0) return "";
+    const l = 72 / Math.max(1, e.length - 1);
+    return e.map((r, i) => {
+      const o = i * l, c = 22 - r / 100 * 22;
+      return `${i === 0 ? "M" : "L"}${o.toFixed(2)} ${c.toFixed(2)}`;
+    }).join(" ");
+  };
+  return (() => {
+    var e = U(), l = e.firstChild;
+    return A((r) => {
+      var i = `workbench-widget-sysmon__spark workbench-widget-sysmon__spark--${s.variant}`, o = a();
+      return i !== r.e && S(e, "class", r.e = i), o !== r.t && S(l, "d", r.t = o), r;
+    }, {
+      e: void 0,
+      t: void 0
+    }), e;
+  })();
+}
+export {
+  J as SystemMonitorWidget
+};

package/dist/components/workbench/widgets/TerminalWidget.d.ts

@@ -0,0 +1 @@
+export declare function TerminalWidget(): import("solid-js").JSX.Element;

package/dist/components/workbench/widgets/TerminalWidget.js

@@ -0,0 +1,70 @@
+import { insert as d, createComponent as x, memo as S, effect as C, template as w } from "solid-js/web";
+import { createSignal as b, onMount as y, onCleanup as E, For as I } from "solid-js";
+var M = /* @__PURE__ */ w('<div class=workbench-widget-terminal><div class=workbench-widget-terminal__toolbar><span class="workbench-widget-terminal__dot workbench-widget-terminal__dot--red"></span><span class="workbench-widget-terminal__dot workbench-widget-terminal__dot--yellow"></span><span class="workbench-widget-terminal__dot workbench-widget-terminal__dot--green"></span><span class=workbench-widget-terminal__path>~/projects/floe-webapp</span></div><div class=workbench-widget-terminal__body><div class=workbench-widget-terminal__line><span class=workbench-widget-terminal__prompt>$</span><span></span><span class=workbench-widget-terminal__cursor>'), N = /* @__PURE__ */ w("<div class=workbench-widget-terminal__line><span>"), A = /* @__PURE__ */ w("<span class=workbench-widget-terminal__prompt>$");
+const k = [{
+  prompt: "pnpm dev",
+  outputs: ["VITE v7.3.2 ready in 342 ms", "➜  Local:   http://localhost:5173/", "➜  Network: http://192.168.1.12:5173/"]
+}, {
+  prompt: "git status",
+  outputs: ["On branch feat-workbench", "Changes not staged for commit:", "  modified:   apps/demo/src/App.tsx"]
+}, {
+  prompt: "curl -s https://api.floe.dev/health | jq .status",
+  outputs: ['"ok"']
+}], L = 42, f = 160, O = 1400;
+function R() {
+  const [$, _] = b([]), [T, m] = b("");
+  let u = 0, s = 0, e, i = !1;
+  const h = () => {
+    if (i) return;
+    const t = k[u % k.length];
+    s = 0, m("");
+    const l = () => {
+      i || (s += 1, m(t.prompt.slice(0, s)), s < t.prompt.length ? e = window.setTimeout(l, L) : e = window.setTimeout(a, f));
+    }, a = () => {
+      if (i) return;
+      _((r) => [...r.slice(-6), {
+        id: `${Date.now()}-prompt`,
+        kind: "prompt",
+        text: t.prompt
+      }]), m("");
+      let n = 0;
+      const p = () => {
+        if (i) return;
+        if (n >= t.outputs.length) {
+          u += 1, e = window.setTimeout(h, O);
+          return;
+        }
+        const r = t.outputs[n];
+        _((o) => [...o.slice(-6), {
+          id: `${Date.now()}-${n}`,
+          kind: "muted",
+          text: r
+        }]), n += 1, e = window.setTimeout(p, f);
+      };
+      p();
+    };
+    l();
+  };
+  return y(() => {
+    e = window.setTimeout(h, 300);
+  }), E(() => {
+    i = !0, e !== void 0 && window.clearTimeout(e);
+  }), (() => {
+    var t = M(), l = t.firstChild, a = l.nextSibling, n = a.firstChild, p = n.firstChild, r = p.nextSibling;
+    return d(a, x(I, {
+      get each() {
+        return $();
+      },
+      children: (o) => (() => {
+        var c = N(), g = c.firstChild;
+        return d(c, (() => {
+          var v = S(() => o.kind === "prompt");
+          return () => v() ? A() : null;
+        })(), g), d(g, () => o.text), C(() => c.classList.toggle("workbench-widget-terminal__line--muted", o.kind === "muted")), c;
+      })()
+    }), n), d(r, T), t;
+  })();
+}
+export {
+  R as TerminalWidget
+};

package/dist/components/workbench/widgets/widgetRegistry.d.ts

@@ -0,0 +1,13 @@
+import type { Component } from 'solid-js';
+import type { WorkbenchWidgetType } from '../types';
+export interface WidgetRegistryEntry {
+    type: WorkbenchWidgetType;
+    label: string;
+    icon: Component<{
+        class?: string;
+    }>;
+    body: Component;
+    defaultTitle: string;
+}
+export declare const WIDGET_REGISTRY: readonly WidgetRegistryEntry[];
+export declare function getWidgetEntry(type: WorkbenchWidgetType): WidgetRegistryEntry;

package/dist/components/workbench/widgets/widgetRegistry.js

@@ -0,0 +1,50 @@
+import { Terminal as i, Folder as r, Cpu as l, Activity as d, FileCode as m } from "../../icons/index.js";
+import { TerminalWidget as n } from "./TerminalWidget.js";
+import { FileBrowserWidget as y } from "./FileBrowserWidget.js";
+import { SystemMonitorWidget as a } from "./SystemMonitorWidget.js";
+import { LogViewerWidget as f } from "./LogViewerWidget.js";
+import { CodeEditorWidget as p } from "./CodeEditorWidget.js";
+const e = [
+  {
+    type: "terminal",
+    label: "Terminal",
+    icon: i,
+    body: n,
+    defaultTitle: "Terminal"
+  },
+  {
+    type: "file-browser",
+    label: "File Browser",
+    icon: r,
+    body: y,
+    defaultTitle: "File Browser"
+  },
+  {
+    type: "system-monitor",
+    label: "System Monitor",
+    icon: l,
+    body: a,
+    defaultTitle: "System Monitor"
+  },
+  {
+    type: "log-viewer",
+    label: "Log Viewer",
+    icon: d,
+    body: f,
+    defaultTitle: "Log Viewer"
+  },
+  {
+    type: "code-editor",
+    label: "Code Editor",
+    icon: m,
+    body: p,
+    defaultTitle: "Code Editor"
+  }
+];
+function w(o) {
+  return e.find((t) => t.type === o) ?? e[0];
+}
+export {
+  e as WIDGET_REGISTRY,
+  w as getWidgetEntry
+};

package/dist/components/workbench/workbenchHelpers.d.ts

@@ -0,0 +1,22 @@
+import { type WorkbenchState, type WorkbenchViewport, type WorkbenchWidgetItem, type WorkbenchWidgetType } from './types';
+export declare function createWorkbenchId(): string;
+export declare function sanitizeViewport(viewport: Partial<WorkbenchViewport> | undefined): WorkbenchViewport;
+export declare function sanitizeFilters(filters: Partial<Record<WorkbenchWidgetType, boolean>> | undefined): Record<WorkbenchWidgetType, boolean>;
+export declare function sanitizeWorkbenchState(input: unknown): WorkbenchState;
+export declare function createDefaultWorkbenchState(): WorkbenchState;
+export declare const WORKBENCH_CANVAS_ZOOM_STEP = 1.18;
+export declare const WORKBENCH_CONTEXT_MENU_WIDTH_PX = 200;
+export declare function createContextMenuPosition(options: {
+    clientX: number;
+    clientY: number;
+    menuWidth: number;
+    menuHeight: number;
+}): {
+    left: number;
+    top: number;
+};
+export declare function getTopZIndex(widgets: readonly WorkbenchWidgetItem[]): number;
+/** Spatial navigation: find nearest widget in a direction. */
+export declare function findNearestWidget(widgets: readonly WorkbenchWidgetItem[], currentId: string | null, direction: 'up' | 'down' | 'left' | 'right', filters: Record<WorkbenchWidgetType, boolean>): WorkbenchWidgetItem | null;
+export declare function clampScale(scale: number, min?: number, max?: number): number;
+export declare function estimateContextMenuHeight(actionCount: number, separatorCount?: number): number;

package/dist/components/workbench/workbenchHelpers.js

@@ -0,0 +1,176 @@
+import { DEFAULT_FILTERS as l, DEFAULT_WORKBENCH_VIEWPORT as _, WORKBENCH_WIDGET_TYPES as m } from "./types.js";
+function z() {
+  const e = globalThis.crypto;
+  return e && typeof e.randomUUID == "function" ? `wb-${e.randomUUID()}` : `wb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
+}
+function p(e) {
+  return e ? {
+    x: Number.isFinite(e.x) ? e.x : 0,
+    y: Number.isFinite(e.y) ? e.y : 0,
+    scale: Number.isFinite(e.scale) && e.scale > 0 ? e.scale : 1
+  } : { ..._ };
+}
+function w(e) {
+  if (!e) return { ...l };
+  const i = { ...l };
+  for (const n of m)
+    typeof e[n] == "boolean" && (i[n] = e[n]);
+  return i;
+}
+function W(e) {
+  return typeof e == "string" && m.includes(e);
+}
+function E(e) {
+  const i = e;
+  return !i || i.version !== 1 || !Array.isArray(i.widgets) ? M() : {
+    version: 1,
+    widgets: i.widgets.filter(
+      (t) => !!t && typeof t.id == "string" && W(t.type) && typeof t.title == "string"
+    ).map((t) => ({
+      id: t.id,
+      type: t.type,
+      title: t.title,
+      x: Number.isFinite(t.x) ? t.x : 0,
+      y: Number.isFinite(t.y) ? t.y : 0,
+      width: Number.isFinite(t.width) && t.width > 0 ? t.width : 300,
+      height: Number.isFinite(t.height) && t.height > 0 ? t.height : 200,
+      z_index: Number.isFinite(t.z_index) && t.z_index >= 0 ? t.z_index : 1,
+      created_at_unix_ms: Number.isFinite(t.created_at_unix_ms) ? t.created_at_unix_ms : Date.now()
+    })),
+    viewport: p(i.viewport),
+    locked: typeof i.locked == "boolean" ? i.locked : !1,
+    filters: w(i.filters),
+    selectedWidgetId: typeof i.selectedWidgetId == "string" ? i.selectedWidgetId : null
+  };
+}
+function M() {
+  const e = Date.now();
+  return {
+    version: 1,
+    widgets: [
+      {
+        id: "wb-seed-terminal",
+        type: "terminal",
+        title: "dev · terminal",
+        x: 80,
+        y: 80,
+        width: 480,
+        height: 300,
+        z_index: 1,
+        created_at_unix_ms: e - 36e5
+      },
+      {
+        id: "wb-seed-files",
+        type: "file-browser",
+        title: "project · files",
+        x: 600,
+        y: 80,
+        width: 360,
+        height: 380,
+        z_index: 2,
+        created_at_unix_ms: e - 3e6
+      },
+      {
+        id: "wb-seed-monitor",
+        type: "system-monitor",
+        title: "host · system monitor",
+        x: 80,
+        y: 420,
+        width: 420,
+        height: 260,
+        z_index: 3,
+        created_at_unix_ms: e - 24e5
+      },
+      {
+        id: "wb-seed-logs",
+        type: "log-viewer",
+        title: "services · logs",
+        x: 540,
+        y: 500,
+        width: 520,
+        height: 240,
+        z_index: 4,
+        created_at_unix_ms: e - 18e5
+      },
+      {
+        id: "wb-seed-code",
+        type: "code-editor",
+        title: "Counter.tsx",
+        x: 1e3,
+        y: 180,
+        width: 500,
+        height: 340,
+        z_index: 5,
+        created_at_unix_ms: e - 12e5
+      }
+    ],
+    viewport: { ..._ },
+    locked: !1,
+    filters: { ...l },
+    selectedWidgetId: null
+  };
+}
+const F = 1.18, T = 200;
+function I(e) {
+  const i = typeof window < "u" ? window.innerWidth : 1280, n = typeof window < "u" ? window.innerHeight : 800;
+  let t = e.clientX, s = e.clientY;
+  return t + e.menuWidth > i && (t = Math.max(0, i - e.menuWidth - 8)), s + e.menuHeight > n && (s = Math.max(0, n - e.menuHeight - 8)), { left: t, top: s };
+}
+function k(e) {
+  return e.reduce((i, n) => Math.max(i, n.z_index), 1);
+}
+function D(e, i, n, t) {
+  const s = e.filter((r) => t[r.type]);
+  if (s.length === 0) return null;
+  if (!i) return s[0] ?? null;
+  const o = s.find((r) => r.id === i);
+  if (!o) return s[0] ?? null;
+  const x = o.x + o.width / 2, g = o.y + o.height / 2;
+  let u = null, h = 1 / 0;
+  for (const r of s) {
+    if (r.id === i) continue;
+    const d = r.x + r.width / 2 - x, a = r.y + r.height / 2 - g;
+    let c = !1;
+    switch (n) {
+      case "up":
+        c = a < -10;
+        break;
+      case "down":
+        c = a > 10;
+        break;
+      case "left":
+        c = d < -10;
+        break;
+      case "right":
+        c = d > 10;
+        break;
+    }
+    if (!c) continue;
+    const y = Math.sqrt(d * d + a * a), b = Math.atan2(
+      Math.abs(n === "up" || n === "down" ? d : a),
+      Math.abs(n === "up" || n === "down" ? a : d)
+    ), f = y * (1 + b * 1.5);
+    f < h && (h = f, u = r);
+  }
+  return u;
+}
+function H(e, i = 0.45, n = 2.2) {
+  return Math.max(i, Math.min(n, e));
+}
+function S(e, i = 0) {
+  return 16 + Math.max(1, e) * 32 + Math.max(0, i) * 9;
+}
+export {
+  F as WORKBENCH_CANVAS_ZOOM_STEP,
+  T as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  H as clampScale,
+  I as createContextMenuPosition,
+  M as createDefaultWorkbenchState,
+  z as createWorkbenchId,
+  S as estimateContextMenuHeight,
+  D as findNearestWidget,
+  k as getTopZIndex,
+  w as sanitizeFilters,
+  p as sanitizeViewport,
+  E as sanitizeWorkbenchState
+};

package/dist/deck.js

@@ -1,22 +1,24 @@
 import { DECK_GRID_CONFIG as o, DeckGrid as t, getGridConfigFromElement as m } from "./components/deck/DeckGrid.js";
 import { DeckCell as f } from "./components/deck/DeckCell.js";
-import { DeckTopBar as x } from "./components/deck/DeckTopBar.js";
+import { DeckContextMenu as i } from "./components/deck/DeckContextMenu.js";
+import { DeckTopBar as D } from "./components/deck/DeckTopBar.js";
 import { DropZonePreview as g } from "./components/deck/DropZonePreview.js";
-import { LayoutSelector as D } from "./components/deck/LayoutSelector.js";
-import { WidgetFrame as c } from "./components/deck/WidgetFrame.js";
-import { WidgetPalette as C } from "./components/deck/WidgetPalette.js";
-import { WidgetResizeHandle as W } from "./components/deck/WidgetResizeHandle.js";
-import { WidgetTypeSwitcher as F } from "./components/deck/WidgetTypeSwitcher.js";
+import { LayoutSelector as n } from "./components/deck/LayoutSelector.js";
+import { WidgetFrame as C } from "./components/deck/WidgetFrame.js";
+import { WidgetPalette as G } from "./components/deck/WidgetPalette.js";
+import { WidgetResizeHandle as F } from "./components/deck/WidgetResizeHandle.js";
+import { WidgetTypeSwitcher as w } from "./components/deck/WidgetTypeSwitcher.js";
 export {
   o as DECK_GRID_CONFIG,
   f as DeckCell,
+  i as DeckContextMenu,
   t as DeckGrid,
-  x as DeckTopBar,
+  D as DeckTopBar,
   g as DropZonePreview,
-  D as LayoutSelector,
-  c as WidgetFrame,
-  C as WidgetPalette,
-  W as WidgetResizeHandle,
-  F as WidgetTypeSwitcher,
+  n as LayoutSelector,
+  C as WidgetFrame,
+  G as WidgetPalette,
+  F as WidgetResizeHandle,
+  w as WidgetTypeSwitcher,
   m as getGridConfigFromElement
 };