Merge pull request #225 from kaleido-io/large-nums-as-strings

Large nums as strings

package.json

@@ -16,6 +16,7 @@
     "dagre": "^0.8.5",
     "dayjs": "^1.11.1",
     "i18next": "^21.6.16",
+    "lossless-json": "^4.0.2",
     "pretty-bytes": "^6.0.0",
     "react": "^17.0.2",
     "react-copy-to-clipboard": "^5.1.0",
@@ -60,6 +61,7 @@
   },
   "devDependencies": {
     "@types/jest": "^27.4.1",
+    "@types/lossless-json": "^1.0.4",
     "@types/node": "^17.0.25",
     "@types/react": "^17.0.43",
     "@types/react-copy-to-clipboard": "^5.0.2",

src/utils/fetches.ts

@@ -10,6 +10,8 @@ import {
   ITokenTransferWithPool,
 } from '../interfaces';
 
+import { parse, isSafeNumber, LosslessNumber } from 'lossless-json';
+
 export const fetchWithCredentials = (
   resource: string,
   options?: RequestInit
@@ -20,12 +22,17 @@ export const fetchWithCredentials = (
   );
 };
 
+export function parseLargeNumbersAsStrings(value: any) {
+  return isSafeNumber(value, { approx: false })
+    ? parseFloat(value) // Smaller numbers are kept as Javascript numbers
+    : new LosslessNumber(value).toString(); // Large numbers are safely stringified
+}
+
 export const fetchCatcher = async (resource: string): Promise<any> => {
   const response = await fetchWithCredentials(resource);
   if (!response.ok) {
-    console.log(`error fetching ${resource}`);
   } else {
-    return await response.json();
+    return parse(await response.text(), null, parseLargeNumbersAsStrings);
   }
 };