@floegence/floe-webapp-core 0.1.0

package/dist/index44.js

@@ -0,0 +1,141 @@
+import { createSignal as C } from "solid-js";
+import { createSimpleContext as w } from "./index38.js";
+import { useResolvedFloeConfig as b } from "./index39.js";
+import { useTheme as v } from "./index40.js";
+import { useLayout as M } from "./index41.js";
+import { useCommand as S } from "./index42.js";
+import { useNotification as x } from "./index43.js";
+import { deferNonBlocking as A } from "./index54.js";
+function R(s) {
+  const r = `[${s}]`;
+  return {
+    debug: (...o) => console.debug(r, ...o),
+    info: (...o) => console.info(r, ...o),
+    warn: (...o) => console.warn(r, ...o),
+    error: (...o) => console.error(r, ...o)
+  };
+}
+function B(s, r) {
+  const o = `component:${r}:`;
+  return {
+    get: (a, u) => s.load(o + a, u),
+    set: (a, u) => s.debouncedSave(o + a, u),
+    remove: (a) => A(() => s.remove(o + a))
+  };
+}
+function J() {
+  const s = v(), r = M(), o = S(), a = x(), u = b();
+  return (g, f) => ({
+    protocol: f == null ? void 0 : f.protocol,
+    theme: s,
+    layout: r,
+    commands: o,
+    notifications: a,
+    storage: B(u.persist, g),
+    logger: R(g)
+  });
+}
+const h = w({
+  name: "ComponentRegistry",
+  init: k
+}), K = h.Provider;
+function O() {
+  return h.use();
+}
+function k() {
+  const [s, r] = C(/* @__PURE__ */ new Map()), [o, a] = C(/* @__PURE__ */ new Set()), u = /* @__PURE__ */ new Map(), g = (t) => {
+    r((e) => new Map(e).set(t.id, t));
+  }, f = (t) => {
+    r((e) => {
+      const n = new Map(e);
+      return t.forEach((c) => n.set(c.id, c)), n;
+    });
+  }, y = async (t, e) => {
+    var p, l;
+    const n = s().get(t);
+    if (!n || o().has(t)) return;
+    const c = [];
+    try {
+      if ((p = n.commands) != null && p.length) {
+        const m = n.commands.map((i) => ({
+          id: i.id,
+          title: i.title,
+          description: i.description,
+          icon: i.icon,
+          keybind: i.keybind,
+          category: i.category,
+          execute: () => i.execute(e)
+        }));
+        c.push(e.commands.registerAll(m));
+      }
+      await ((l = n.onMount) == null ? void 0 : l.call(n, e)), c.length && u.set(t, () => c.forEach((m) => m())), a((m) => {
+        const i = new Set(m);
+        return i.add(t), i;
+      });
+    } catch (m) {
+      throw c.forEach((i) => i()), m;
+    }
+  }, d = async (t) => {
+    var n, c;
+    const e = s().get(t);
+    if (e && o().has(t))
+      try {
+        await ((n = e.onUnmount) == null ? void 0 : n.call(e));
+      } finally {
+        (c = u.get(t)) == null || c(), u.delete(t), a((p) => {
+          const l = new Set(p);
+          return l.delete(t), l;
+        });
+      }
+  };
+  return {
+    register: g,
+    registerAll: f,
+    unregister: async (t) => {
+      await d(t), r((e) => {
+        const n = new Map(e);
+        return n.delete(t), n;
+      });
+    },
+    mount: y,
+    unmount: d,
+    mountAll: async (t) => {
+      for (const e of s().keys())
+        await y(e, t(e));
+    },
+    unmountAll: async () => {
+      for (const t of o())
+        await d(t);
+    },
+    components: s,
+    mountedComponents: o,
+    sidebarItems: () => {
+      const t = [];
+      for (const e of s().values())
+        e.sidebar && t.push({
+          ...e,
+          order: e.sidebar.order ?? 100
+        });
+      return t.sort((e, n) => e.order - n.order);
+    },
+    allCommands: () => {
+      const t = [];
+      for (const e of s().values())
+        e.commands && t.push(...e.commands);
+      return t;
+    },
+    statusBarItems: () => {
+      const t = [];
+      for (const e of s().values())
+        e.statusBar && t.push(...e.statusBar);
+      return t;
+    },
+    getComponent: (t) => s().get(t)
+  };
+}
+export {
+  K as ComponentRegistryProvider,
+  k as createComponentRegistry,
+  J as useComponentContextFactory,
+  O as useComponentRegistry
+};

package/dist/index45.js

