@floegence/floe-webapp-core 0.1.2 → 0.1.7

package/dist/index46.js

@@ -1,386 +1,41 @@
-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
+import { createComponent as t, memo as n, mergeProps as f } from "solid-js/web";
+import { onMount as u, onCleanup as C } from "solid-js";
+import { useComponentRegistry as g, useComponentContextFactory as h } from "./index53.js";
+import { NotificationContainer as d } from "./index52.js";
+import { Shell as A } from "./index2.js";
+import { CommandPalette as x } from "./index25.js";
+import { FloeProvider as P } from "./index45.js";
+function F(e) {
+  var r, m;
+  const o = g(), c = h(), a = (r = e.getProtocol) == null ? void 0 : r.call(e);
+  return (m = e.components) != null && m.length && o.registerAll(e.components), u(() => {
+    o.mountAll((i) => {
+      const l = c(i, {
+        protocol: a
       });
+      return e.createComponentContext ? e.createComponentContext(i, l) : l;
+    });
+  }), C(() => {
+    o.unmountAll();
+  }), [t(A, f(() => e.shell, {
+    get children() {
+      return e.children;
+    }
+  })), n(() => n(() => e.enableCommandPalette !== !1)() && t(x, {})), n(() => n(() => e.enableNotifications !== !1)() && t(d, {}))];
+}
+function I(e) {
+  return t(P, {
+    get config() {
+      return e.config;
     },
-    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);
-      }
+    get wrapAfterTheme() {
+      return e.wrapAfterTheme;
     },
-    // Utilities
-    getWidgetMinConstraints: (o) => P[o] ?? {
-      minColSpan: 2,
-      minRowSpan: 2
+    get children() {
+      return t(F, e);
     }
-  };
+  });
 }
 export {
-  q as DeckProvider,
-  _ as createDeckService,
-  B as useDeck
+  I as FloeApp
 };

package/dist/index47.js

@@ -1,16 +1,28 @@
-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;
+import { createComponent as i } from "solid-js/web";
+import { createContext as u, useContext as m } from "solid-js";
+function x(t) {
+  const r = u();
+  function n(e) {
+    const c = t.init();
+    return i(r.Provider, {
+      value: c,
+      get children() {
+        return e.children;
+      }
+    });
+  }
+  function o() {
+    const e = m(r);
+    if (!e)
+      throw new Error(`${t.name}Context not found. Make sure to wrap your component with ${t.name}Provider.`);
+    return e;
+  }
+  return {
+    Provider: n,
+    use: o,
+    Context: r
+  };
 }
 export {
-  h as useMediaQuery
+  x as createSimpleContext
 };

package/dist/index48.js

