feat: use vite instead of react-app-rewired

.github/workflows/cloudflare.yml

@@ -66,7 +66,7 @@ jobs:
       - name: Yarn Install
         run: yarn install --immutable
       - name: Build Web
-        run: MODE=${{ env.BUILD_MODE }} DISABLE_SOURCE_MAP=true yarn build:web 
+        run: MODE=${{ env.BUILD_MODE }} yarn build:web 
       # a poor mans extension of cloudflare/pages-action@1 https://github.com/cloudflare/pages-action/blob/main/src/index.ts
       # passing more params directly to wrangler to control commit hash and message
       # https://developers.cloudflare.com/workers/wrangler/commands/#publish-1

package.json

@@ -10,10 +10,12 @@
   },
   "scripts": {
     "dev": "vite",
-    "preview": "vite preview",
+    "serve": "vite preview",
+    "preview:prod": "MODE=production yarn build:web && vite preview",
+    "preview:dev": "MODE=development yarn build:web && vite preview",
     "analyze": "ANALYZE=true yarn build:web",
     "bump": "yarn upgrade-interactive --latest --scope @shapeshiftoss",
-    "build:web": "yarn build:packages && NODE_OPTIONS=--max-old-space-size=8192 IMAGE_INLINE_SIZE_LIMIT=0 INLINE_RUNTIME_CHUNK=false DISABLE_ESLINT_PLUGIN=true vite build --mode=${MODE:-production} && ./scripts/sha256sums.sh && ./scripts/verifyViteHashes.sh && tsx ./scripts/writeBuildMetadata.ts",
+    "build:web": "yarn build:packages && NODE_OPTIONS=--max-old-space-size=12288 IMAGE_INLINE_SIZE_LIMIT=0 INLINE_RUNTIME_CHUNK=false DISABLE_ESLINT_PLUGIN=true vite build --mode=${MODE:-production} && ./scripts/sha256sums.sh && ./scripts/verifyViteHashes.sh && tsx ./scripts/writeBuildMetadata.ts",
     "build:packages": "yarn clean:packages && yarn workspace @shapeshiftoss/unchained-client generate && yarn tsc --build tsconfig.packages.json",
     "clean": "yarn clean:packages && yarn clean:web && rm -rf node_modules coverage tsconfig.tsbuildinfo",
     "clean:web": "rm -rf build tsconfig.web.tsbuildinfo",

vite.config.mjs

@@ -76,6 +76,13 @@ export default defineConfig(({ mode }) => {
       },
       headers,
     },
+    preview: {
+      port: 3000,
+      fs: {
+        allow: ['..'],
+      },
+      headers,
+    },
     resolve: {
       alias: {
         '@': resolve(__dirname, './src'),
@@ -170,11 +177,8 @@ export default defineConfig(({ mode }) => {
           warn(warning)
         },
       },
-      minify: mode === 'development' && !process.env.DISABLE_SOURCE_MAP ? false : 'esbuild',
-      sourcemap:
-        mode === 'development' && !process.env.DISABLE_SOURCE_MAP
-          ? 'eval-cheap-module-source-map'
-          : false,
+      minify: mode === 'development' ? false : 'esbuild',
+      sourcemap: mode === 'development' ? 'eval-cheap-module-source-map' : false,
       outDir: 'build',
       emptyOutDir: true,
     },