@floegence/floe-webapp-core 0.1.0

package/dist/index38.js

@@ -0,0 +1,28 @@
+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 {
+  x as createSimpleContext
+};

package/dist/index39.js

@@ -0,0 +1,176 @@
+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 {
+  d as DEFAULT_FLOE_CONFIG,
+  x as FloeConfigProvider,
+  S as useFloeConfig,
+  T as useResolvedFloeConfig
+};

package/dist/index4.js

@@ -0,0 +1,55 @@
+import { delegateEvents as v, template as c, insert as n, effect as d, className as o, setStyleProperty as f, memo as u } from "solid-js/web";
+import "solid-js";
+import { cn as s } from "./index53.js";
+var b = /* @__PURE__ */ c('<aside><div class="flex-1 overflow-auto overscroll-contain">'), x = /* @__PURE__ */ c("<section><div class=flex-1>"), m = /* @__PURE__ */ c('<div class="flex items-center justify-between px-2.5 py-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground/60"><span>'), h = /* @__PURE__ */ c('<button type=button><span class="flex-1 truncate text-left">'), $ = /* @__PURE__ */ c('<span class="flex-shrink-0 w-4 h-4 opacity-60">');
+function y(e) {
+  return (() => {
+    var i = b(), l = i.firstChild;
+    return n(l, () => e.children), n(i, () => e.resizer, null), d((t) => {
+      var r = s("relative h-full flex flex-col shrink-0 min-h-0", "bg-sidebar text-sidebar-foreground", "border-r border-sidebar-border", "overflow-hidden", e.class), a = `${e.width ?? 350}px`;
+      return r !== t.e && o(i, t.e = r), a !== t.t && f(i, "width", t.t = a), t;
+    }, {
+      e: void 0,
+      t: void 0
+    }), i;
+  })();
+}
+function k(e) {
+  return (() => {
+    var i = x(), l = i.firstChild;
+    return n(i, (() => {
+      var t = u(() => !!e.title);
+      return () => t() && (() => {
+        var r = m(), a = r.firstChild;
+        return n(a, () => e.title), n(r, () => e.actions, null), r;
+      })();
+    })(), l), n(l, () => e.children), d(() => o(i, s("flex flex-col", e.class))), i;
+  })();
+}
+function C(e) {
+  return (() => {
+    var i = h(), l = i.firstChild;
+    return i.$$click = () => {
+      var t;
+      return (t = e.onClick) == null ? void 0 : t.call(e);
+    }, n(i, (() => {
+      var t = u(() => !!e.icon);
+      return () => t() && (() => {
+        var r = $();
+        return n(r, () => e.icon), r;
+      })();
+    })(), l), n(l, () => e.children), d((t) => {
+      var r = s("w-full flex items-center gap-2 px-2.5 py-1.5 text-xs cursor-pointer", "transition-colors duration-75", "hover:bg-sidebar-accent/80 hover:text-sidebar-accent-foreground", "focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-sidebar-ring", e.active && "bg-sidebar-accent text-sidebar-accent-foreground font-medium", e.class), a = e.indent ? `${10 + e.indent * 10}px` : void 0;
+      return r !== t.e && o(i, t.e = r), a !== t.t && f(i, "padding-left", t.t = a), t;
+    }, {
+      e: void 0,
+      t: void 0
+    }), i;
+  })();
+}
+v(["click"]);
+export {
+  y as Sidebar,
+  C as SidebarItem,
+  k as SidebarSection
+};

package/dist/index40.js

@@ -0,0 +1,43 @@
+import { createSignal as c, onCleanup as g, createEffect as u } from "solid-js";
+import { createSimpleContext as T } from "./index38.js";
+import { useResolvedFloeConfig as p } from "./index39.js";
+import { getSystemTheme as v, applyTheme as y } from "./index61.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 {
+  K as ThemeProvider,
+  S as createThemeService,
+  L as useTheme
+};

package/dist/index41.js

