added external serializer

salvoravida · Sep 1, 2022 · 884692d · 884692d
1 parent c24aa4d
commit 884692d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/packages/recoil-toolkit/package.json b/packages/recoil-toolkit/package.json
@@ -1,6 +1,6 @@
 {
    "name": "recoil-toolkit",
-   "version": "0.2.9",
+   "version": "0.2.10",
    "description": "recoil-toolkit",
    "main": "./build/es5/index.js",
    "module": "./build/es6/index.js",

diff --git a/packages/recoil-toolkit/src/devtools/RecoilDevTools.tsx b/packages/recoil-toolkit/src/devtools/RecoilDevTools.tsx
@@ -3,7 +3,7 @@ import { useRecoilSnapshot } from 'recoil';
 import { RecoilToolkitDevTools } from './consts';
 import { getSnapshotState } from './getSnapshotState';
 
-const stringifyCircularJSON = obj => {
+/*const stringifyCircularJSON = obj => {
    const seen = new WeakSet();
    return JSON.stringify(obj, (k, v) => {
       if (v !== null && typeof v === 'object') {
@@ -12,12 +12,13 @@ const stringifyCircularJSON = obj => {
       }
       return v;
    });
-};
+};*/
 
-export const RecoilDevTools: React.FC<{ enableConsole?: boolean; forceSerialize?: boolean }> = ({
-   enableConsole,
-   forceSerialize,
-}) => {
+export const RecoilDevTools: React.FC<{
+   enableConsole?: boolean;
+   forceSerialize?: boolean;
+   serializer?: (obj: any) => string;
+}> = ({ enableConsole, forceSerialize, serializer }) => {
    const snapshot = useRecoilSnapshot();
 
    useEffect(() => {
@@ -33,7 +34,9 @@ export const RecoilDevTools: React.FC<{ enableConsole?: boolean; forceSerialize?
       window.postMessage(
          {
             type: RecoilToolkitDevTools.eventMessageFromPage,
-            data: forceSerialize ? JSON.parse(stringifyCircularJSON(snapState)) : snapState,
+            data: forceSerialize
+               ? JSON.parse(serializer ? serializer(snapState) : JSON.stringify(snapState))
+               : snapState,
          },
          '*',
       );