@@ -0,0 +1,42 @@
+import { createSignal as n } from "solid-js";
+import { createSimpleContext as o } from "./index38.js";
+const {
+  Provider: f,
+  use: m
+} = o({
+  name: "WidgetRegistry",
+  init: c
+});
+function c() {
+  const [s, i] = n(/* @__PURE__ */ new Map());
+  return {
+    register: (e) => {
+      i((t) => new Map(t).set(e.type, e));
+    },
+    registerAll: (e) => {
+      i((t) => {
+        const r = new Map(t);
+        return e.forEach((g) => r.set(g.type, g)), r;
+      });
+    },
+    unregister: (e) => {
+      i((t) => {
+        const r = new Map(t);
+        return r.delete(e), r;
+      });
+    },
+    widgets: s,
+    getWidget: (e) => s().get(e),
+    getWidgetsByCategory: (e) => {
+      const t = [];
+      for (const r of s().values())
+        r.category === e && t.push(r);
+      return t;
+    }
+  };
+}
+export {
+  f as WidgetRegistryProvider,
+  c as createWidgetRegistry,
+  m as useWidgetRegistry
+};

package/dist/index46.js

@@ -0,0 +1,386 @@
+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 "./index38.js";
+import { useResolvedFloeConfig as W } from "./index39.js";
+import { hasCollision as g, constrainPosition as F, findFreePosition as k } from "./index59.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
+  }
+}, {
+  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 {
+  q as DeckProvider,
+  _ as createDeckService,
+  B as useDeck
+};

package/dist/index47.js

@@ -0,0 +1,16 @@
+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 {
+  h as useMediaQuery
+};

package/dist/index48.js

@@ -0,0 +1,13 @@
+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 {
+  s as useDebounce
+};

package/dist/index49.js

@@ -0,0 +1,19 @@
+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 {
+  b as useResizeObserver
+};

package/dist/index5.js

@@ -0,0 +1,48 @@
+import { delegateEvents as $, template as i, insert as t, createComponent as a, effect as k, className as g } from "solid-js/web";
+import { Show as h } from "solid-js";
+import { cn as x } from "./index53.js";
+import { useCommand as y } from "./index42.js";
+import { Search as _ } from "./index30.js";
+import { useResolvedFloeConfig as w } from "./index39.js";
+var C = /* @__PURE__ */ i('<span class="font-medium text-xs hidden sm:inline">'), S = /* @__PURE__ */ i('<kbd class="hidden md:inline text-[10px] px-1 py-0.5 rounded bg-background/80 border border-border/50 font-mono shrink-0">'), B = /* @__PURE__ */ i('<header><div class="h-10 flex items-center gap-3 px-3"><div class="flex items-center gap-2 flex-shrink-0"></div><button type=button><span class="flex-1 text-left hidden sm:inline truncate"></span></button><div class="flex items-center gap-1">'), E = /* @__PURE__ */ i('<div class="w-6 h-6 rounded bg-primary flex items-center justify-center text-primary-foreground text-xs font-bold">F');
+function R(n) {
+  const c = y(), l = w(), o = () => l.config.commands.palette.enabled;
+  return (() => {
+    var s = B(), p = s.firstChild, d = p.firstChild, r = d.nextSibling, m = r.firstChild, v = r.nextSibling;
+    return t(d, () => n.logo || E(), null), t(d, a(h, {
+      get when() {
+        return n.title;
+      },
+      get children() {
+        var e = C();
+        return t(e, () => n.title), e;
+      }
+    }), null), r.$$click = () => o() && c.open(), t(r, a(_, {
+      class: "w-3.5 h-3.5 shrink-0"
+    }), m), t(m, () => l.config.strings.topBar.searchPlaceholder), t(r, a(h, {
+      get when() {
+        return o();
+      },
+      get children() {
+        var e = S();
+        return t(e, () => c.getKeybindDisplay(l.config.commands.palette.keybind)), e;
+      }
+    }), null), t(v, () => n.actions), k((e) => {
+      var f = x(
+        // Safe-area padding must not be applied on a fixed-height element (border-box),
+        // otherwise the content gets squeezed on iOS notch devices.
+        "shrink-0 bg-background border-b border-border safe-top safe-left safe-right",
+        n.class
+      ), u = !o(), b = x("flex-1 max-w-sm flex items-center gap-2 h-7 px-2.5", o() ? "cursor-pointer" : "cursor-not-allowed", "text-xs text-muted-foreground", "bg-muted/40 hover:bg-muted/70 rounded", "border border-transparent hover:border-border/50", "transition-colors duration-100", "focus:outline-none focus-visible:ring-1 focus-visible:ring-ring", !o() && "opacity-60 hover:bg-muted/40");
+      return f !== e.e && g(s, e.e = f), u !== e.t && (r.disabled = e.t = u), b !== e.a && g(r, e.a = b), e;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), s;
+  })();
+}
+$(["click"]);
+export {
+  R as TopBar
+};

package/dist/index50.js

@@ -0,0 +1,13 @@
+import { onMount as d, onCleanup as i } from "solid-js";
+import { matchKeybind as r } from "./index56.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 {
+  a as useKeybind
+};

package/dist/index51.js

@@ -0,0 +1,11 @@
+import { createSignal as n, createEffect as a } from "solid-js";
+import { useResolvedFloeConfig as c } from "./index39.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 {
+  u as usePersisted
+};