Update Builder to use 0.3 (#1858)

* update builder to use 0.3.0 component lib * revert to development * bump * moving builder to vite * fix missing .css file in hosted build * clean up vite config * update hash
wormhole-foundation · Apr 9, 2024 · 8c7fb91 · 8c7fb91
1 parent 24507e8
commit 8c7fb91
Show file tree

Hide file tree

Showing 14 changed files with 397 additions and 762 deletions.
diff --git a/builder/public/index.html → builder/index.html b/builder/public/index.html → builder/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
  <head>
  <meta charset="utf-8" />
- <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+ <link rel="icon" href="favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
  <meta
@@ -21,12 +21,12 @@
  content="https://connect-in-style.wormhole.com/social.png"
  />
  <meta name="twitter:card" content="summary_large_image" />
- <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+ <link rel="apple-touch-icon" href="logo192.png" />
  <!--
  manifest.json provides metadata used when your web app is installed on a
  user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
  -->
- <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+ <link rel="manifest" href="manifest.json" />
  <!--
  Notice the use of %PUBLIC_URL% in the tags above.
  It will be replaced with the URL of the `public` folder during the build.
@@ -37,6 +37,7 @@
  Learn how to configure a non-root public URL by running `npm run build`.
  -->
  <title>Customize Connect</title>
+ <script type="module" src="/src/index.tsx"></script>
  </head>
  <body>
  <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/builder/package.json b/builder/package.json
@@ -14,7 +14,7 @@
  "@types/node": "^16.18.25",
  "@types/react": "^18.2.0",
  "@types/react-dom": "^18.2.1",
- "@wormhole-foundation/wormhole-connect": "^0.1.4",
+ "@wormhole-foundation/wormhole-connect": "0.3.3",
  "react": "^18.2.0",
  "react-color": "^2.19.3",
  "react-dom": "^18.2.0",
@@ -26,10 +26,8 @@
  },
  "scripts": {
  "lint:ci": "prettier -c ./src && eslint --max-warnings=0 ./src",
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
- "eject": "react-scripts eject"
+ "start": "vite",
+ "build": "NODE_OPTIONS=--max-old-space-size=8192 vite build"
  },
  "eslintConfig": {
  "extends": [
@@ -50,6 +48,12 @@
  ]
  },
  "devDependencies": {
- "@types/react-color": "^3.0.7"
+ "@types/react-color": "^3.0.7",
+ "vite": "^5.0.8",
+ "vite-bundle-visualizer": "^0.11.0",
+ "vite-plugin-checker": "^0.6.2",
+ "vite-plugin-dts": "^3.7.3",
+ "vite-plugin-node-polyfills": "^0.17.0",
+ "@vitejs/plugin-react-swc": "^3.5.0"
  }
 }