@shiftbloom-studio/symphony-state 0.0.0

package/dist/adapters/url.js

@@ -0,0 +1,37 @@
+// src/adapters/url.ts
+var defaultGetParams = () => {
+  if (typeof window === "undefined") {
+    return new URLSearchParams();
+  }
+  return new URLSearchParams(window.location.search);
+};
+var defaultSetParams = (params) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const url = `${window.location.pathname}?${params.toString()}${window.location.hash}`;
+  window.history.replaceState({}, "", url);
+};
+var defaultSubscribe = (cb) => {
+  if (typeof window === "undefined") {
+    return () => void 0;
+  }
+  const handler = () => cb();
+  window.addEventListener("popstate", handler);
+  return () => window.removeEventListener("popstate", handler);
+};
+var createUrlParamsAdapter = (options) => {
+  const getParams = options.getSearchParams ?? defaultGetParams;
+  const setParams = options.setSearchParams ?? defaultSetParams;
+  const subscribe = options.subscribe ?? defaultSubscribe;
+  return {
+    kind: options.kind ?? "url",
+    get: () => options.parse(getParams()),
+    set: (next) => setParams(options.serialize(next)),
+    subscribe
+  };
+};
+
+export { createUrlParamsAdapter };
+//# sourceMappingURL=url.js.map
+//# sourceMappingURL=url.js.map

package/dist/adapters/url.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/adapters/url.ts"],"names":[],"mappings":";AAWA,IAAM,mBAAmB,MAAM;AAC7B,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,IAAA,OAAO,IAAI,eAAA,EAAgB;AAAA,EAC7B;AACA,EAAA,OAAO,IAAI,eAAA,CAAgB,MAAA,CAAO,QAAA,CAAS,MAAM,CAAA;AACnD,CAAA;AAEA,IAAM,gBAAA,GAAmB,CAAC,MAAA,KAA4B;AACpD,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,IAAA;AAAA,EACF;AACA,EAAA,MAAM,GAAA,GAAM,CAAA,EAAG,MAAA,CAAO,QAAA,CAAS,QAAQ,CAAA,CAAA,EAAI,MAAA,CAAO,QAAA,EAAU,CAAA,EAAG,MAAA,CAAO,QAAA,CAAS,IAAI,CAAA,CAAA;AACnF,EAAA,MAAA,CAAO,OAAA,CAAQ,YAAA,CAAa,EAAC,EAAG,IAAI,GAAG,CAAA;AACzC,CAAA;AAEA,IAAM,gBAAA,GAAmB,CAAC,EAAA,KAAgC;AACxD,EAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACjC,IAAA,OAAO,MAAM,MAAA;AAAA,EACf;AACA,EAAA,MAAM,OAAA,GAAU,MAAM,EAAA,EAAG;AACzB,EAAA,MAAA,CAAO,gBAAA,CAAiB,YAAY,OAAO,CAAA;AAC3C,EAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,UAAA,EAAY,OAAO,CAAA;AAC7D,CAAA;AAEO,IAAM,sBAAA,GAAyB,CACpC,OAAA,KACqB;AACrB,EAAA,MAAM,SAAA,GAAY,QAAQ,eAAA,IAAmB,gBAAA;AAC7C,EAAA,MAAM,SAAA,GAAY,QAAQ,eAAA,IAAmB,gBAAA;AAC7C,EAAA,MAAM,SAAA,GAAY,QAAQ,SAAA,IAAa,gBAAA;AAEvC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,QAAQ,IAAA,IAAQ,KAAA;AAAA,IACtB,GAAA,EAAK,MAAM,OAAA,CAAQ,KAAA,CAAM,WAAW,CAAA;AAAA,IACpC,KAAK,CAAC,IAAA,KAAS,UAAU,OAAA,CAAQ,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,IAChD;AAAA,GACF;AACF","file":"url.js","sourcesContent":["import type { SourceAdapter, Subscriber, Unsubscribe } from \"../core/types\";\n\nexport type UrlAdapterOptions<T> = {\n  parse: (params: URLSearchParams) => T;\n  serialize: (value: T) => URLSearchParams;\n  getSearchParams?: () => URLSearchParams;\n  setSearchParams?: (params: URLSearchParams) => void;\n  subscribe?: (cb: Subscriber) => Unsubscribe;\n  kind?: string;\n};\n\nconst defaultGetParams = () => {\n  if (typeof window === \"undefined\") {\n    return new URLSearchParams();\n  }\n  return new URLSearchParams(window.location.search);\n};\n\nconst defaultSetParams = (params: URLSearchParams) => {\n  if (typeof window === \"undefined\") {\n    return;\n  }\n  const url = `${window.location.pathname}?${params.toString()}${window.location.hash}`;\n  window.history.replaceState({}, \"\", url);\n};\n\nconst defaultSubscribe = (cb: Subscriber): Unsubscribe => {\n  if (typeof window === \"undefined\") {\n    return () => undefined;\n  }\n  const handler = () => cb();\n  window.addEventListener(\"popstate\", handler);\n  return () => window.removeEventListener(\"popstate\", handler);\n};\n\nexport const createUrlParamsAdapter = <T>(\n  options: UrlAdapterOptions<T>\n): SourceAdapter<T> => {\n  const getParams = options.getSearchParams ?? defaultGetParams;\n  const setParams = options.setSearchParams ?? defaultSetParams;\n  const subscribe = options.subscribe ?? defaultSubscribe;\n\n  return {\n    kind: options.kind ?? \"url\",\n    get: () => options.parse(getParams()),\n    set: (next) => setParams(options.serialize(next)),\n    subscribe\n  };\n};\n"]}