@@ -0,0 +1,69 @@
+import { createEffect as h } from "solid-js";
+import { createStore as f, produce as l } from "solid-js/store";
+import { createSimpleContext as u } from "./index38.js";
+import { useResolvedFloeConfig as g } from "./index39.js";
+const {
+  Provider: x,
+  use: C
+} = u({
+  name: "Layout",
+  init: v
+});
+function v() {
+  var o, n, b, m, c;
+  const d = g(), a = () => d.config.layout, s = d.persist.load(a().storageKey, {}), p = {
+    sidebar: {
+      width: ((o = s.sidebar) == null ? void 0 : o.width) ?? a().sidebar.defaultWidth,
+      activeTab: ((n = s.sidebar) == null ? void 0 : n.activeTab) ?? a().sidebar.defaultActiveTab,
+      collapsed: ((b = s.sidebar) == null ? void 0 : b.collapsed) ?? a().sidebar.defaultCollapsed
+    },
+    terminal: {
+      opened: ((m = s.terminal) == null ? void 0 : m.opened) ?? a().terminal.defaultOpened,
+      height: ((c = s.terminal) == null ? void 0 : c.height) ?? a().terminal.defaultHeight
+    },
+    isMobile: !1
+  }, [i, r] = f(p);
+  return h(() => {
+    const e = {
+      sidebar: i.sidebar,
+      terminal: i.terminal
+    };
+    d.persist.debouncedSave(a().storageKey, e);
+  }), {
+    // Sidebar accessors
+    sidebarWidth: () => i.sidebar.width,
+    sidebarActiveTab: () => i.sidebar.activeTab,
+    sidebarCollapsed: () => i.sidebar.collapsed,
+    // Sidebar actions
+    setSidebarWidth: (e) => r(l((t) => {
+      t.sidebar.width = Math.max(a().sidebar.clamp.min, Math.min(a().sidebar.clamp.max, e));
+    })),
+    setSidebarActiveTab: (e) => r(l((t) => {
+      t.sidebar.activeTab = e, t.sidebar.collapsed = !1;
+    })),
+    setSidebarCollapsed: (e) => r(l((t) => {
+      t.sidebar.collapsed = e;
+    })),
+    toggleSidebarCollapse: () => r(l((e) => {
+      e.sidebar.collapsed = !e.sidebar.collapsed;
+    })),
+    // Terminal accessors
+    terminalOpened: () => i.terminal.opened,
+    terminalHeight: () => i.terminal.height,
+    // Terminal actions
+    toggleTerminal: () => r(l((e) => {
+      e.terminal.opened = !e.terminal.opened;
+    })),
+    setTerminalHeight: (e) => r(l((t) => {
+      t.terminal.height = Math.max(a().terminal.clamp.min, Math.min(a().terminal.clamp.max, e));
+    })),
+    // Mobile
+    isMobile: () => i.isMobile,
+    setIsMobile: (e) => r("isMobile", e)
+  };
+}
+export {
+  x as LayoutProvider,
+  v as createLayoutService,
+  C as useLayout
+};

package/dist/index42.js

@@ -0,0 +1,99 @@
+import { createSignal as p, onCleanup as K } from "solid-js";
+import { createSimpleContext as D } from "./index38.js";
+import { useResolvedFloeConfig as W } from "./index39.js";
+import { formatKeybind as P, parseKeybind as k, matchKeybind as y } from "./index56.js";
+import { deferNonBlocking as v } from "./index54.js";
+function S() {
+  const x = W(), u = () => x.config.commands, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), [g, l] = p(!1), [b, m] = p(""), [C, E] = p([]), d = () => {
+    E(Array.from(i.values()));
+  };
+  if (typeof window < "u" && u().enableGlobalKeybinds) {
+    const e = (n) => {
+      if (!n || !(n instanceof HTMLElement)) return !1;
+      const r = n.tagName.toLowerCase();
+      return !!(r === "input" || r === "textarea" || r === "select" || n.isContentEditable || n.getAttribute("role") === "textbox");
+    }, t = (n) => {
+      const r = u();
+      if (!r.ignoreWhenTyping) return !1;
+      const o = n.target ?? (typeof document < "u" ? document.activeElement : null);
+      return !(!e(o) || r.allowWhenTypingWithin && o instanceof Element && o.closest(r.allowWhenTypingWithin));
+    }, s = (n) => {
+      const r = u();
+      if (r.save.enabled && y(n, r.save.keybind)) {
+        const o = i.get(r.save.commandId);
+        o ? (n.preventDefault(), v(() => {
+          Promise.resolve(o.execute()).catch((c) => console.error(c));
+        })) : r.save.preventDefaultWhenNoHandler && n.preventDefault();
+        return;
+      }
+      if (!t(n)) {
+        if (r.palette.enabled && y(n, r.palette.keybind)) {
+          n.preventDefault(), l((o) => !o);
+          return;
+        }
+        if (!g())
+          for (const o of i.values()) {
+            if (!o.keybind) continue;
+            const c = a.get(o.id);
+            if (c && y(n, c)) {
+              n.preventDefault(), v(() => {
+                Promise.resolve(o.execute()).catch((L) => console.error(L));
+              });
+              return;
+            }
+          }
+      }
+    };
+    window.addEventListener("keydown", s), K(() => window.removeEventListener("keydown", s));
+  }
+  let w = "", h = null, f = [];
+  return {
+    // State
+    isOpen: g,
+    search: b,
+    commands: C,
+    filteredCommands: () => {
+      const e = C(), t = b().toLowerCase().trim();
+      return e === h && t === w ? f : (h = e, w = t, t ? (f = e.filter((s) => {
+        var n, r;
+        return s.title.toLowerCase().includes(t) || ((n = s.description) == null ? void 0 : n.toLowerCase().includes(t)) || ((r = s.category) == null ? void 0 : r.toLowerCase().includes(t));
+      }), f) : (f = e, e));
+    },
+    // Actions
+    open: () => l(!0),
+    close: () => {
+      l(!1), m("");
+    },
+    toggle: () => l((e) => !e),
+    setSearch: (e) => m(e),
+    register: (e) => (i.set(e.id, e), e.keybind && a.set(e.id, k(e.keybind)), d(), () => {
+      i.delete(e.id), a.delete(e.id), d();
+    }),
+    registerAll: (e) => (e.forEach((t) => {
+      i.set(t.id, t), t.keybind && a.set(t.id, k(t.keybind));
+    }), d(), () => {
+      e.forEach((t) => {
+        i.delete(t.id), a.delete(t.id);
+      }), d();
+    }),
+    execute: (e) => {
+      const t = i.get(e);
+      t && (l(!1), m(""), v(() => {
+        Promise.resolve(t.execute()).catch((s) => console.error(s));
+      }));
+    },
+    getKeybindDisplay: P
+  };
+}
+const {
+  Provider: N,
+  use: O
+} = D({
+  name: "Command",
+  init: S
+});
+export {
+  N as CommandProvider,
+  S as createCommandService,
+  O as useCommand
+};

