fauxbase-devtools 0.4.0

package/dist/index.cjs

@@ -0,0 +1,447 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/devtools.tsx
+
+// src/request-logger.ts
+var idCounter = 0;
+function createRequestLogger(maxEntries = 100) {
+  const entries = [];
+  const listeners = /* @__PURE__ */ new Set();
+  function addEntry(entry) {
+    entries.unshift(entry);
+    if (entries.length > maxEntries) {
+      entries.pop();
+    }
+    listeners.forEach((fn) => fn());
+  }
+  function getEntries() {
+    return entries;
+  }
+  function clear() {
+    entries.length = 0;
+    listeners.forEach((fn) => fn());
+  }
+  function subscribe(fn) {
+    listeners.add(fn);
+    return () => listeners.delete(fn);
+  }
+  function wrapService(service, serviceName) {
+    return new Proxy(service, {
+      get(target, prop, receiver) {
+        const value = Reflect.get(target, prop, receiver);
+        if (typeof value !== "function") return value;
+        if (typeof prop === "string" && prop.startsWith("_")) return value;
+        return async function(...args) {
+          const entry = {
+            id: `log_${++idCounter}`,
+            timestamp: Date.now(),
+            service: serviceName,
+            method: prop,
+            args,
+            duration: 0
+          };
+          const start = performance.now();
+          try {
+            const result = await value.apply(target, args);
+            entry.result = result;
+            entry.duration = Math.round(performance.now() - start);
+            addEntry(entry);
+            return result;
+          } catch (err) {
+            entry.error = err.message ?? String(err);
+            entry.duration = Math.round(performance.now() - start);
+            addEntry(entry);
+            throw err;
+          }
+        };
+      }
+    });
+  }
+  return { addEntry, getEntries, clear, subscribe, wrapService };
+}
+
+// src/styles.ts
+var STYLES = {
+  container: {
+    position: "fixed",
+    bottom: "16px",
+    right: "16px",
+    zIndex: 99999,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace',
+    fontSize: "13px",
+    color: "#e4e4e7"
+  },
+  containerLeft: {
+    right: "auto",
+    left: "16px"
+  },
+  toggleButton: {
+    width: "40px",
+    height: "40px",
+    borderRadius: "8px",
+    border: "1px solid #3f3f46",
+    background: "#18181b",
+    color: "#a1a1aa",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "18px",
+    boxShadow: "0 4px 12px rgba(0,0,0,0.4)"
+  },
+  panel: {
+    width: "480px",
+    maxHeight: "400px",
+    background: "#18181b",
+    border: "1px solid #3f3f46",
+    borderRadius: "8px",
+    boxShadow: "0 8px 24px rgba(0,0,0,0.5)",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column"
+  },
+  tabBar: {
+    display: "flex",
+    borderBottom: "1px solid #3f3f46",
+    background: "#09090b"
+  },
+  tab: {
+    padding: "8px 16px",
+    border: "none",
+    background: "transparent",
+    color: "#71717a",
+    cursor: "pointer",
+    fontSize: "12px",
+    fontWeight: 500,
+    borderBottom: "2px solid transparent"
+  },
+  tabActive: {
+    color: "#e4e4e7",
+    borderBottomColor: "#3b82f6"
+  },
+  panelContent: {
+    padding: "12px",
+    overflowY: "auto",
+    maxHeight: "340px",
+    flex: 1
+  },
+  table: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontSize: "12px"
+  },
+  th: {
+    textAlign: "left",
+    padding: "6px 8px",
+    borderBottom: "1px solid #27272a",
+    color: "#a1a1aa",
+    fontWeight: 600
+  },
+  td: {
+    padding: "6px 8px",
+    borderBottom: "1px solid #27272a",
+    maxWidth: "160px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  button: {
+    padding: "6px 12px",
+    borderRadius: "4px",
+    border: "1px solid #3f3f46",
+    background: "#27272a",
+    color: "#e4e4e7",
+    cursor: "pointer",
+    fontSize: "12px"
+  },
+  buttonDanger: {
+    background: "#7f1d1d",
+    borderColor: "#991b1b"
+  },
+  badge: {
+    display: "inline-block",
+    padding: "2px 6px",
+    borderRadius: "4px",
+    fontSize: "11px",
+    fontWeight: 600
+  },
+  badgeSuccess: {
+    background: "#14532d",
+    color: "#4ade80"
+  },
+  badgeError: {
+    background: "#7f1d1d",
+    color: "#f87171"
+  },
+  emptyState: {
+    color: "#71717a",
+    textAlign: "center",
+    padding: "24px",
+    fontSize: "12px"
+  },
+  label: {
+    color: "#a1a1aa",
+    fontSize: "11px",
+    marginBottom: "4px"
+  },
+  value: {
+    color: "#e4e4e7",
+    fontSize: "13px",
+    marginBottom: "12px",
+    wordBreak: "break-all"
+  }
+};
+function DataInspector({ client }) {
+  const [selected, setSelected] = react.useState(null);
+  const [records, setRecords] = react.useState([]);
+  const serviceNames = Object.keys(client).filter(
+    (k) => k !== "auth" && client[k] && typeof client[k].list === "function"
+  );
+  react.useEffect(() => {
+    if (!selected && serviceNames.length > 0) {
+      setSelected(serviceNames[0]);
+    }
+  }, [serviceNames.length]);
+  react.useEffect(() => {
+    if (!selected) return;
+    const service = client[selected];
+    if (!service) return;
+    service.list({ size: 50 }).then((res) => setRecords(res.items ?? [])).catch(() => setRecords([]));
+  }, [selected]);
+  if (serviceNames.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.emptyState, children: "No services registered" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", gap: "4px", marginBottom: "8px", flexWrap: "wrap" }, children: serviceNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: () => setSelected(name),
+        style: {
+          ...STYLES.button,
+          ...selected === name ? { background: "#3b82f6", borderColor: "#3b82f6" } : {}
+        },
+        children: name
+      },
+      name
+    )) }),
+    records.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: STYLES.emptyState, children: [
+      "No records in ",
+      selected
+    ] }) : /* @__PURE__ */ jsxRuntime.jsxs("table", { style: STYLES.table, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: STYLES.th, children: "id" }),
+        Object.keys(records[0]).filter((k) => k !== "id" && !k.endsWith("At") && !k.endsWith("Id") && !k.endsWith("Name") && k !== "version" && k !== "password").slice(0, 3).map((k) => /* @__PURE__ */ jsxRuntime.jsx("th", { style: STYLES.th, children: k }, k))
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: records.map((r) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("td", { style: STYLES.td, children: [
+          r.id?.substring(0, 12),
+          "..."
+        ] }),
+        Object.keys(records[0]).filter((k) => k !== "id" && !k.endsWith("At") && !k.endsWith("Id") && !k.endsWith("Name") && k !== "version" && k !== "password").slice(0, 3).map((k) => /* @__PURE__ */ jsxRuntime.jsx("td", { style: STYLES.td, children: String(r[k] ?? "") }, k))
+      ] }, r.id)) })
+    ] })
+  ] });
+}
+function AuthInspector({ client }) {
+  const auth = client.auth;
+  if (!auth) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.emptyState, children: "Auth not configured" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.label, children: "Status" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...STYLES.value, display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        style: {
+          ...STYLES.badge,
+          ...auth.isLoggedIn ? STYLES.badgeSuccess : STYLES.badgeError
+        },
+        children: auth.isLoggedIn ? "Logged In" : "Logged Out"
+      }
+    ) }),
+    auth.isLoggedIn && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.label, children: "User" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.value, children: auth.currentUser?.email ?? auth.currentUser?.id ?? "Unknown" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.label, children: "Token" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...STYLES.value, fontSize: "11px", fontFamily: "monospace" }, children: [
+        auth.token?.substring(0, 40),
+        "..."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          style: { ...STYLES.button, ...STYLES.buttonDanger },
+          onClick: () => {
+            auth.logout();
+            window.dispatchEvent(new Event("fauxbase:auth-change"));
+          },
+          children: "Logout"
+        }
+      )
+    ] })
+  ] });
+}
+function RequestLog({ entries, onClear }) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.emptyState, children: "No requests logged yet" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "8px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { style: STYLES.label, children: [
+        entries.length,
+        " requests"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { style: STYLES.button, onClick: onClear, children: "Clear" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("table", { style: STYLES.table, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: STYLES.th, children: "Service" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: STYLES.th, children: "Method" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: STYLES.th, children: "Status" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { style: STYLES.th, children: "Time" })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: entries.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: STYLES.td, children: entry.service }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: STYLES.td, children: entry.method }),
+        /* @__PURE__ */ jsxRuntime.jsx("td", { style: STYLES.td, children: /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            style: {
+              ...STYLES.badge,
+              ...entry.error ? STYLES.badgeError : STYLES.badgeSuccess
+            },
+            children: entry.error ? "ERR" : "OK"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("td", { style: STYLES.td, children: [
+          entry.duration,
+          "ms"
+        ] })
+      ] }, entry.id)) })
+    ] })
+  ] });
+}
+function SeedManager({ client }) {
+  const [resetting, setResetting] = react.useState(false);
+  const serviceNames = Object.keys(client).filter(
+    (k) => k !== "auth" && client[k] && typeof client[k].list === "function"
+  );
+  const handleReset = async (name) => {
+    setResetting(true);
+    try {
+      const service = client[name];
+      if (service?.driver?.clear) {
+        service.driver.clear(name);
+      }
+    } finally {
+      setResetting(false);
+    }
+  };
+  if (serviceNames.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: STYLES.emptyState, children: "No services registered" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...STYLES.label, marginBottom: "12px" }, children: "Reset seed data for individual resources (LocalDriver only)" }),
+    serviceNames.map((name) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "8px" }, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: name }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          style: { ...STYLES.button, ...STYLES.buttonDanger },
+          onClick: () => handleReset(name),
+          disabled: resetting,
+          children: "Reset"
+        }
+      )
+    ] }, name))
+  ] });
+}
+var TABS = [
+  { key: "data", label: "Data" },
+  { key: "auth", label: "Auth" },
+  { key: "requests", label: "Requests" },
+  { key: "seeds", label: "Seeds" }
+];
+function FauxbaseDevtools({ client, config = {} }) {
+  const [open, setOpen] = react.useState(config.defaultOpen ?? false);
+  const [activeTab, setActiveTab] = react.useState("data");
+  const [logger] = react.useState(() => createRequestLogger(config.maxLogEntries ?? 100));
+  const [, setTick] = react.useState(0);
+  react.useEffect(() => {
+    return logger.subscribe(() => setTick((t) => t + 1));
+  }, [logger]);
+  const [wrappedClient] = react.useState(() => {
+    const wrapped = { ...client };
+    for (const [name, service] of Object.entries(client)) {
+      if (name !== "auth" && service && typeof service.list === "function") {
+        wrapped[name] = logger.wrapService(service, name);
+      }
+    }
+    return wrapped;
+  });
+  const position = config.position ?? "bottom-right";
+  const isLeft = position === "bottom-left";
+  const containerStyle = {
+    ...STYLES.container,
+    ...isLeft ? STYLES.containerLeft : {}
+  };
+  if (!open) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, "data-testid": "fauxbase-devtools", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        style: STYLES.toggleButton,
+        onClick: () => setOpen(true),
+        "aria-label": "Open Fauxbase DevTools",
+        "data-testid": "devtools-toggle",
+        children: "{ }"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: containerStyle, "data-testid": "fauxbase-devtools", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: STYLES.panel, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: STYLES.tabBar, children: [
+      TABS.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          style: {
+            ...STYLES.tab,
+            ...activeTab === tab.key ? STYLES.tabActive : {}
+          },
+          onClick: () => setActiveTab(tab.key),
+          "data-testid": `tab-${tab.key}`,
+          children: tab.label
+        },
+        tab.key
+      )),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          style: { ...STYLES.tab, marginLeft: "auto" },
+          onClick: () => setOpen(false),
+          "aria-label": "Close DevTools",
+          "data-testid": "devtools-close",
+          children: "x"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: STYLES.panelContent, children: [
+      activeTab === "data" && /* @__PURE__ */ jsxRuntime.jsx(DataInspector, { client: wrappedClient }),
+      activeTab === "auth" && /* @__PURE__ */ jsxRuntime.jsx(AuthInspector, { client }),
+      activeTab === "requests" && /* @__PURE__ */ jsxRuntime.jsx(
+        RequestLog,
+        {
+          entries: logger.getEntries(),
+          onClear: () => logger.clear()
+        }
+      ),
+      activeTab === "seeds" && /* @__PURE__ */ jsxRuntime.jsx(SeedManager, { client })
+    ] })
+  ] }) });
+}
+
+exports.FauxbaseDevtools = FauxbaseDevtools;
+exports.createRequestLogger = createRequestLogger;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/request-logger.ts","../src/styles.ts","../src/panels/data-inspector.tsx","../src/panels/auth-inspector.tsx","../src/panels/request-log.tsx","../src/panels/seed-manager.tsx","../src/devtools.tsx"],"names":["useState","useEffect","jsx","jsxs","Fragment"],"mappings":"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","file":"index.cjs","sourcesContent":["import type { RequestLogEntry } from './types';\n\nlet idCounter = 0;\n\nexport function createRequestLogger(maxEntries = 100) {\n  const entries: RequestLogEntry[] = [];\n  const listeners = new Set<() => void>();\n\n  function addEntry(entry: RequestLogEntry): void {\n    entries.unshift(entry);\n    if (entries.length > maxEntries) {\n      entries.pop();\n    }\n    listeners.forEach(fn => fn());\n  }\n\n  function getEntries(): RequestLogEntry[] {\n    return entries;\n  }\n\n  function clear(): void {\n    entries.length = 0;\n    listeners.forEach(fn => fn());\n  }\n\n  function subscribe(fn: () => void): () => void {\n    listeners.add(fn);\n    return () => listeners.delete(fn);\n  }\n\n  /**\n   * Wraps a service instance with a Proxy that logs all method calls.\n   * Zero changes to the Service class.\n   */\n  function wrapService<T extends object>(service: T, serviceName: string): T {\n    return new Proxy(service, {\n      get(target, prop, receiver) {\n        const value = Reflect.get(target, prop, receiver);\n        if (typeof value !== 'function') return value;\n\n        // Skip internal methods\n        if (typeof prop === 'string' && prop.startsWith('_')) return value;\n\n        return async function (this: any, ...args: any[]) {\n          const entry: RequestLogEntry = {\n            id: `log_${++idCounter}`,\n            timestamp: Date.now(),\n            service: serviceName,\n            method: prop as string,\n            args,\n            duration: 0,\n          };\n\n          const start = performance.now();\n          try {\n            const result = await value.apply(target, args);\n            entry.result = result;\n            entry.duration = Math.round(performance.now() - start);\n            addEntry(entry);\n            return result;\n          } catch (err: any) {\n            entry.error = err.message ?? String(err);\n            entry.duration = Math.round(performance.now() - start);\n            addEntry(entry);\n            throw err;\n          }\n        };\n      },\n    });\n  }\n\n  return { addEntry, getEntries, clear, subscribe, wrapService };\n}\n\nexport type RequestLogger = ReturnType<typeof createRequestLogger>;\n","export const STYLES = {\n  container: {\n    position: 'fixed' as const,\n    bottom: '16px',\n    right: '16px',\n    zIndex: 99999,\n    fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, monospace',\n    fontSize: '13px',\n    color: '#e4e4e7',\n  },\n  containerLeft: {\n    right: 'auto',\n    left: '16px',\n  },\n  toggleButton: {\n    width: '40px',\n    height: '40px',\n    borderRadius: '8px',\n    border: '1px solid #3f3f46',\n    background: '#18181b',\n    color: '#a1a1aa',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: '18px',\n    boxShadow: '0 4px 12px rgba(0,0,0,0.4)',\n  },\n  panel: {\n    width: '480px',\n    maxHeight: '400px',\n    background: '#18181b',\n    border: '1px solid #3f3f46',\n    borderRadius: '8px',\n    boxShadow: '0 8px 24px rgba(0,0,0,0.5)',\n    overflow: 'hidden',\n    display: 'flex',\n    flexDirection: 'column' as const,\n  },\n  tabBar: {\n    display: 'flex',\n    borderBottom: '1px solid #3f3f46',\n    background: '#09090b',\n  },\n  tab: {\n    padding: '8px 16px',\n    border: 'none',\n    background: 'transparent',\n    color: '#71717a',\n    cursor: 'pointer',\n    fontSize: '12px',\n    fontWeight: 500,\n    borderBottom: '2px solid transparent',\n  },\n  tabActive: {\n    color: '#e4e4e7',\n    borderBottomColor: '#3b82f6',\n  },\n  panelContent: {\n    padding: '12px',\n    overflowY: 'auto' as const,\n    maxHeight: '340px',\n    flex: 1,\n  },\n  table: {\n    width: '100%',\n    borderCollapse: 'collapse' as const,\n    fontSize: '12px',\n  },\n  th: {\n    textAlign: 'left' as const,\n    padding: '6px 8px',\n    borderBottom: '1px solid #27272a',\n    color: '#a1a1aa',\n    fontWeight: 600,\n  },\n  td: {\n    padding: '6px 8px',\n    borderBottom: '1px solid #27272a',\n    maxWidth: '160px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap' as const,\n  },\n  button: {\n    padding: '6px 12px',\n    borderRadius: '4px',\n    border: '1px solid #3f3f46',\n    background: '#27272a',\n    color: '#e4e4e7',\n    cursor: 'pointer',\n    fontSize: '12px',\n  },\n  buttonDanger: {\n    background: '#7f1d1d',\n    borderColor: '#991b1b',\n  },\n  badge: {\n    display: 'inline-block',\n    padding: '2px 6px',\n    borderRadius: '4px',\n    fontSize: '11px',\n    fontWeight: 600,\n  },\n  badgeSuccess: {\n    background: '#14532d',\n    color: '#4ade80',\n  },\n  badgeError: {\n    background: '#7f1d1d',\n    color: '#f87171',\n  },\n  emptyState: {\n    color: '#71717a',\n    textAlign: 'center' as const,\n    padding: '24px',\n    fontSize: '12px',\n  },\n  label: {\n    color: '#a1a1aa',\n    fontSize: '11px',\n    marginBottom: '4px',\n  },\n  value: {\n    color: '#e4e4e7',\n    fontSize: '13px',\n    marginBottom: '12px',\n    wordBreak: 'break-all' as const,\n  },\n};\n","import React, { useEffect, useState } from 'react';\nimport { STYLES } from '../styles';\n\ninterface DataInspectorProps {\n  client: any;\n}\n\nexport function DataInspector({ client }: DataInspectorProps) {\n  const [selected, setSelected] = useState<string | null>(null);\n  const [records, setRecords] = useState<any[]>([]);\n\n  const serviceNames = Object.keys(client).filter(\n    k => k !== 'auth' && client[k] && typeof client[k].list === 'function',\n  );\n\n  useEffect(() => {\n    if (!selected && serviceNames.length > 0) {\n      setSelected(serviceNames[0]);\n    }\n  }, [serviceNames.length]);\n\n  useEffect(() => {\n    if (!selected) return;\n    const service = client[selected];\n    if (!service) return;\n    service.list({ size: 50 }).then((res: any) => setRecords(res.items ?? [])).catch(() => setRecords([]));\n  }, [selected]);\n\n  if (serviceNames.length === 0) {\n    return <div style={STYLES.emptyState}>No services registered</div>;\n  }\n\n  return (\n    <div>\n      <div style={{ display: 'flex', gap: '4px', marginBottom: '8px', flexWrap: 'wrap' }}>\n        {serviceNames.map(name => (\n          <button\n            key={name}\n            onClick={() => setSelected(name)}\n            style={{\n              ...STYLES.button,\n              ...(selected === name ? { background: '#3b82f6', borderColor: '#3b82f6' } : {}),\n            }}\n          >\n            {name}\n          </button>\n        ))}\n      </div>\n\n      {records.length === 0 ? (\n        <div style={STYLES.emptyState}>No records in {selected}</div>\n      ) : (\n        <table style={STYLES.table}>\n          <thead>\n            <tr>\n              <th style={STYLES.th}>id</th>\n              {Object.keys(records[0])\n                .filter(k => k !== 'id' && !k.endsWith('At') && !k.endsWith('Id') && !k.endsWith('Name') && k !== 'version' && k !== 'password')\n                .slice(0, 3)\n                .map(k => (\n                  <th key={k} style={STYLES.th}>{k}</th>\n                ))}\n            </tr>\n          </thead>\n          <tbody>\n            {records.map((r: any) => (\n              <tr key={r.id}>\n                <td style={STYLES.td}>{r.id?.substring(0, 12)}...</td>\n                {Object.keys(records[0])\n                  .filter(k => k !== 'id' && !k.endsWith('At') && !k.endsWith('Id') && !k.endsWith('Name') && k !== 'version' && k !== 'password')\n                  .slice(0, 3)\n                  .map(k => (\n                    <td key={k} style={STYLES.td}>{String(r[k] ?? '')}</td>\n                  ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { STYLES } from '../styles';\n\ninterface AuthInspectorProps {\n  client: any;\n}\n\nexport function AuthInspector({ client }: AuthInspectorProps) {\n  const auth = client.auth;\n\n  if (!auth) {\n    return <div style={STYLES.emptyState}>Auth not configured</div>;\n  }\n\n  return (\n    <div>\n      <div style={STYLES.label}>Status</div>\n      <div style={{ ...STYLES.value, display: 'flex', alignItems: 'center', gap: '8px' }}>\n        <span\n          style={{\n            ...STYLES.badge,\n            ...(auth.isLoggedIn ? STYLES.badgeSuccess : STYLES.badgeError),\n          }}\n        >\n          {auth.isLoggedIn ? 'Logged In' : 'Logged Out'}\n        </span>\n      </div>\n\n      {auth.isLoggedIn && (\n        <>\n          <div style={STYLES.label}>User</div>\n          <div style={STYLES.value}>\n            {auth.currentUser?.email ?? auth.currentUser?.id ?? 'Unknown'}\n          </div>\n\n          <div style={STYLES.label}>Token</div>\n          <div style={{ ...STYLES.value, fontSize: '11px', fontFamily: 'monospace' }}>\n            {auth.token?.substring(0, 40)}...\n          </div>\n\n          <button\n            style={{ ...STYLES.button, ...STYLES.buttonDanger }}\n            onClick={() => {\n              auth.logout();\n              // Force re-render\n              window.dispatchEvent(new Event('fauxbase:auth-change'));\n            }}\n          >\n            Logout\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport type { RequestLogEntry } from '../types';\nimport { STYLES } from '../styles';\n\ninterface RequestLogProps {\n  entries: RequestLogEntry[];\n  onClear: () => void;\n}\n\nexport function RequestLog({ entries, onClear }: RequestLogProps) {\n  if (entries.length === 0) {\n    return <div style={STYLES.emptyState}>No requests logged yet</div>;\n  }\n\n  return (\n    <div>\n      <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '8px' }}>\n        <span style={STYLES.label}>{entries.length} requests</span>\n        <button style={STYLES.button} onClick={onClear}>Clear</button>\n      </div>\n      <table style={STYLES.table}>\n        <thead>\n          <tr>\n            <th style={STYLES.th}>Service</th>\n            <th style={STYLES.th}>Method</th>\n            <th style={STYLES.th}>Status</th>\n            <th style={STYLES.th}>Time</th>\n          </tr>\n        </thead>\n        <tbody>\n          {entries.map(entry => (\n            <tr key={entry.id}>\n              <td style={STYLES.td}>{entry.service}</td>\n              <td style={STYLES.td}>{entry.method}</td>\n              <td style={STYLES.td}>\n                <span\n                  style={{\n                    ...STYLES.badge,\n                    ...(entry.error ? STYLES.badgeError : STYLES.badgeSuccess),\n                  }}\n                >\n                  {entry.error ? 'ERR' : 'OK'}\n                </span>\n              </td>\n              <td style={STYLES.td}>{entry.duration}ms</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n","import React, { useState } from 'react';\nimport { STYLES } from '../styles';\n\ninterface SeedManagerProps {\n  client: any;\n}\n\nexport function SeedManager({ client }: SeedManagerProps) {\n  const [resetting, setResetting] = useState(false);\n\n  const serviceNames = Object.keys(client).filter(\n    k => k !== 'auth' && client[k] && typeof client[k].list === 'function',\n  );\n\n  const handleReset = async (name: string) => {\n    setResetting(true);\n    try {\n      // Check if the driver has a clear method (LocalDriver only)\n      const service = client[name];\n      if (service?.driver?.clear) {\n        service.driver.clear(name);\n      }\n    } finally {\n      setResetting(false);\n    }\n  };\n\n  if (serviceNames.length === 0) {\n    return <div style={STYLES.emptyState}>No services registered</div>;\n  }\n\n  return (\n    <div>\n      <div style={{ ...STYLES.label, marginBottom: '12px' }}>\n        Reset seed data for individual resources (LocalDriver only)\n      </div>\n      {serviceNames.map(name => (\n        <div key={name} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '8px' }}>\n          <span>{name}</span>\n          <button\n            style={{ ...STYLES.button, ...STYLES.buttonDanger }}\n            onClick={() => handleReset(name)}\n            disabled={resetting}\n          >\n            Reset\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n","import React, { useState, useEffect, useCallback } from 'react';\nimport type { PanelTab, DevtoolsConfig } from './types';\nimport { createRequestLogger, type RequestLogger } from './request-logger';\nimport { DataInspector } from './panels/data-inspector';\nimport { AuthInspector } from './panels/auth-inspector';\nimport { RequestLog } from './panels/request-log';\nimport { SeedManager } from './panels/seed-manager';\nimport { STYLES } from './styles';\n\ninterface FauxbaseDevtoolsProps {\n  client: any;\n  config?: DevtoolsConfig;\n}\n\nconst TABS: { key: PanelTab; label: string }[] = [\n  { key: 'data', label: 'Data' },\n  { key: 'auth', label: 'Auth' },\n  { key: 'requests', label: 'Requests' },\n  { key: 'seeds', label: 'Seeds' },\n];\n\nexport function FauxbaseDevtools({ client, config = {} }: FauxbaseDevtoolsProps) {\n  const [open, setOpen] = useState(config.defaultOpen ?? false);\n  const [activeTab, setActiveTab] = useState<PanelTab>('data');\n  const [logger] = useState<RequestLogger>(() => createRequestLogger(config.maxLogEntries ?? 100));\n  const [, setTick] = useState(0);\n\n  // Subscribe to logger updates for re-render\n  useEffect(() => {\n    return logger.subscribe(() => setTick(t => t + 1));\n  }, [logger]);\n\n  // Wrap services with proxy logger\n  const [wrappedClient] = useState(() => {\n    const wrapped = { ...client };\n    for (const [name, service] of Object.entries(client)) {\n      if (name !== 'auth' && service && typeof (service as any).list === 'function') {\n        wrapped[name] = logger.wrapService(service as object, name);\n      }\n    }\n    return wrapped;\n  });\n\n  const position = config.position ?? 'bottom-right';\n  const isLeft = position === 'bottom-left';\n\n  const containerStyle = {\n    ...STYLES.container,\n    ...(isLeft ? STYLES.containerLeft : {}),\n  };\n\n  if (!open) {\n    return (\n      <div style={containerStyle} data-testid=\"fauxbase-devtools\">\n        <button\n          style={STYLES.toggleButton}\n          onClick={() => setOpen(true)}\n          aria-label=\"Open Fauxbase DevTools\"\n          data-testid=\"devtools-toggle\"\n        >\n          {'{ }'}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div style={containerStyle} data-testid=\"fauxbase-devtools\">\n      <div style={STYLES.panel}>\n        <div style={STYLES.tabBar}>\n          {TABS.map(tab => (\n            <button\n              key={tab.key}\n              style={{\n                ...STYLES.tab,\n                ...(activeTab === tab.key ? STYLES.tabActive : {}),\n              }}\n              onClick={() => setActiveTab(tab.key)}\n              data-testid={`tab-${tab.key}`}\n            >\n              {tab.label}\n            </button>\n          ))}\n          <button\n            style={{ ...STYLES.tab, marginLeft: 'auto' }}\n            onClick={() => setOpen(false)}\n            aria-label=\"Close DevTools\"\n            data-testid=\"devtools-close\"\n          >\n            x\n          </button>\n        </div>\n        <div style={STYLES.panelContent}>\n          {activeTab === 'data' && <DataInspector client={wrappedClient} />}\n          {activeTab === 'auth' && <AuthInspector client={client} />}\n          {activeTab === 'requests' && (\n            <RequestLog\n              entries={logger.getEntries()}\n              onClear={() => logger.clear()}\n            />\n          )}\n          {activeTab === 'seeds' && <SeedManager client={client} />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/index.d.cts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface RequestLogEntry {
+    id: string;
+    timestamp: number;
+    service: string;
+    method: string;
+    args: any[];
+    result?: any;
+    error?: string;
+    duration: number;
+}
+type PanelTab = 'data' | 'auth' | 'requests' | 'seeds';
+interface DevtoolsConfig {
+    position?: 'bottom-right' | 'bottom-left';
+    defaultOpen?: boolean;
+    maxLogEntries?: number;
+}
+
+interface FauxbaseDevtoolsProps {
+    client: any;
+    config?: DevtoolsConfig;
+}
+declare function FauxbaseDevtools({ client, config }: FauxbaseDevtoolsProps): react_jsx_runtime.JSX.Element;
+
+declare function createRequestLogger(maxEntries?: number): {
+    addEntry: (entry: RequestLogEntry) => void;
+    getEntries: () => RequestLogEntry[];
+    clear: () => void;
+    subscribe: (fn: () => void) => () => void;
+    wrapService: <T extends object>(service: T, serviceName: string) => T;
+};
+type RequestLogger = ReturnType<typeof createRequestLogger>;
+
+export { type DevtoolsConfig, FauxbaseDevtools, type PanelTab, type RequestLogEntry, type RequestLogger, createRequestLogger };

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface RequestLogEntry {
+    id: string;
+    timestamp: number;
+    service: string;
+    method: string;
+    args: any[];
+    result?: any;
+    error?: string;
+    duration: number;
+}
+type PanelTab = 'data' | 'auth' | 'requests' | 'seeds';
+interface DevtoolsConfig {
+    position?: 'bottom-right' | 'bottom-left';
+    defaultOpen?: boolean;
+    maxLogEntries?: number;
+}
+
+interface FauxbaseDevtoolsProps {
+    client: any;
+    config?: DevtoolsConfig;
+}
+declare function FauxbaseDevtools({ client, config }: FauxbaseDevtoolsProps): react_jsx_runtime.JSX.Element;
+
+declare function createRequestLogger(maxEntries?: number): {
+    addEntry: (entry: RequestLogEntry) => void;
+    getEntries: () => RequestLogEntry[];
+    clear: () => void;
+    subscribe: (fn: () => void) => () => void;
+    wrapService: <T extends object>(service: T, serviceName: string) => T;
+};
+type RequestLogger = ReturnType<typeof createRequestLogger>;
+
+export { type DevtoolsConfig, FauxbaseDevtools, type PanelTab, type RequestLogEntry, type RequestLogger, createRequestLogger };

package/dist/index.js

@@ -0,0 +1,444 @@
+import { useState, useEffect } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/devtools.tsx
+
+// src/request-logger.ts
+var idCounter = 0;
+function createRequestLogger(maxEntries = 100) {
+  const entries = [];
+  const listeners = /* @__PURE__ */ new Set();
+  function addEntry(entry) {
+    entries.unshift(entry);
+    if (entries.length > maxEntries) {
+      entries.pop();
+    }
+    listeners.forEach((fn) => fn());
+  }
+  function getEntries() {
+    return entries;
+  }
+  function clear() {
+    entries.length = 0;
+    listeners.forEach((fn) => fn());
+  }
+  function subscribe(fn) {
+    listeners.add(fn);
+    return () => listeners.delete(fn);
+  }
+  function wrapService(service, serviceName) {
+    return new Proxy(service, {
+      get(target, prop, receiver) {
+        const value = Reflect.get(target, prop, receiver);
+        if (typeof value !== "function") return value;
+        if (typeof prop === "string" && prop.startsWith("_")) return value;
+        return async function(...args) {
+          const entry = {
+            id: `log_${++idCounter}`,
+            timestamp: Date.now(),
+            service: serviceName,
+            method: prop,
+            args,
+            duration: 0
+          };
+          const start = performance.now();
+          try {
+            const result = await value.apply(target, args);
+            entry.result = result;
+            entry.duration = Math.round(performance.now() - start);
+            addEntry(entry);
+            return result;
+          } catch (err) {
+            entry.error = err.message ?? String(err);
+            entry.duration = Math.round(performance.now() - start);
+            addEntry(entry);
+            throw err;
+          }
+        };
+      }
+    });
+  }
+  return { addEntry, getEntries, clear, subscribe, wrapService };
+}
+
+// src/styles.ts
+var STYLES = {
+  container: {
+    position: "fixed",
+    bottom: "16px",
+    right: "16px",
+    zIndex: 99999,
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace',
+    fontSize: "13px",
+    color: "#e4e4e7"
+  },
+  containerLeft: {
+    right: "auto",
+    left: "16px"
+  },
+  toggleButton: {
+    width: "40px",
+    height: "40px",
+    borderRadius: "8px",
+    border: "1px solid #3f3f46",
+    background: "#18181b",
+    color: "#a1a1aa",
+    cursor: "pointer",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: "18px",
+    boxShadow: "0 4px 12px rgba(0,0,0,0.4)"
+  },
+  panel: {
+    width: "480px",
+    maxHeight: "400px",
+    background: "#18181b",
+    border: "1px solid #3f3f46",
+    borderRadius: "8px",
+    boxShadow: "0 8px 24px rgba(0,0,0,0.5)",
+    overflow: "hidden",
+    display: "flex",
+    flexDirection: "column"
+  },
+  tabBar: {
+    display: "flex",
+    borderBottom: "1px solid #3f3f46",
+    background: "#09090b"
+  },
+  tab: {
+    padding: "8px 16px",
+    border: "none",
+    background: "transparent",
+    color: "#71717a",
+    cursor: "pointer",
+    fontSize: "12px",
+    fontWeight: 500,
+    borderBottom: "2px solid transparent"
+  },
+  tabActive: {
+    color: "#e4e4e7",
+    borderBottomColor: "#3b82f6"
+  },
+  panelContent: {
+    padding: "12px",
+    overflowY: "auto",
+    maxHeight: "340px",
+    flex: 1
+  },
+  table: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontSize: "12px"
+  },
+  th: {
+    textAlign: "left",
+    padding: "6px 8px",
+    borderBottom: "1px solid #27272a",
+    color: "#a1a1aa",
+    fontWeight: 600
+  },
+  td: {
+    padding: "6px 8px",
+    borderBottom: "1px solid #27272a",
+    maxWidth: "160px",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  button: {
+    padding: "6px 12px",
+    borderRadius: "4px",
+    border: "1px solid #3f3f46",
+    background: "#27272a",
+    color: "#e4e4e7",
+    cursor: "pointer",
+    fontSize: "12px"
+  },
+  buttonDanger: {
+    background: "#7f1d1d",
+    borderColor: "#991b1b"
+  },
+  badge: {
+    display: "inline-block",
+    padding: "2px 6px",
+    borderRadius: "4px",
+    fontSize: "11px",
+    fontWeight: 600
+  },
+  badgeSuccess: {
+    background: "#14532d",
+    color: "#4ade80"
+  },
+  badgeError: {
+    background: "#7f1d1d",
+    color: "#f87171"
+  },
+  emptyState: {
+    color: "#71717a",
+    textAlign: "center",
+    padding: "24px",
+    fontSize: "12px"
+  },
+  label: {
+    color: "#a1a1aa",
+    fontSize: "11px",
+    marginBottom: "4px"
+  },
+  value: {
+    color: "#e4e4e7",
+    fontSize: "13px",
+    marginBottom: "12px",
+    wordBreak: "break-all"
+  }
+};
+function DataInspector({ client }) {
+  const [selected, setSelected] = useState(null);
+  const [records, setRecords] = useState([]);
+  const serviceNames = Object.keys(client).filter(
+    (k) => k !== "auth" && client[k] && typeof client[k].list === "function"
+  );
+  useEffect(() => {
+    if (!selected && serviceNames.length > 0) {
+      setSelected(serviceNames[0]);
+    }
+  }, [serviceNames.length]);
+  useEffect(() => {
+    if (!selected) return;
+    const service = client[selected];
+    if (!service) return;
+    service.list({ size: 50 }).then((res) => setRecords(res.items ?? [])).catch(() => setRecords([]));
+  }, [selected]);
+  if (serviceNames.length === 0) {
+    return /* @__PURE__ */ jsx("div", { style: STYLES.emptyState, children: "No services registered" });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { style: { display: "flex", gap: "4px", marginBottom: "8px", flexWrap: "wrap" }, children: serviceNames.map((name) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: () => setSelected(name),
+        style: {
+          ...STYLES.button,
+          ...selected === name ? { background: "#3b82f6", borderColor: "#3b82f6" } : {}
+        },
+        children: name
+      },
+      name
+    )) }),
+    records.length === 0 ? /* @__PURE__ */ jsxs("div", { style: STYLES.emptyState, children: [
+      "No records in ",
+      selected
+    ] }) : /* @__PURE__ */ jsxs("table", { style: STYLES.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { style: STYLES.th, children: "id" }),
+        Object.keys(records[0]).filter((k) => k !== "id" && !k.endsWith("At") && !k.endsWith("Id") && !k.endsWith("Name") && k !== "version" && k !== "password").slice(0, 3).map((k) => /* @__PURE__ */ jsx("th", { style: STYLES.th, children: k }, k))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: records.map((r) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsxs("td", { style: STYLES.td, children: [
+          r.id?.substring(0, 12),
+          "..."
+        ] }),
+        Object.keys(records[0]).filter((k) => k !== "id" && !k.endsWith("At") && !k.endsWith("Id") && !k.endsWith("Name") && k !== "version" && k !== "password").slice(0, 3).map((k) => /* @__PURE__ */ jsx("td", { style: STYLES.td, children: String(r[k] ?? "") }, k))
+      ] }, r.id)) })
+    ] })
+  ] });
+}
+function AuthInspector({ client }) {
+  const auth = client.auth;
+  if (!auth) {
+    return /* @__PURE__ */ jsx("div", { style: STYLES.emptyState, children: "Auth not configured" });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { style: STYLES.label, children: "Status" }),
+    /* @__PURE__ */ jsx("div", { style: { ...STYLES.value, display: "flex", alignItems: "center", gap: "8px" }, children: /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          ...STYLES.badge,
+          ...auth.isLoggedIn ? STYLES.badgeSuccess : STYLES.badgeError
+        },
+        children: auth.isLoggedIn ? "Logged In" : "Logged Out"
+      }
+    ) }),
+    auth.isLoggedIn && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { style: STYLES.label, children: "User" }),
+      /* @__PURE__ */ jsx("div", { style: STYLES.value, children: auth.currentUser?.email ?? auth.currentUser?.id ?? "Unknown" }),
+      /* @__PURE__ */ jsx("div", { style: STYLES.label, children: "Token" }),
+      /* @__PURE__ */ jsxs("div", { style: { ...STYLES.value, fontSize: "11px", fontFamily: "monospace" }, children: [
+        auth.token?.substring(0, 40),
+        "..."
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: { ...STYLES.button, ...STYLES.buttonDanger },
+          onClick: () => {
+            auth.logout();
+            window.dispatchEvent(new Event("fauxbase:auth-change"));
+          },
+          children: "Logout"
+        }
+      )
+    ] })
+  ] });
+}
+function RequestLog({ entries, onClear }) {
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsx("div", { style: STYLES.emptyState, children: "No requests logged yet" });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", marginBottom: "8px" }, children: [
+      /* @__PURE__ */ jsxs("span", { style: STYLES.label, children: [
+        entries.length,
+        " requests"
+      ] }),
+      /* @__PURE__ */ jsx("button", { style: STYLES.button, onClick: onClear, children: "Clear" })
+    ] }),
+    /* @__PURE__ */ jsxs("table", { style: STYLES.table, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { style: STYLES.th, children: "Service" }),
+        /* @__PURE__ */ jsx("th", { style: STYLES.th, children: "Method" }),
+        /* @__PURE__ */ jsx("th", { style: STYLES.th, children: "Status" }),
+        /* @__PURE__ */ jsx("th", { style: STYLES.th, children: "Time" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: entries.map((entry) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("td", { style: STYLES.td, children: entry.service }),
+        /* @__PURE__ */ jsx("td", { style: STYLES.td, children: entry.method }),
+        /* @__PURE__ */ jsx("td", { style: STYLES.td, children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            style: {
+              ...STYLES.badge,
+              ...entry.error ? STYLES.badgeError : STYLES.badgeSuccess
+            },
+            children: entry.error ? "ERR" : "OK"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("td", { style: STYLES.td, children: [
+          entry.duration,
+          "ms"
+        ] })
+      ] }, entry.id)) })
+    ] })
+  ] });
+}
+function SeedManager({ client }) {
+  const [resetting, setResetting] = useState(false);
+  const serviceNames = Object.keys(client).filter(
+    (k) => k !== "auth" && client[k] && typeof client[k].list === "function"
+  );
+  const handleReset = async (name) => {
+    setResetting(true);
+    try {
+      const service = client[name];
+      if (service?.driver?.clear) {
+        service.driver.clear(name);
+      }
+    } finally {
+      setResetting(false);
+    }
+  };
+  if (serviceNames.length === 0) {
+    return /* @__PURE__ */ jsx("div", { style: STYLES.emptyState, children: "No services registered" });
+  }
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx("div", { style: { ...STYLES.label, marginBottom: "12px" }, children: "Reset seed data for individual resources (LocalDriver only)" }),
+    serviceNames.map((name) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "8px" }, children: [
+      /* @__PURE__ */ jsx("span", { children: name }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: { ...STYLES.button, ...STYLES.buttonDanger },
+          onClick: () => handleReset(name),
+          disabled: resetting,
+          children: "Reset"
+        }
+      )
+    ] }, name))
+  ] });
+}
+var TABS = [
+  { key: "data", label: "Data" },
+  { key: "auth", label: "Auth" },
+  { key: "requests", label: "Requests" },
+  { key: "seeds", label: "Seeds" }
+];
+function FauxbaseDevtools({ client, config = {} }) {
+  const [open, setOpen] = useState(config.defaultOpen ?? false);
+  const [activeTab, setActiveTab] = useState("data");
+  const [logger] = useState(() => createRequestLogger(config.maxLogEntries ?? 100));
+  const [, setTick] = useState(0);
+  useEffect(() => {
+    return logger.subscribe(() => setTick((t) => t + 1));
+  }, [logger]);
+  const [wrappedClient] = useState(() => {
+    const wrapped = { ...client };
+    for (const [name, service] of Object.entries(client)) {
+      if (name !== "auth" && service && typeof service.list === "function") {
+        wrapped[name] = logger.wrapService(service, name);
+      }
+    }
+    return wrapped;
+  });
+  const position = config.position ?? "bottom-right";
+  const isLeft = position === "bottom-left";
+  const containerStyle = {
+    ...STYLES.container,
+    ...isLeft ? STYLES.containerLeft : {}
+  };
+  if (!open) {
+    return /* @__PURE__ */ jsx("div", { style: containerStyle, "data-testid": "fauxbase-devtools", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        style: STYLES.toggleButton,
+        onClick: () => setOpen(true),
+        "aria-label": "Open Fauxbase DevTools",
+        "data-testid": "devtools-toggle",
+        children: "{ }"
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx("div", { style: containerStyle, "data-testid": "fauxbase-devtools", children: /* @__PURE__ */ jsxs("div", { style: STYLES.panel, children: [
+    /* @__PURE__ */ jsxs("div", { style: STYLES.tabBar, children: [
+      TABS.map((tab) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: {
+            ...STYLES.tab,
+            ...activeTab === tab.key ? STYLES.tabActive : {}
+          },
+          onClick: () => setActiveTab(tab.key),
+          "data-testid": `tab-${tab.key}`,
+          children: tab.label
+        },
+        tab.key
+      )),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          style: { ...STYLES.tab, marginLeft: "auto" },
+          onClick: () => setOpen(false),
+          "aria-label": "Close DevTools",
+          "data-testid": "devtools-close",
+          children: "x"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { style: STYLES.panelContent, children: [
+      activeTab === "data" && /* @__PURE__ */ jsx(DataInspector, { client: wrappedClient }),
+      activeTab === "auth" && /* @__PURE__ */ jsx(AuthInspector, { client }),
+      activeTab === "requests" && /* @__PURE__ */ jsx(
+        RequestLog,
+        {
+          entries: logger.getEntries(),
+          onClear: () => logger.clear()
+        }
+      ),
+      activeTab === "seeds" && /* @__PURE__ */ jsx(SeedManager, { client })
+    ] })
+  ] }) });
+}
+
+export { FauxbaseDevtools, createRequestLogger };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/request-logger.ts","../src/styles.ts","../src/panels/data-inspector.tsx","../src/panels/auth-inspector.tsx","../src/panels/request-log.tsx","../src/panels/seed-manager.tsx","../src/devtools.tsx"],"names":["jsx","jsxs","useState","useEffect"],"mappings":"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","file":"index.js","sourcesContent":["import type { RequestLogEntry } from './types';\n\nlet idCounter = 0;\n\nexport function createRequestLogger(maxEntries = 100) {\n  const entries: RequestLogEntry[] = [];\n  const listeners = new Set<() => void>();\n\n  function addEntry(entry: RequestLogEntry): void {\n    entries.unshift(entry);\n    if (entries.length > maxEntries) {\n      entries.pop();\n    }\n    listeners.forEach(fn => fn());\n  }\n\n  function getEntries(): RequestLogEntry[] {\n    return entries;\n  }\n\n  function clear(): void {\n    entries.length = 0;\n    listeners.forEach(fn => fn());\n  }\n\n  function subscribe(fn: () => void): () => void {\n    listeners.add(fn);\n    return () => listeners.delete(fn);\n  }\n\n  /**\n   * Wraps a service instance with a Proxy that logs all method calls.\n   * Zero changes to the Service class.\n   */\n  function wrapService<T extends object>(service: T, serviceName: string): T {\n    return new Proxy(service, {\n      get(target, prop, receiver) {\n        const value = Reflect.get(target, prop, receiver);\n        if (typeof value !== 'function') return value;\n\n        // Skip internal methods\n        if (typeof prop === 'string' && prop.startsWith('_')) return value;\n\n        return async function (this: any, ...args: any[]) {\n          const entry: RequestLogEntry = {\n            id: `log_${++idCounter}`,\n            timestamp: Date.now(),\n            service: serviceName,\n            method: prop as string,\n            args,\n            duration: 0,\n          };\n\n          const start = performance.now();\n          try {\n            const result = await value.apply(target, args);\n            entry.result = result;\n            entry.duration = Math.round(performance.now() - start);\n            addEntry(entry);\n            return result;\n          } catch (err: any) {\n            entry.error = err.message ?? String(err);\n            entry.duration = Math.round(performance.now() - start);\n            addEntry(entry);\n            throw err;\n          }\n        };\n      },\n    });\n  }\n\n  return { addEntry, getEntries, clear, subscribe, wrapService };\n}\n\nexport type RequestLogger = ReturnType<typeof createRequestLogger>;\n","export const STYLES = {\n  container: {\n    position: 'fixed' as const,\n    bottom: '16px',\n    right: '16px',\n    zIndex: 99999,\n    fontFamily: '-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, monospace',\n    fontSize: '13px',\n    color: '#e4e4e7',\n  },\n  containerLeft: {\n    right: 'auto',\n    left: '16px',\n  },\n  toggleButton: {\n    width: '40px',\n    height: '40px',\n    borderRadius: '8px',\n    border: '1px solid #3f3f46',\n    background: '#18181b',\n    color: '#a1a1aa',\n    cursor: 'pointer',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: '18px',\n    boxShadow: '0 4px 12px rgba(0,0,0,0.4)',\n  },\n  panel: {\n    width: '480px',\n    maxHeight: '400px',\n    background: '#18181b',\n    border: '1px solid #3f3f46',\n    borderRadius: '8px',\n    boxShadow: '0 8px 24px rgba(0,0,0,0.5)',\n    overflow: 'hidden',\n    display: 'flex',\n    flexDirection: 'column' as const,\n  },\n  tabBar: {\n    display: 'flex',\n    borderBottom: '1px solid #3f3f46',\n    background: '#09090b',\n  },\n  tab: {\n    padding: '8px 16px',\n    border: 'none',\n    background: 'transparent',\n    color: '#71717a',\n    cursor: 'pointer',\n    fontSize: '12px',\n    fontWeight: 500,\n    borderBottom: '2px solid transparent',\n  },\n  tabActive: {\n    color: '#e4e4e7',\n    borderBottomColor: '#3b82f6',\n  },\n  panelContent: {\n    padding: '12px',\n    overflowY: 'auto' as const,\n    maxHeight: '340px',\n    flex: 1,\n  },\n  table: {\n    width: '100%',\n    borderCollapse: 'collapse' as const,\n    fontSize: '12px',\n  },\n  th: {\n    textAlign: 'left' as const,\n    padding: '6px 8px',\n    borderBottom: '1px solid #27272a',\n    color: '#a1a1aa',\n    fontWeight: 600,\n  },\n  td: {\n    padding: '6px 8px',\n    borderBottom: '1px solid #27272a',\n    maxWidth: '160px',\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap' as const,\n  },\n  button: {\n    padding: '6px 12px',\n    borderRadius: '4px',\n    border: '1px solid #3f3f46',\n    background: '#27272a',\n    color: '#e4e4e7',\n    cursor: 'pointer',\n    fontSize: '12px',\n  },\n  buttonDanger: {\n    background: '#7f1d1d',\n    borderColor: '#991b1b',\n  },\n  badge: {\n    display: 'inline-block',\n    padding: '2px 6px',\n    borderRadius: '4px',\n    fontSize: '11px',\n    fontWeight: 600,\n  },\n  badgeSuccess: {\n    background: '#14532d',\n    color: '#4ade80',\n  },\n  badgeError: {\n    background: '#7f1d1d',\n    color: '#f87171',\n  },\n  emptyState: {\n    color: '#71717a',\n    textAlign: 'center' as const,\n    padding: '24px',\n    fontSize: '12px',\n  },\n  label: {\n    color: '#a1a1aa',\n    fontSize: '11px',\n    marginBottom: '4px',\n  },\n  value: {\n    color: '#e4e4e7',\n    fontSize: '13px',\n    marginBottom: '12px',\n    wordBreak: 'break-all' as const,\n  },\n};\n","import React, { useEffect, useState } from 'react';\nimport { STYLES } from '../styles';\n\ninterface DataInspectorProps {\n  client: any;\n}\n\nexport function DataInspector({ client }: DataInspectorProps) {\n  const [selected, setSelected] = useState<string | null>(null);\n  const [records, setRecords] = useState<any[]>([]);\n\n  const serviceNames = Object.keys(client).filter(\n    k => k !== 'auth' && client[k] && typeof client[k].list === 'function',\n  );\n\n  useEffect(() => {\n    if (!selected && serviceNames.length > 0) {\n      setSelected(serviceNames[0]);\n    }\n  }, [serviceNames.length]);\n\n  useEffect(() => {\n    if (!selected) return;\n    const service = client[selected];\n    if (!service) return;\n    service.list({ size: 50 }).then((res: any) => setRecords(res.items ?? [])).catch(() => setRecords([]));\n  }, [selected]);\n\n  if (serviceNames.length === 0) {\n    return <div style={STYLES.emptyState}>No services registered</div>;\n  }\n\n  return (\n    <div>\n      <div style={{ display: 'flex', gap: '4px', marginBottom: '8px', flexWrap: 'wrap' }}>\n        {serviceNames.map(name => (\n          <button\n            key={name}\n            onClick={() => setSelected(name)}\n            style={{\n              ...STYLES.button,\n              ...(selected === name ? { background: '#3b82f6', borderColor: '#3b82f6' } : {}),\n            }}\n          >\n            {name}\n          </button>\n        ))}\n      </div>\n\n      {records.length === 0 ? (\n        <div style={STYLES.emptyState}>No records in {selected}</div>\n      ) : (\n        <table style={STYLES.table}>\n          <thead>\n            <tr>\n              <th style={STYLES.th}>id</th>\n              {Object.keys(records[0])\n                .filter(k => k !== 'id' && !k.endsWith('At') && !k.endsWith('Id') && !k.endsWith('Name') && k !== 'version' && k !== 'password')\n                .slice(0, 3)\n                .map(k => (\n                  <th key={k} style={STYLES.th}>{k}</th>\n                ))}\n            </tr>\n          </thead>\n          <tbody>\n            {records.map((r: any) => (\n              <tr key={r.id}>\n                <td style={STYLES.td}>{r.id?.substring(0, 12)}...</td>\n                {Object.keys(records[0])\n                  .filter(k => k !== 'id' && !k.endsWith('At') && !k.endsWith('Id') && !k.endsWith('Name') && k !== 'version' && k !== 'password')\n                  .slice(0, 3)\n                  .map(k => (\n                    <td key={k} style={STYLES.td}>{String(r[k] ?? '')}</td>\n                  ))}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport { STYLES } from '../styles';\n\ninterface AuthInspectorProps {\n  client: any;\n}\n\nexport function AuthInspector({ client }: AuthInspectorProps) {\n  const auth = client.auth;\n\n  if (!auth) {\n    return <div style={STYLES.emptyState}>Auth not configured</div>;\n  }\n\n  return (\n    <div>\n      <div style={STYLES.label}>Status</div>\n      <div style={{ ...STYLES.value, display: 'flex', alignItems: 'center', gap: '8px' }}>\n        <span\n          style={{\n            ...STYLES.badge,\n            ...(auth.isLoggedIn ? STYLES.badgeSuccess : STYLES.badgeError),\n          }}\n        >\n          {auth.isLoggedIn ? 'Logged In' : 'Logged Out'}\n        </span>\n      </div>\n\n      {auth.isLoggedIn && (\n        <>\n          <div style={STYLES.label}>User</div>\n          <div style={STYLES.value}>\n            {auth.currentUser?.email ?? auth.currentUser?.id ?? 'Unknown'}\n          </div>\n\n          <div style={STYLES.label}>Token</div>\n          <div style={{ ...STYLES.value, fontSize: '11px', fontFamily: 'monospace' }}>\n            {auth.token?.substring(0, 40)}...\n          </div>\n\n          <button\n            style={{ ...STYLES.button, ...STYLES.buttonDanger }}\n            onClick={() => {\n              auth.logout();\n              // Force re-render\n              window.dispatchEvent(new Event('fauxbase:auth-change'));\n            }}\n          >\n            Logout\n          </button>\n        </>\n      )}\n    </div>\n  );\n}\n","import React from 'react';\nimport type { RequestLogEntry } from '../types';\nimport { STYLES } from '../styles';\n\ninterface RequestLogProps {\n  entries: RequestLogEntry[];\n  onClear: () => void;\n}\n\nexport function RequestLog({ entries, onClear }: RequestLogProps) {\n  if (entries.length === 0) {\n    return <div style={STYLES.emptyState}>No requests logged yet</div>;\n  }\n\n  return (\n    <div>\n      <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: '8px' }}>\n        <span style={STYLES.label}>{entries.length} requests</span>\n        <button style={STYLES.button} onClick={onClear}>Clear</button>\n      </div>\n      <table style={STYLES.table}>\n        <thead>\n          <tr>\n            <th style={STYLES.th}>Service</th>\n            <th style={STYLES.th}>Method</th>\n            <th style={STYLES.th}>Status</th>\n            <th style={STYLES.th}>Time</th>\n          </tr>\n        </thead>\n        <tbody>\n          {entries.map(entry => (\n            <tr key={entry.id}>\n              <td style={STYLES.td}>{entry.service}</td>\n              <td style={STYLES.td}>{entry.method}</td>\n              <td style={STYLES.td}>\n                <span\n                  style={{\n                    ...STYLES.badge,\n                    ...(entry.error ? STYLES.badgeError : STYLES.badgeSuccess),\n                  }}\n                >\n                  {entry.error ? 'ERR' : 'OK'}\n                </span>\n              </td>\n              <td style={STYLES.td}>{entry.duration}ms</td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n","import React, { useState } from 'react';\nimport { STYLES } from '../styles';\n\ninterface SeedManagerProps {\n  client: any;\n}\n\nexport function SeedManager({ client }: SeedManagerProps) {\n  const [resetting, setResetting] = useState(false);\n\n  const serviceNames = Object.keys(client).filter(\n    k => k !== 'auth' && client[k] && typeof client[k].list === 'function',\n  );\n\n  const handleReset = async (name: string) => {\n    setResetting(true);\n    try {\n      // Check if the driver has a clear method (LocalDriver only)\n      const service = client[name];\n      if (service?.driver?.clear) {\n        service.driver.clear(name);\n      }\n    } finally {\n      setResetting(false);\n    }\n  };\n\n  if (serviceNames.length === 0) {\n    return <div style={STYLES.emptyState}>No services registered</div>;\n  }\n\n  return (\n    <div>\n      <div style={{ ...STYLES.label, marginBottom: '12px' }}>\n        Reset seed data for individual resources (LocalDriver only)\n      </div>\n      {serviceNames.map(name => (\n        <div key={name} style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: '8px' }}>\n          <span>{name}</span>\n          <button\n            style={{ ...STYLES.button, ...STYLES.buttonDanger }}\n            onClick={() => handleReset(name)}\n            disabled={resetting}\n          >\n            Reset\n          </button>\n        </div>\n      ))}\n    </div>\n  );\n}\n","import React, { useState, useEffect, useCallback } from 'react';\nimport type { PanelTab, DevtoolsConfig } from './types';\nimport { createRequestLogger, type RequestLogger } from './request-logger';\nimport { DataInspector } from './panels/data-inspector';\nimport { AuthInspector } from './panels/auth-inspector';\nimport { RequestLog } from './panels/request-log';\nimport { SeedManager } from './panels/seed-manager';\nimport { STYLES } from './styles';\n\ninterface FauxbaseDevtoolsProps {\n  client: any;\n  config?: DevtoolsConfig;\n}\n\nconst TABS: { key: PanelTab; label: string }[] = [\n  { key: 'data', label: 'Data' },\n  { key: 'auth', label: 'Auth' },\n  { key: 'requests', label: 'Requests' },\n  { key: 'seeds', label: 'Seeds' },\n];\n\nexport function FauxbaseDevtools({ client, config = {} }: FauxbaseDevtoolsProps) {\n  const [open, setOpen] = useState(config.defaultOpen ?? false);\n  const [activeTab, setActiveTab] = useState<PanelTab>('data');\n  const [logger] = useState<RequestLogger>(() => createRequestLogger(config.maxLogEntries ?? 100));\n  const [, setTick] = useState(0);\n\n  // Subscribe to logger updates for re-render\n  useEffect(() => {\n    return logger.subscribe(() => setTick(t => t + 1));\n  }, [logger]);\n\n  // Wrap services with proxy logger\n  const [wrappedClient] = useState(() => {\n    const wrapped = { ...client };\n    for (const [name, service] of Object.entries(client)) {\n      if (name !== 'auth' && service && typeof (service as any).list === 'function') {\n        wrapped[name] = logger.wrapService(service as object, name);\n      }\n    }\n    return wrapped;\n  });\n\n  const position = config.position ?? 'bottom-right';\n  const isLeft = position === 'bottom-left';\n\n  const containerStyle = {\n    ...STYLES.container,\n    ...(isLeft ? STYLES.containerLeft : {}),\n  };\n\n  if (!open) {\n    return (\n      <div style={containerStyle} data-testid=\"fauxbase-devtools\">\n        <button\n          style={STYLES.toggleButton}\n          onClick={() => setOpen(true)}\n          aria-label=\"Open Fauxbase DevTools\"\n          data-testid=\"devtools-toggle\"\n        >\n          {'{ }'}\n        </button>\n      </div>\n    );\n  }\n\n  return (\n    <div style={containerStyle} data-testid=\"fauxbase-devtools\">\n      <div style={STYLES.panel}>\n        <div style={STYLES.tabBar}>\n          {TABS.map(tab => (\n            <button\n              key={tab.key}\n              style={{\n                ...STYLES.tab,\n                ...(activeTab === tab.key ? STYLES.tabActive : {}),\n              }}\n              onClick={() => setActiveTab(tab.key)}\n              data-testid={`tab-${tab.key}`}\n            >\n              {tab.label}\n            </button>\n          ))}\n          <button\n            style={{ ...STYLES.tab, marginLeft: 'auto' }}\n            onClick={() => setOpen(false)}\n            aria-label=\"Close DevTools\"\n            data-testid=\"devtools-close\"\n          >\n            x\n          </button>\n        </div>\n        <div style={STYLES.panelContent}>\n          {activeTab === 'data' && <DataInspector client={wrappedClient} />}\n          {activeTab === 'auth' && <AuthInspector client={client} />}\n          {activeTab === 'requests' && (\n            <RequestLog\n              entries={logger.getEntries()}\n              onClear={() => logger.clear()}\n            />\n          )}\n          {activeTab === 'seeds' && <SeedManager client={client} />}\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "fauxbase-devtools",
+  "version": "0.4.0",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "fauxbase": ">=0.4.0"
+  },
+  "devDependencies": {
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "@types/react": "^18.3.0",
+    "@types/react-dom": "^18.3.0",
+    "@testing-library/react": "^16.0.0",
+    "fauxbase": "workspace:*",
+    "jsdom": "^25.0.0",
+    "tsup": "^8.0.0",
+    "vitest": "^3.0.0",
+    "@vitest/coverage-v8": "^3.0.0",
+    "typescript": "^5.7.0"
+  }
+}