package/dist/adapters/zustand.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+// src/adapters/zustand.ts
+var createZustandAdapter = (store) => {
+  return {
+    kind: "zustand",
+    get: store.getState,
+    set: (next) => store.setState(next, true),
+    patch: (partial) => store.setState(partial, false),
+    subscribe: (cb) => store.subscribe(() => cb())
+  };
+};
+
+exports.createZustandAdapter = createZustandAdapter;
+//# sourceMappingURL=zustand.cjs.map
+//# sourceMappingURL=zustand.cjs.map

package/dist/adapters/zustand.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/adapters/zustand.ts"],"names":[],"mappings":";;;AAQO,IAAM,oBAAA,GAAuB,CAAI,KAAA,KAA6C;AACnF,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,KAAK,KAAA,CAAM,QAAA;AAAA,IACX,KAAK,CAAC,IAAA,KAAS,KAAA,CAAM,QAAA,CAAS,MAAM,IAAI,CAAA;AAAA,IACxC,OAAO,CAAC,OAAA,KAAY,KAAA,CAAM,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,IACjD,WAAW,CAAC,EAAA,KAAmB,MAAM,SAAA,CAAU,MAAM,IAAI;AAAA,GAC3D;AACF","file":"zustand.cjs","sourcesContent":["import type { SourceAdapter, Subscriber, Unsubscribe } from \"../core/types\";\n\nexport type ZustandStore<T> = {\n  getState: () => T;\n  setState: (next: T | Partial<T>, replace?: boolean) => void;\n  subscribe: (listener: (state: T, prevState: T) => void) => Unsubscribe;\n};\n\nexport const createZustandAdapter = <T>(store: ZustandStore<T>): SourceAdapter<T> => {\n  return {\n    kind: \"zustand\",\n    get: store.getState,\n    set: (next) => store.setState(next, true),\n    patch: (partial) => store.setState(partial, false),\n    subscribe: (cb: Subscriber) => store.subscribe(() => cb())\n  };\n};\n"]}

package/dist/adapters/zustand.d.cts

@@ -0,0 +1,10 @@
+import { U as Unsubscribe, d as SourceAdapter } from '../types-B1uzdpYH.cjs';
+
+type ZustandStore<T> = {
+    getState: () => T;
+    setState: (next: T | Partial<T>, replace?: boolean) => void;
+    subscribe: (listener: (state: T, prevState: T) => void) => Unsubscribe;
+};
+declare const createZustandAdapter: <T>(store: ZustandStore<T>) => SourceAdapter<T>;
+
+export { type ZustandStore, createZustandAdapter };

