feat: use the pocket-universe sdk

Author: jqphu

README.md

@@ -34,5 +34,6 @@ state to be displayed.
 It will write to storage the action the user decides to take.
 
 ## Contact Us
-* [Twitter](https://twitter.com/PocketUniverseZ)
-* [Discord](https://discord.gg/UrgqjUQFH2)
+
+- [Twitter](https://twitter.com/PocketUniverseZ)
+- [Discord](https://discord.gg/UrgqjUQFH2)

package.json

@@ -17,6 +17,7 @@
     "ethers": "^5.6.9",
     "mixpanel-browser": "^2.45.0",
     "pino": "8.1.0",
+    "pocket-universe-js": "^0.0.1",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hot-loader": "^4.13.0",

src/containers/Transaction/Transaction.tsx

@@ -7,8 +7,8 @@ import { BeatLoader } from 'react-spinners';
 import { useChromeStorageSync } from 'use-chrome-storage';
 
 import logger from '../../lib/logger';
-import type { Event } from '../../lib/simulation';
-import { Simulation, EventType, TokenType } from '../../lib/simulation';
+import type { Event } from 'pocket-universe-js';
+import { Simulation, EventType, TokenType } from 'pocket-universe-js';
 import type { StoredSimulation } from '../../lib/storage';
 import {
   STORAGE_KEY,
@@ -159,7 +159,7 @@ const EventComponent = ({ event }: { event: Event }) => {
   );
 };
 
-const TransferAllWarning = ({ events }: { events: Event[] }) => {
+const TransferAllWarning = ({ events }: { events: readonly Event[] }) => {
   const NoApprovalForAll = (
     <div className="text-base text-gray-400 pb-4">
       Changes being made in this transaction

src/lib/server.ts

@@ -2,69 +2,24 @@ import config from '../config';
 
 import logger from './logger';
 import type { Transaction } from './simulate_request_reply';
-import { Simulation } from './simulation';
+import { PocketSimulator, Response } from 'pocket-universe-js';
 
 const log = logger.child({ component: 'Server' });
 
 // Will change depending on if dev or not.
 const SERVER_URL = config.server;
 
-log.info(SERVER_URL, 'SERVER_URL');
-
-export enum ResponseType {
-  Success = 'success',
-  Revert = 'revert',
-  Error = 'error',
-}
-
-export interface Response {
-  type: ResponseType;
-
-  // Only set on success.
-  simulation?: Simulation;
+const pocket = new PocketSimulator(SERVER_URL);
 
-  // Might be set on error.
-  error?: string;
-}
+log.info(SERVER_URL, 'SERVER_URL');
 
 export const fetchSimulate = async (args: {
   chainId: string;
   transaction: Transaction;
 }): Promise<Response> => {
   log.info(args, 'Fetch simulate');
-  try {
-    const result = await fetch(`${SERVER_URL}/simulate`, {
-      method: 'POST',
-      headers: {
-        Accept: 'application/json',
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        chainId: args.chainId,
-        transaction: args.transaction,
-      }),
-    });
-
-    if (result.status === 200) {
-      log.info('Fetch success');
-      const data = await result.json();
-
-      if (data.success) {
-        return {
-          type: ResponseType.Success,
-          simulation: Simulation.fromJSON(data.simulation),
-        };
-      }
-      return {
-        type: ResponseType.Revert,
-        error: data.error,
-      };
-    }
-    const { error } = await result.json();
-    log.info({ error, msg: 'Error with the request' });
-    return { type: ResponseType.Error, error };
-  } catch (e: any) {
-    log.warn(e, 'Error simulation');
-    return { error: e.message, type: ResponseType.Error };
-  }
+  return pocket.simulate({
+    chainId: args.chainId,
+    ...args.transaction,
+  });
 };

src/lib/simulation.ts

@@ -1,8 +1,9 @@
 /// Storage wrapper for updating the storage.
 import logger from './logger';
-import { fetchSimulate, ResponseType } from './server';
+import { fetchSimulate } from './server';
 import type { SimulateRequestArgs } from './simulate_request_reply';
-import type { Simulation } from './simulation';
+import type { Simulation } from 'pocket-universe-js';
+import { ResponseType } from 'pocket-universe-js';
 
 const log = logger.child({ component: 'Storage' });
 export enum StoredSimulationState {

src/lib/storage.ts

@@ -1716,6 +1716,14 @@
   resolved "https://registry.yarnpkg.com/@types/mixpanel-browser/-/mixpanel-browser-2.38.0.tgz#b3e28e1ba06c10a9f88510b88f1ac9d1b2adfc42"
   integrity sha512-TR8rvsILnqXA7oiiGOxuMGXwvDeCoQDonXJB5UR+TYvEAFpiK8ReFj5LhZT+Xhm3NpI9aPoju30jB2ssorSUww==
 
+"@types/node-fetch@^2.6.2":
+  version "2.6.2"
+  resolved "https://registry.yarnpkg.com/@types/node-fetch/-/node-fetch-2.6.2.tgz#d1a9c5fd049d9415dce61571557104dec3ec81da"
+  integrity sha512-DHqhlq5jeESLy19TYhLakJ07kNumXWjcDdxXsLUMJZ6ue8VZJj4kLPQVE/2mdHh3xZziNF1xppu5lwmS53HR+A==
+  dependencies:
+    "@types/node" "*"
+    form-data "^3.0.0"
+
 "@types/node@*":
   version "18.6.1"
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.6.1.tgz#828e4785ccca13f44e2fb6852ae0ef11e3e20ba5"
@@ -2356,6 +2364,14 @@ axe-core@^4.4.3:
   resolved "https://registry.yarnpkg.com/axe-core/-/axe-core-4.4.3.tgz#11c74d23d5013c0fa5d183796729bc3482bd2f6f"
   integrity sha512-32+ub6kkdhhWick/UjvEwRchgoetXqTK14INLqbGm5U2TzBkBNF3nQtLYm8ovxSkQWArjEQvftCKryjZaATu3w==
 
+axios@^0.27.2:
+  version "0.27.2"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.27.2.tgz#207658cc8621606e586c85db4b41a750e756d972"
+  integrity sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==
+  dependencies:
+    follow-redirects "^1.14.9"
+    form-data "^4.0.0"
+
 axobject-query@^2.2.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/axobject-query/-/axobject-query-2.2.0.tgz#943d47e10c0b704aa42275e20edf3722648989be"
@@ -2739,7 +2755,7 @@ colorette@^2.0.10, colorette@^2.0.14:
   resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.19.tgz#cdf044f47ad41a0f4b56b3a0d5b4e6e1a2d5a798"
   integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
 
-combined-stream@^1.0.6, combined-stream@~1.0.6:
+combined-stream@^1.0.6, combined-stream@^1.0.8, combined-stream@~1.0.6:
   version "1.0.8"
   resolved "https://registry.yarnpkg.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
   integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
@@ -3799,7 +3815,7 @@ flatted@^3.1.0:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.6.tgz#022e9218c637f9f3fc9c35ab9c9193f05add60b2"
   integrity sha512-0sQoMh9s0BYsm+12Huy/rkKxVu4R1+r96YX5cG44rHV0pQ6iC3Q+mkoMFaGWObMFYQxCVT+ssG1ksneA2MI9KQ==
 
-follow-redirects@^1.0.0:
+follow-redirects@^1.0.0, follow-redirects@^1.14.9:
   version "1.15.1"
   resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.15.1.tgz#0ca6a452306c9b276e4d3127483e29575e207ad5"
   integrity sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==
@@ -3809,6 +3825,24 @@ forever-agent@~0.6.1:
   resolved "https://registry.yarnpkg.com/forever-agent/-/forever-agent-0.6.1.tgz#fbc71f0c41adeb37f96c577ad1ed42d8fdacca91"
   integrity sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==
 
+form-data@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-3.0.1.tgz#ebd53791b78356a99af9a300d4282c4d5eb9755f"
+  integrity sha512-RHkBKtLWUVwd7SqRIvCZMEvAMoGUp0XU+seQiZejj0COz3RI3hWP4sCv3gZWWLjJTd7rGwcsF5eKZGii0r/hbg==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
+
 form-data@~2.3.2:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/form-data/-/form-data-2.3.3.tgz#dcce52c05f644f298c6a7ab936bd724ceffbf3a6"
@@ -5545,6 +5579,14 @@ pkg-dir@^4.1.0, pkg-dir@^4.2.0:
   dependencies:
     find-up "^4.0.0"
 
+pocket-universe-js@^0.0.1:
+  version "0.0.1"
+  resolved "https://registry.yarnpkg.com/pocket-universe-js/-/pocket-universe-js-0.0.1.tgz#0a7fed5d1a8c48c450815f3432e20384ed4b7430"
+  integrity sha512-8wc2wk4mPBYE3xfQST0n35hQrbB448TDR52m06O6w/vew7BexKuTvOZafeQG5WAHHCnxQs2vhUpuh5SPMazu1g==
+  dependencies:
+    "@types/node-fetch" "^2.6.2"
+    axios "^0.27.2"
+
 postcss-import@^14.1.0:
   version "14.1.0"
   resolved "https://registry.yarnpkg.com/postcss-import/-/postcss-import-14.1.0.tgz#a7333ffe32f0b8795303ee9e40215dac922781f0"