feat(json): add support for Symbol serialization and deserialization

Author: StephanGerbeth

packages/operators/src/json.test.js

@@ -42,6 +42,8 @@ describe('log', () => {
       date: new Date(),
       url: new URL('https://example.com'),
       regexp: /\w/g,
+      globalSymbol: Symbol.for('foo'),
+      symbol: Symbol('bar'),
       image: readFile('./packages/operators/fixtures/images/test_image.jpg'),
       array: [
         Promise.resolve('hello world'),
@@ -66,5 +68,7 @@ describe('log', () => {
 
     const deserialized = await lastValueFrom(of(serialized).pipe(deserialize(reviver)));
     console.log('DESERIALIZED', deserialized);
+
+    console.log((await data).globalSymbol === deserialized.globalSymbol);
   });
 });

packages/operators/src/json/replacer.js

@@ -9,6 +9,8 @@ export const syncReplacer = [
   { validator: value => isDate(value), handler: value => value.toISOString() },
   { validator: value => isBigInt(value), handler: value => `${value.toString()}n` },
   { validator: value => isRegExp(value), handler: value => value.toString() },
+  { validator: value => isRegExp(value), handler: value => value.toString() },
+  { validator: value => isSymbol(value), handler: value => symbolToString(value) },
   { validator: () => true, handler: value => value }
 ];
 
@@ -19,3 +21,6 @@ const isURL = value => value?.constructor === URL;
 const isDate = value => value?.constructor === Date;
 const isBigInt = value => value?.constructor === BigInt;
 const isRegExp = value => value?.constructor === RegExp;
+const isSymbol = value => value?.constructor === Symbol;
+
+const symbolToString = value => `${Symbol.keyFor(value) && 'g'}${value.toString()}`;

packages/operators/src/json/reviver.js

@@ -9,6 +9,7 @@ export const syncReviver = [
   { validator: value => isValidISODateString(value), handler: value => new Date(value) },
   { validator: value => isBigInt(value), handler: value => BigInt(value.slice(0, -1)) },
   { validator: value => isRegExp(value), handler: value => regExpFromString(value) },
+  { validator: value => isSymbol(value), handler: value => symbolFromString(value) },
   { validator: () => true, handler: value => value }
 ];
 
@@ -24,11 +25,11 @@ const isValidISODateString = value => {
 };
 
 const isBigInt = value => value?.constructor === String && /^\d+n$/.test(value);
-
 const isRegExp = value => value?.constructor === String && /^\/.*\/[gimuy]*$/.test(value);
+const isSymbol = value => value?.constructor === String && /(\w?)Symbol\((\w+)\)/g.test(value);
 
-const regExpFromString = q => {
-  const match = q.match(/^\/(.*)\/([gimuy]*)$/);
+const regExpFromString = value => {
+  const match = value.match(/^\/(.*)\/([gimuy]*)$/);
   if (!match) return null;
   const [, pattern, flags] = match;
   try {
@@ -37,3 +38,11 @@ const regExpFromString = q => {
     return null;
   }
 };
+
+const symbolFromString = value => {
+  const { prefix, name } = /(?<prefix>\w?)Symbol\((?<name>\w+)\)/g.exec(value).groups;
+  if (prefix === 'g') {
+    return Symbol.for(name);
+  }
+  return Symbol(name);
+};