package/dist/adapters/zustand.d.ts

@@ -0,0 +1,10 @@
+import { U as Unsubscribe, d as SourceAdapter } from '../types-B1uzdpYH.js';
+
+type ZustandStore<T> = {
+    getState: () => T;
+    setState: (next: T | Partial<T>, replace?: boolean) => void;
+    subscribe: (listener: (state: T, prevState: T) => void) => Unsubscribe;
+};
+declare const createZustandAdapter: <T>(store: ZustandStore<T>) => SourceAdapter<T>;
+
+export { type ZustandStore, createZustandAdapter };

package/dist/adapters/zustand.js

@@ -0,0 +1,14 @@
+// src/adapters/zustand.ts
+var createZustandAdapter = (store) => {
+  return {
+    kind: "zustand",
+    get: store.getState,
+    set: (next) => store.setState(next, true),
+    patch: (partial) => store.setState(partial, false),
+    subscribe: (cb) => store.subscribe(() => cb())
+  };
+};
+
+export { createZustandAdapter };
+//# sourceMappingURL=zustand.js.map
+//# sourceMappingURL=zustand.js.map

package/dist/adapters/zustand.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/adapters/zustand.ts"],"names":[],"mappings":";AAQO,IAAM,oBAAA,GAAuB,CAAI,KAAA,KAA6C;AACnF,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,SAAA;AAAA,IACN,KAAK,KAAA,CAAM,QAAA;AAAA,IACX,KAAK,CAAC,IAAA,KAAS,KAAA,CAAM,QAAA,CAAS,MAAM,IAAI,CAAA;AAAA,IACxC,OAAO,CAAC,OAAA,KAAY,KAAA,CAAM,QAAA,CAAS,SAAS,KAAK,CAAA;AAAA,IACjD,WAAW,CAAC,EAAA,KAAmB,MAAM,SAAA,CAAU,MAAM,IAAI;AAAA,GAC3D;AACF","file":"zustand.js","sourcesContent":["import type { SourceAdapter, Subscriber, Unsubscribe } from \"../core/types\";\n\nexport type ZustandStore<T> = {\n  getState: () => T;\n  setState: (next: T | Partial<T>, replace?: boolean) => void;\n  subscribe: (listener: (state: T, prevState: T) => void) => Unsubscribe;\n};\n\nexport const createZustandAdapter = <T>(store: ZustandStore<T>): SourceAdapter<T> => {\n  return {\n    kind: \"zustand\",\n    get: store.getState,\n    set: (next) => store.setState(next, true),\n    patch: (partial) => store.setState(partial, false),\n    subscribe: (cb: Subscriber) => store.subscribe(() => cb())\n  };\n};\n"]}

package/dist/devtools.cjs

