fix(reactotron-core-client): Fixes BigInt() serialization (#1437)

Closes #1436 with tests!

Link to community slack:
https://infiniteredcommunity.slack.com/archives/C42C5UKHV/p1707258028882889

Author: markrickert

.nxignore

@@ -1 +1,2 @@
-scripts/template
+scripts/template
+apps/example-app

lib/reactotron-core-client/src/serialize.ts

@@ -15,6 +15,21 @@ const INFINITY = "~~~ Infinity ~~~"
 const NEGATIVE_INFINITY = "~~~ -Infinity ~~~"
 // const NAN = '~~~ NaN ~~~'
 
+/**
+ * Fix BigInt serialization
+ * BigInts are not supported by JSON.stringify.  This is a workaround.
+ * https://github.com/GoogleChromeLabs/jsbi/issues/30#issuecomment-953187833
+ */
+declare global {
+  interface BigInt {
+    toJSON(): string
+  }
+}
+// eslint-disable-next-line no-extend-native
+BigInt.prototype.toJSON = function () {
+  return this.toString()
+}
+
 /**
  * Attempts to give a name to a function.
  *
@@ -98,7 +113,6 @@ function serialize(source, proxyHack = false) {
       return replacer == null ? value : replacer.call(this, key, value)
     }
   }
-
   return JSON.stringify(source, serializer(null))
 }
 

lib/reactotron-core-client/test/serialize.test.ts

@@ -16,6 +16,18 @@ test("serializes arrays", () => {
   expect(actual).toEqual(expected)
 })
 
+test("serializes BigInts", () => {
+  const mock = {
+    x: [BigInt(1), BigInt(2), BigInt(3)],
+    // eslint-disable-next-line @typescript-eslint/no-loss-of-precision, no-loss-of-precision
+    y: [BigInt(12345678901234567890), BigInt(2345434553442342345235243234)],
+  }
+  const actual = serialize(mock)
+  const expected = `{"x":["1","2","3"],"y":["12345678901234567168","2345434553442342324832043008"]}`
+
+  expect(actual).toEqual(expected)
+})
+
 test("serializes nested objects", () => {
   const mock = { x: { y: 1 } }
   const actual = serialize(mock)
@@ -49,6 +61,7 @@ test("medium sized funk", () => {
   }
   mockPayload.fn = hello
   mockPayload.anonymous = () => {}
+  mockPayload.bigInt = BigInt(1212)
 
   const actual = JSON.parse(serialize(mockPayload))
   expect(actual.string).toBe("String")
@@ -62,4 +75,5 @@ test("medium sized funk", () => {
   expect(actual.list[4]).toEqual({ foo: { x: 1 }, bar: "~~~ Circular Reference ~~~" })
   expect(actual.fn).toBe("~~~ hello() ~~~")
   expect(actual.anonymous).toBe("~~~ anonymous function ~~~")
+  expect(actual.bigInt).toBe("1212")
 })