package/dist/index43.js

@@ -0,0 +1,120 @@
+import { delegateEvents as g, template as m, insert as l, createComponent as f, effect as h, className as b } from "solid-js/web";
+import { For as p, Show as u } from "solid-js";
+import { createStore as v, produce as d } from "solid-js/store";
+import { createSimpleContext as x } from "./index38.js";
+import { cn as $ } from "./index53.js";
+var w = /* @__PURE__ */ m('<div class="fixed bottom-4 right-4 z-50 flex flex-col gap-2 max-w-sm">'), _ = /* @__PURE__ */ m('<p class="mt-1 text-sm text-muted-foreground">'), y = /* @__PURE__ */ m('<button type=button class="mt-2 text-sm font-medium text-primary hover:underline">'), k = /* @__PURE__ */ m('<div role=alert><div class="flex items-start gap-3"><div class="flex-1 min-w-0"><p class="font-medium text-sm"></p></div><button type=button class="text-muted-foreground hover:text-foreground transition-colors"aria-label=Dismiss><svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">');
+const C = 5e3;
+function N() {
+  const [e, c] = v({
+    notifications: []
+  }), o = /* @__PURE__ */ new Map(), a = (t) => {
+    const i = o.get(t);
+    i && (clearTimeout(i), o.delete(t)), c(d((n) => {
+      n.notifications = n.notifications.filter((s) => s.id !== t);
+    }));
+  }, r = (t) => {
+    const i = `notification-${Date.now()}-${Math.random().toString(36).slice(2, 9)}`, n = t.duration ?? C;
+    if (c(d((s) => {
+      s.notifications.push({
+        ...t,
+        id: i
+      });
+    })), n > 0) {
+      const s = setTimeout(() => a(i), n);
+      o.set(i, s);
+    }
+    return i;
+  };
+  return {
+    notifications: () => e.notifications,
+    show: r,
+    dismiss: a,
+    dismissAll: () => {
+      o.forEach((t) => clearTimeout(t)), o.clear(), c("notifications", []);
+    },
+    info: (t, i) => r({
+      type: "info",
+      title: t,
+      message: i
+    }),
+    success: (t, i) => r({
+      type: "success",
+      title: t,
+      message: i
+    }),
+    warning: (t, i) => r({
+      type: "warning",
+      title: t,
+      message: i
+    }),
+    error: (t, i) => r({
+      type: "error",
+      title: t,
+      message: i
+    })
+  };
+}
+const {
+  Provider: L,
+  use: S
+} = x({
+  name: "Notification",
+  init: N
+});
+function P() {
+  const {
+    notifications: e,
+    dismiss: c
+  } = S();
+  return (() => {
+    var o = w();
+    return l(o, f(p, {
+      get each() {
+        return e();
+      },
+      children: (a) => f(D, {
+        notification: a,
+        onDismiss: () => c(a.id)
+      })
+    })), o;
+  })();
+}
+function D(e) {
+  const c = {
+    info: "border-info/50 bg-info/10",
+    success: "border-success/50 bg-success/10",
+    warning: "border-warning/50 bg-warning/10",
+    error: "border-error/50 bg-error/10"
+  };
+  return (() => {
+    var o = k(), a = o.firstChild, r = a.firstChild, t = r.firstChild, i = r.nextSibling;
+    return l(t, () => e.notification.title), l(r, f(u, {
+      get when() {
+        return e.notification.message;
+      },
+      get children() {
+        var n = _();
+        return l(n, () => e.notification.message), n;
+      }
+    }), null), l(r, f(u, {
+      get when() {
+        return e.notification.action;
+      },
+      get children() {
+        var n = y();
+        return n.$$click = () => {
+          var s;
+          return (s = e.notification.action) == null ? void 0 : s.onClick();
+        }, l(n, () => e.notification.action.label), n;
+      }
+    }), null), i.$$click = () => e.onDismiss(), h(() => b(o, $("animate-in slide-in-from-right fade-in", "rounded-lg border p-4 shadow-lg backdrop-blur-sm", "bg-card text-card-foreground", c[e.notification.type]))), o;
+  })();
+}
+g(["click"]);
+export {
+  P as NotificationContainer,
+  L as NotificationProvider,
+  N as createNotificationService,
+  S as useNotification
+};