@@ -0,0 +1,159 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/devtools/SymphonyDevTools.tsx
+var SymphonyContext = react.createContext(null);
+var useConductor = () => {
+  const conductor = react.useContext(SymphonyContext);
+  if (!conductor) {
+    throw new Error("SymphonyProvider is missing in the React tree.");
+  }
+  return conductor;
+};
+var truncate = (value, limit = 120) => {
+  const json = JSON.stringify(value);
+  if (!json) {
+    return String(value);
+  }
+  if (json.length <= limit) {
+    return json;
+  }
+  return `${json.slice(0, limit)}\u2026`;
+};
+var SymphonyDevTools = ({
+  maxTransactions = 10,
+  redact
+}) => {
+  if (process.env.NODE_ENV === "production") {
+    return null;
+  }
+  const conductor = useConductor();
+  const [paused, setPaused] = react.useState(false);
+  const lastSnapshotRef = react.useRef(conductor.getSnapshot());
+  const subscribe = react.useCallback(
+    (cb) => {
+      const keys = Object.keys(conductor.getSnapshot().sections);
+      const unsubs = keys.map((key) => conductor.subscribe(key, cb));
+      return () => {
+        unsubs.forEach((unsub) => unsub());
+      };
+    },
+    [conductor]
+  );
+  const getSnapshot = react.useCallback(() => conductor.getSnapshot(), [conductor]);
+  const snapshot = react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const displaySnapshot = react.useMemo(() => {
+    if (!paused) {
+      lastSnapshotRef.current = snapshot;
+    }
+    return lastSnapshotRef.current;
+  }, [paused, snapshot]);
+  const sectionEntries = Object.entries(displaySnapshot.sections).map(
+    ([key, value]) => ({
+      key,
+      value: redact ? redact(value, key) : value
+    })
+  );
+  const exportSnapshot = () => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const blob = new Blob([JSON.stringify(displaySnapshot, null, 2)], {
+      type: "application/json"
+    });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = url;
+    anchor.download = "symphony-snapshot.json";
+    anchor.click();
+    URL.revokeObjectURL(url);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        right: 16,
+        bottom: 16,
+        width: 320,
+        maxHeight: 420,
+        overflow: "auto",
+        fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+        background: "var(--symphony-devtools-bg, #101114)",
+        color: "var(--symphony-devtools-fg, #e6e8ef)",
+        border: "1px solid var(--symphony-devtools-border, #2a2d35)",
+        borderRadius: 8,
+        padding: 12,
+        zIndex: 9999
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Symphony DevTools" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPaused((prev) => !prev),
+              style: {
+                fontSize: 12,
+                background: "transparent",
+                color: "inherit",
+                border: "1px solid currentColor",
+                borderRadius: 4,
+                padding: "2px 6px",
+                cursor: "pointer"
+              },
+              children: paused ? "Resume" : "Pause"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Sections" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: exportSnapshot,
+                style: {
+                  fontSize: 12,
+                  background: "transparent",
+                  color: "inherit",
+                  border: "1px solid currentColor",
+                  borderRadius: 4,
+                  padding: "2px 6px",
+                  cursor: "pointer"
+                },
+                children: "Export"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { listStyle: "none", padding: 0, margin: "8px 0 0" }, children: sectionEntries.map(({ key, value }) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: { marginBottom: 6 }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600 }, children: key }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, opacity: 0.8 }, children: truncate(value) })
+          ] }, key)) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("section", { style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Transactions" }),
+          /* @__PURE__ */ jsxRuntime.jsx("ul", { style: { listStyle: "none", padding: 0, margin: "8px 0 0" }, children: displaySnapshot.transactions.slice(0, maxTransactions).map((tx) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              style: { marginBottom: 6 },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontWeight: 600 }, children: tx.label ?? "transaction" }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { fontSize: 12, opacity: 0.8 }, children: tx.touched.join(", ") })
+              ]
+            },
+            `${tx.timestamp}-${tx.label ?? "tx"}`
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+
+exports.SymphonyDevTools = SymphonyDevTools;
+//# sourceMappingURL=devtools.cjs.map
+//# sourceMappingURL=devtools.cjs.map