@@ -1,13 +1,176 @@
-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;
+import { createComponent as v } from "solid-js/web";
+import { createContext as C, useContext as g, createMemo as m } from "solid-js";
+const d = {
+  storage: {
+    namespace: "floe",
+    enabled: !0,
+    adapter: void 0
+  },
+  commands: {
+    enableGlobalKeybinds: !0,
+    ignoreWhenTyping: !0,
+    allowWhenTypingWithin: '[data-floe-hotkeys="allow"]',
+    palette: {
+      enabled: !0,
+      keybind: "mod+k"
+    },
+    save: {
+      enabled: !0,
+      keybind: "mod+s",
+      commandId: "file.save",
+      preventDefaultWhenNoHandler: !0
+    }
+  },
+  layout: {
+    storageKey: "layout",
+    mobileQuery: "(max-width: 767px)",
+    sidebar: {
+      defaultWidth: 350,
+      clamp: {
+        min: 220,
+        max: 480
+      },
+      defaultActiveTab: "",
+      defaultCollapsed: !1
+    },
+    terminal: {
+      defaultOpened: !1,
+      defaultHeight: 280,
+      clamp: {
+        min: 150,
+        max: 600
+      }
+    }
+  },
+  theme: {
+    storageKey: "theme",
+    defaultTheme: "system"
+  },
+  deck: {
+    storageKey: "deck"
+  },
+  strings: {
+    topBar: {
+      searchPlaceholder: "Search commands..."
+    },
+    commandPalette: {
+      placeholder: "Type a command or search...",
+      empty: "No commands found",
+      esc: "esc"
+    },
+    confirmDialog: {
+      cancel: "Cancel",
+      confirm: "Confirm"
+    },
+    statusIndicator: {
+      connected: "Connected",
+      disconnected: "Disconnected",
+      connecting: "Connecting",
+      error: "Error"
+    }
+  }
+};
+function I() {
+  if (!(typeof window > "u"))
+    return {
+      getItem: (e) => localStorage.getItem(e),
+      setItem: (e, t) => localStorage.setItem(e, t),
+      removeItem: (e) => localStorage.removeItem(e),
+      keys: () => Object.keys(localStorage)
+    };
+}
+function y(e) {
+  const t = e.adapter ?? I(), i = e.namespace ? `${e.namespace}-` : "", o = (r) => `${i}${r}`, n = () => e.enabled && !!t, s = /* @__PURE__ */ new Map();
+  return {
+    key: o,
+    load: (r, c) => {
+      if (!n()) return c;
+      try {
+        const a = t.getItem(o(r));
+        return a === null ? c : JSON.parse(a);
+      } catch {
+        return c;
+      }
+    },
+    save: (r, c) => {
+      if (n())
+        try {
+          t.setItem(o(r), JSON.stringify(c));
+        } catch (a) {
+          console.warn(`Failed to save ${o(r)}:`, a);
+        }
+    },
+    debouncedSave: (r, c, a = 300) => {
+      if (!n()) return;
+      const l = o(r), u = s.get(l);
+      u && clearTimeout(u), s.set(l, setTimeout(() => {
+        try {
+          t.setItem(l, JSON.stringify(c)), s.delete(l);
+        } catch (h) {
+          console.warn(`Failed to save ${l}:`, h);
+        }
+      }, a));
+    },
+    remove: (r) => {
+      if (n())
+        try {
+          t.removeItem(o(r));
+        } catch {
+        }
+    },
+    clearAll: () => {
+      var c;
+      if (!n()) return;
+      const r = ((c = t.keys) == null ? void 0 : c.call(t)) ?? [];
+      for (const a of r)
+        a.startsWith(i) && t.removeItem(a);
+    }
+  };
+}
+function p(e, t) {
+  if (!t) return e;
+  if (typeof e != "object" || e === null || Array.isArray(e)) return t ?? e;
+  const i = {
+    ...e
+  };
+  for (const [o, n] of Object.entries(t)) {
+    if (n === void 0) continue;
+    const s = e[o];
+    typeof s == "object" && s !== null && typeof n == "object" && n !== null && !Array.isArray(n) ? i[o] = p(s, n) : i[o] = n;
+  }
+  return i;
+}
+const f = C();
+function x(e) {
+  const t = m(() => p(d, e.config)), i = m(() => y(t().storage)), o = m(() => ({
+    config: t(),
+    persist: i()
+  }));
+  return v(f.Provider, {
+    get value() {
+      return o();
+    },
+    get children() {
+      return e.children;
+    }
+  });
+}
+function S() {
+  const e = g(f);
+  if (!e)
+    throw new Error("FloeConfigContext not found. Make sure to wrap your app with FloeConfigProvider (or FloeProvider).");
+  return e;
+}
+const F = y(d.storage), k = {
+  config: d,
+  persist: F
+};
+function T() {
+  return g(f) ?? k;
 }
 export {
-  s as useDebounce
+  d as DEFAULT_FLOE_CONFIG,
+  x as FloeConfigProvider,
+  S as useFloeConfig,
+  T as useResolvedFloeConfig
 };

package/dist/index49.js

@@ -1,19 +1,43 @@
-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;
+import { createSignal as c, onCleanup as g, createEffect as u } from "solid-js";
+import { createSimpleContext as T } from "./index47.js";
+import { useResolvedFloeConfig as p } from "./index48.js";
+import { getSystemTheme as v, applyTheme as y } from "./index70.js";
+function S() {
+  const t = p(), r = () => t.config.theme.storageKey, i = () => t.config.theme.defaultTheme, h = t.persist.load(r(), i()), [o, a] = c(h), [d, l] = c(v()), n = () => {
+    const e = o();
+    return e === "system" ? d() : e;
+  };
+  if (typeof window < "u") {
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), m = (f) => {
+      l(f.matches ? "dark" : "light");
+    };
+    e.addEventListener("change", m), g(() => e.removeEventListener("change", m));
+  }
+  u(() => {
+    y(o());
+  });
+  const s = (e) => {
+    a(e), t.persist.debouncedSave(r(), e);
+  };
+  return {
+    theme: o,
+    resolvedTheme: n,
+    setTheme: s,
+    toggleTheme: () => {
+      const e = n();
+      s(e === "light" ? "dark" : "light");
+    }
+  };
 }
+const {
+  Provider: K,
+  use: L
+} = T({
+  name: "Theme",
+  init: S
+});
 export {
-  b as useResizeObserver
+  K as ThemeProvider,
+  S as createThemeService,
+  L as useTheme
 };