package/dist/devtools.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/SymphonyProvider.tsx","../src/devtools/SymphonyDevTools.tsx"],"names":["createContext","useContext","useState","useRef","useCallback","useSyncExternalStore","useMemo","jsxs","jsx"],"mappings":"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","file":"devtools.cjs","sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { Conductor } from \"../core/types\";\n\nconst SymphonyContext = createContext<Conductor | null>(null);\n\nexport type SymphonyProviderProps = {\n  conductor: Conductor;\n  children: React.ReactNode;\n};\n\nexport const SymphonyProvider = ({ conductor, children }: SymphonyProviderProps) => {\n  return (\n    <SymphonyContext.Provider value={conductor}>\n      {children}\n    </SymphonyContext.Provider>\n  );\n};\n\nexport const useConductor = () => {\n  const conductor = useContext(SymphonyContext);\n  if (!conductor) {\n    throw new Error(\"SymphonyProvider is missing in the React tree.\");\n  }\n  return conductor;\n};\n","import React, { useCallback, useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useConductor } from \"../react/SymphonyProvider\";\n\nconst truncate = (value: unknown, limit = 120) => {\n  const json = JSON.stringify(value);\n  if (!json) {\n    return String(value);\n  }\n  if (json.length <= limit) {\n    return json;\n  }\n  return `${json.slice(0, limit)}…`;\n};\n\nexport type SymphonyDevToolsProps = {\n  maxTransactions?: number;\n  redact?: (value: unknown, key: string) => unknown;\n};\n\nexport const SymphonyDevTools = ({\n  maxTransactions = 10,\n  redact\n}: SymphonyDevToolsProps) => {\n  if (process.env.NODE_ENV === \"production\") {\n    return null;\n  }\n  const conductor = useConductor();\n  const [paused, setPaused] = useState(false);\n  const lastSnapshotRef = useRef(conductor.getSnapshot());\n\n  const subscribe = useCallback(\n    (cb: () => void) => {\n      const keys = Object.keys(conductor.getSnapshot().sections);\n      const unsubs = keys.map((key) => conductor.subscribe(key, cb));\n      return () => {\n        unsubs.forEach((unsub) => unsub());\n      };\n    },\n    [conductor]\n  );\n\n  const getSnapshot = useCallback(() => conductor.getSnapshot(), [conductor]);\n\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  const displaySnapshot = useMemo(() => {\n    if (!paused) {\n      lastSnapshotRef.current = snapshot;\n    }\n    return lastSnapshotRef.current;\n  }, [paused, snapshot]);\n\n  const sectionEntries = Object.entries(displaySnapshot.sections).map(\n    ([key, value]) => ({\n      key,\n      value: redact ? redact(value, key) : value\n    })\n  );\n\n  const exportSnapshot = () => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const blob = new Blob([JSON.stringify(displaySnapshot, null, 2)], {\n      type: \"application/json\"\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement(\"a\");\n    anchor.href = url;\n    anchor.download = \"symphony-snapshot.json\";\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  return (\n    <div\n      style={{\n        position: \"fixed\",\n        right: 16,\n        bottom: 16,\n        width: 320,\n        maxHeight: 420,\n        overflow: \"auto\",\n        fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n        background: \"var(--symphony-devtools-bg, #101114)\",\n        color: \"var(--symphony-devtools-fg, #e6e8ef)\",\n        border: \"1px solid var(--symphony-devtools-border, #2a2d35)\",\n        borderRadius: 8,\n        padding: 12,\n        zIndex: 9999\n      }}\n    >\n      <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n        <strong>Symphony DevTools</strong>\n        <button\n          type=\"button\"\n          onClick={() => setPaused((prev) => !prev)}\n          style={{\n            fontSize: 12,\n            background: \"transparent\",\n            color: \"inherit\",\n            border: \"1px solid currentColor\",\n            borderRadius: 4,\n            padding: \"2px 6px\",\n            cursor: \"pointer\"\n          }}\n        >\n          {paused ? \"Resume\" : \"Pause\"}\n        </button>\n      </div>\n\n      <section style={{ marginTop: 12 }}>\n        <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n          <strong>Sections</strong>\n          <button\n            type=\"button\"\n            onClick={exportSnapshot}\n            style={{\n              fontSize: 12,\n              background: \"transparent\",\n              color: \"inherit\",\n              border: \"1px solid currentColor\",\n              borderRadius: 4,\n              padding: \"2px 6px\",\n              cursor: \"pointer\"\n            }}\n          >\n            Export\n          </button>\n        </div>\n        <ul style={{ listStyle: \"none\", padding: 0, margin: \"8px 0 0\" }}>\n          {sectionEntries.map(({ key, value }) => (\n            <li key={key} style={{ marginBottom: 6 }}>\n              <div style={{ fontWeight: 600 }}>{key}</div>\n              <div style={{ fontSize: 12, opacity: 0.8 }}>\n                {truncate(value)}\n              </div>\n            </li>\n          ))}\n        </ul>\n      </section>\n\n      <section style={{ marginTop: 12 }}>\n        <strong>Transactions</strong>\n        <ul style={{ listStyle: \"none\", padding: 0, margin: \"8px 0 0\" }}>\n          {displaySnapshot.transactions.slice(0, maxTransactions).map((tx) => (\n            <li key={`${tx.timestamp}-${tx.label ?? \"tx\"}`}\n              style={{ marginBottom: 6 }}\n            >\n              <div style={{ fontWeight: 600 }}>\n                {tx.label ?? \"transaction\"}\n              </div>\n              <div style={{ fontSize: 12, opacity: 0.8 }}>\n                {tx.touched.join(\", \")}\n              </div>\n            </li>\n          ))}\n        </ul>\n      </section>\n    </div>\n  );\n};\n"]}

package/dist/devtools.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SymphonyDevToolsProps = {
+    maxTransactions?: number;
+    redact?: (value: unknown, key: string) => unknown;
+};
+declare const SymphonyDevTools: ({ maxTransactions, redact }: SymphonyDevToolsProps) => react_jsx_runtime.JSX.Element | null;
+
+export { SymphonyDevTools, type SymphonyDevToolsProps };

package/dist/devtools.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SymphonyDevToolsProps = {
+    maxTransactions?: number;
+    redact?: (value: unknown, key: string) => unknown;
+};
+declare const SymphonyDevTools: ({ maxTransactions, redact }: SymphonyDevToolsProps) => react_jsx_runtime.JSX.Element | null;
+
+export { SymphonyDevTools, type SymphonyDevToolsProps };

package/dist/devtools.js

@@ -0,0 +1,157 @@
+import { createContext, useState, useRef, useCallback, useSyncExternalStore, useMemo, useContext } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/devtools/SymphonyDevTools.tsx
+var SymphonyContext = createContext(null);
+var useConductor = () => {
+  const conductor = useContext(SymphonyContext);
+  if (!conductor) {
+    throw new Error("SymphonyProvider is missing in the React tree.");
+  }
+  return conductor;
+};
+var truncate = (value, limit = 120) => {
+  const json = JSON.stringify(value);
+  if (!json) {
+    return String(value);
+  }
+  if (json.length <= limit) {
+    return json;
+  }
+  return `${json.slice(0, limit)}\u2026`;
+};
+var SymphonyDevTools = ({
+  maxTransactions = 10,
+  redact
+}) => {
+  if (process.env.NODE_ENV === "production") {
+    return null;
+  }
+  const conductor = useConductor();
+  const [paused, setPaused] = useState(false);
+  const lastSnapshotRef = useRef(conductor.getSnapshot());
+  const subscribe = useCallback(
+    (cb) => {
+      const keys = Object.keys(conductor.getSnapshot().sections);
+      const unsubs = keys.map((key) => conductor.subscribe(key, cb));
+      return () => {
+        unsubs.forEach((unsub) => unsub());
+      };
+    },
+    [conductor]
+  );
+  const getSnapshot = useCallback(() => conductor.getSnapshot(), [conductor]);
+  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const displaySnapshot = useMemo(() => {
+    if (!paused) {
+      lastSnapshotRef.current = snapshot;
+    }
+    return lastSnapshotRef.current;
+  }, [paused, snapshot]);
+  const sectionEntries = Object.entries(displaySnapshot.sections).map(
+    ([key, value]) => ({
+      key,
+      value: redact ? redact(value, key) : value
+    })
+  );
+  const exportSnapshot = () => {
+    if (typeof window === "undefined") {
+      return;
+    }
+    const blob = new Blob([JSON.stringify(displaySnapshot, null, 2)], {
+      type: "application/json"
+    });
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = url;
+    anchor.download = "symphony-snapshot.json";
+    anchor.click();
+    URL.revokeObjectURL(url);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        right: 16,
+        bottom: 16,
+        width: 320,
+        maxHeight: 420,
+        overflow: "auto",
+        fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+        background: "var(--symphony-devtools-bg, #101114)",
+        color: "var(--symphony-devtools-fg, #e6e8ef)",
+        border: "1px solid var(--symphony-devtools-border, #2a2d35)",
+        borderRadius: 8,
+        padding: 12,
+        zIndex: 9999
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsx("strong", { children: "Symphony DevTools" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setPaused((prev) => !prev),
+              style: {
+                fontSize: 12,
+                background: "transparent",
+                color: "inherit",
+                border: "1px solid currentColor",
+                borderRadius: 4,
+                padding: "2px 6px",
+                cursor: "pointer"
+              },
+              children: paused ? "Resume" : "Pause"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("section", { style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsx("strong", { children: "Sections" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: exportSnapshot,
+                style: {
+                  fontSize: 12,
+                  background: "transparent",
+                  color: "inherit",
+                  border: "1px solid currentColor",
+                  borderRadius: 4,
+                  padding: "2px 6px",
+                  cursor: "pointer"
+                },
+                children: "Export"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: "8px 0 0" }, children: sectionEntries.map(({ key, value }) => /* @__PURE__ */ jsxs("li", { style: { marginBottom: 6 }, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontWeight: 600 }, children: key }),
+            /* @__PURE__ */ jsx("div", { style: { fontSize: 12, opacity: 0.8 }, children: truncate(value) })
+          ] }, key)) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { style: { marginTop: 12 }, children: [
+          /* @__PURE__ */ jsx("strong", { children: "Transactions" }),
+          /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: "8px 0 0" }, children: displaySnapshot.transactions.slice(0, maxTransactions).map((tx) => /* @__PURE__ */ jsxs(
+            "li",
+            {
+              style: { marginBottom: 6 },
+              children: [
+                /* @__PURE__ */ jsx("div", { style: { fontWeight: 600 }, children: tx.label ?? "transaction" }),
+                /* @__PURE__ */ jsx("div", { style: { fontSize: 12, opacity: 0.8 }, children: tx.touched.join(", ") })
+              ]
+            },
+            `${tx.timestamp}-${tx.label ?? "tx"}`
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+
+export { SymphonyDevTools };
+//# sourceMappingURL=devtools.js.map
+//# sourceMappingURL=devtools.js.map

package/dist/devtools.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react/SymphonyProvider.tsx","../src/devtools/SymphonyDevTools.tsx"],"names":["jsx"],"mappings":"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","file":"devtools.js","sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport type { Conductor } from \"../core/types\";\n\nconst SymphonyContext = createContext<Conductor | null>(null);\n\nexport type SymphonyProviderProps = {\n  conductor: Conductor;\n  children: React.ReactNode;\n};\n\nexport const SymphonyProvider = ({ conductor, children }: SymphonyProviderProps) => {\n  return (\n    <SymphonyContext.Provider value={conductor}>\n      {children}\n    </SymphonyContext.Provider>\n  );\n};\n\nexport const useConductor = () => {\n  const conductor = useContext(SymphonyContext);\n  if (!conductor) {\n    throw new Error(\"SymphonyProvider is missing in the React tree.\");\n  }\n  return conductor;\n};\n","import React, { useCallback, useMemo, useRef, useState, useSyncExternalStore } from \"react\";\nimport { useConductor } from \"../react/SymphonyProvider\";\n\nconst truncate = (value: unknown, limit = 120) => {\n  const json = JSON.stringify(value);\n  if (!json) {\n    return String(value);\n  }\n  if (json.length <= limit) {\n    return json;\n  }\n  return `${json.slice(0, limit)}…`;\n};\n\nexport type SymphonyDevToolsProps = {\n  maxTransactions?: number;\n  redact?: (value: unknown, key: string) => unknown;\n};\n\nexport const SymphonyDevTools = ({\n  maxTransactions = 10,\n  redact\n}: SymphonyDevToolsProps) => {\n  if (process.env.NODE_ENV === \"production\") {\n    return null;\n  }\n  const conductor = useConductor();\n  const [paused, setPaused] = useState(false);\n  const lastSnapshotRef = useRef(conductor.getSnapshot());\n\n  const subscribe = useCallback(\n    (cb: () => void) => {\n      const keys = Object.keys(conductor.getSnapshot().sections);\n      const unsubs = keys.map((key) => conductor.subscribe(key, cb));\n      return () => {\n        unsubs.forEach((unsub) => unsub());\n      };\n    },\n    [conductor]\n  );\n\n  const getSnapshot = useCallback(() => conductor.getSnapshot(), [conductor]);\n\n  const snapshot = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n\n  const displaySnapshot = useMemo(() => {\n    if (!paused) {\n      lastSnapshotRef.current = snapshot;\n    }\n    return lastSnapshotRef.current;\n  }, [paused, snapshot]);\n\n  const sectionEntries = Object.entries(displaySnapshot.sections).map(\n    ([key, value]) => ({\n      key,\n      value: redact ? redact(value, key) : value\n    })\n  );\n\n  const exportSnapshot = () => {\n    if (typeof window === \"undefined\") {\n      return;\n    }\n    const blob = new Blob([JSON.stringify(displaySnapshot, null, 2)], {\n      type: \"application/json\"\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement(\"a\");\n    anchor.href = url;\n    anchor.download = \"symphony-snapshot.json\";\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  return (\n    <div\n      style={{\n        position: \"fixed\",\n        right: 16,\n        bottom: 16,\n        width: 320,\n        maxHeight: 420,\n        overflow: \"auto\",\n        fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\",\n        background: \"var(--symphony-devtools-bg, #101114)\",\n        color: \"var(--symphony-devtools-fg, #e6e8ef)\",\n        border: \"1px solid var(--symphony-devtools-border, #2a2d35)\",\n        borderRadius: 8,\n        padding: 12,\n        zIndex: 9999\n      }}\n    >\n      <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n        <strong>Symphony DevTools</strong>\n        <button\n          type=\"button\"\n          onClick={() => setPaused((prev) => !prev)}\n          style={{\n            fontSize: 12,\n            background: \"transparent\",\n            color: \"inherit\",\n            border: \"1px solid currentColor\",\n            borderRadius: 4,\n            padding: \"2px 6px\",\n            cursor: \"pointer\"\n          }}\n        >\n          {paused ? \"Resume\" : \"Pause\"}\n        </button>\n      </div>\n\n      <section style={{ marginTop: 12 }}>\n        <div style={{ display: \"flex\", justifyContent: \"space-between\" }}>\n          <strong>Sections</strong>\n          <button\n            type=\"button\"\n            onClick={exportSnapshot}\n            style={{\n              fontSize: 12,\n              background: \"transparent\",\n              color: \"inherit\",\n              border: \"1px solid currentColor\",\n              borderRadius: 4,\n              padding: \"2px 6px\",\n              cursor: \"pointer\"\n            }}\n          >\n            Export\n          </button>\n        </div>\n        <ul style={{ listStyle: \"none\", padding: 0, margin: \"8px 0 0\" }}>\n          {sectionEntries.map(({ key, value }) => (\n            <li key={key} style={{ marginBottom: 6 }}>\n              <div style={{ fontWeight: 600 }}>{key}</div>\n              <div style={{ fontSize: 12, opacity: 0.8 }}>\n                {truncate(value)}\n              </div>\n            </li>\n          ))}\n        </ul>\n      </section>\n\n      <section style={{ marginTop: 12 }}>\n        <strong>Transactions</strong>\n        <ul style={{ listStyle: \"none\", padding: 0, margin: \"8px 0 0\" }}>\n          {displaySnapshot.transactions.slice(0, maxTransactions).map((tx) => (\n            <li key={`${tx.timestamp}-${tx.label ?? \"tx\"}`}\n              style={{ marginBottom: 6 }}\n            >\n              <div style={{ fontWeight: 600 }}>\n                {tx.label ?? \"transaction\"}\n              </div>\n              <div style={{ fontSize: 12, opacity: 0.8 }}>\n                {tx.touched.join(\", \")}\n              </div>\n            </li>\n          ))}\n        </ul>\n      </section>\n    </div>\n  );\n};\n"]}