[WIP][fe] Update to Vite 4 + other package updates (MystenLabs#6707)

AnkasJonub · Dec 12, 2022 · 072fa3c · 072fa3c
1 parent 2c8aeaf
commit 072fa3c
Show file tree

Hide file tree

Showing 18 changed files with 3,183 additions and 4,079 deletions.
diff --git a/.changeset/config.json b/.changeset/config.json
@@ -1,16 +1,11 @@
 {
-  "$schema": "https://unpkg.com/@changesets/config@2.1.1/schema.json",
+  "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
   "fixed": [],
   "linked": [],
   "access": "public",
   "baseBranch": "main",
   "updateInternalDependencies": "minor",
-  "ignore": [
-    "sui-explorer",
-    "sui-wallet",
-    "sui-wallet-adapter-demo",
-    "@mysten/core"
-  ]
+  "privatePackages": false
 }
diff --git a/apps/core/package.json b/apps/core/package.json
@@ -2,9 +2,9 @@
   "name": "@mysten/core",
   "private": true,
   "devDependencies": {
-    "@headlessui/tailwindcss": "^0.1.1",
+    "@headlessui/tailwindcss": "^0.1.2",
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "tailwindcss": "^3.0.23",
+    "tailwindcss": "^3.2.4",
     "typescript": "^4.8.3"
   }
 }
diff --git a/apps/explorer/package.json b/apps/explorer/package.json
@@ -29,79 +29,79 @@
         "@fontsource/red-hat-mono": "^4.5.11",
         "@growthbook/growthbook": "^0.18.1",
         "@growthbook/growthbook-react": "^0.9.1",
-        "@headlessui/react": "^1.7.2",
+        "@headlessui/react": "^1.7.5",
         "@hookform/resolvers": "^2.9.10",
         "@mysten/core": "workspace:*",
         "@mysten/sui.js": "workspace:*",
         "@mysten/wallet-adapter-all-wallets": "workspace:*",
         "@mysten/wallet-kit": "workspace:*",
-        "@sentry/react": "^7.6.0",
-        "@sentry/tracing": "^7.6.0",
-        "@tanstack/react-query": "^4.14.1",
-        "@tanstack/react-query-devtools": "^4.14.1",
-        "@tanstack/react-table": "^8.1.4",
-        "@vercel/analytics": "^0.1.3",
+        "@sentry/react": "^7.24.2",
+        "@sentry/tracing": "^7.24.2",
+        "@tanstack/react-query": "^4.19.1",
+        "@tanstack/react-query-devtools": "^4.19.1",
+        "@tanstack/react-table": "^8.7.0",
+        "@vercel/analytics": "^0.1.6",
         "@visx/geo": "^2.10.0",
         "@visx/responsive": "^2.10.0",
         "@visx/tooltip": "^2.10.0",
         "bignumber.js": "^9.1.0",
         "class-variance-authority": "^0.2.3",
         "clsx": "^1.2.1",
-        "framer-motion": "^7.5.1",
+        "framer-motion": "^7.6.19",
         "plausible-tracker": "^0.3.8",
         "prism-react-renderer": "^1.3.5",
         "prism-themes": "^1.9.0",
         "prismjs": "^1.28.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "react-error-boundary": "^3.1.4",
-        "react-hook-form": "^7.39.2",
+        "react-hook-form": "^7.40.0",
         "react-hot-toast": "^2.4.0",
         "react-router-dom": "^6.2.1",
         "topojson-client": "^3.1.0",
-        "web-vitals": "^3.0.4",
+        "web-vitals": "^3.1.0",
         "zod": "^3.19.1"
     },
     "devDependencies": {
         "@babel/core": "^7.19.3",
-        "@storybook/addon-a11y": "7.0.0-alpha.38",
-        "@storybook/addon-essentials": "7.0.0-alpha.38",
-        "@storybook/addons": "7.0.0-alpha.38",
-        "@storybook/react": "7.0.0-alpha.38",
-        "@storybook/react-vite": "7.0.0-alpha.38",
-        "@storybook/theming": "7.0.0-alpha.38",
-        "@testing-library/dom": "^8.17.1",
+        "@storybook/addon-a11y": "7.0.0-beta.3",
+        "@storybook/addon-essentials": "7.0.0-beta.3",
+        "@storybook/addons": "7.0.0-beta.3",
+        "@storybook/react": "7.0.0-beta.3",
+        "@storybook/react-vite": "7.0.0-beta.3",
+        "@storybook/theming": "7.0.0-beta.3",
+        "@testing-library/dom": "^8.19.0",
         "@testing-library/jest-dom": "^5.16.2",
-        "@testing-library/react": "^13.3.0",
+        "@testing-library/react": "^13.4.0",
         "@testing-library/user-event": "^14.4.3",
-        "@types/node": "^16.11.24",
-        "@types/react": "^18.0.20",
-        "@types/react-dom": "^18.0.6",
+        "@types/node": "^18.11.13",
+        "@types/react": "^18.0.26",
+        "@types/react-dom": "^18.0.9",
         "@types/topojson-client": "^3.1.1",
-        "@vitejs/plugin-react": "^2.0.1",
-        "@vitest/ui": "^0.22.1",
-        "autoprefixer": "^10.4.2",
+        "@vitejs/plugin-react": "^3.0.0",
+        "@vitest/ui": "^0.25.7",
+        "autoprefixer": "^10.4.13",
         "axios": "^0.27.2",
         "cypress": "^10.10.0",
         "eslint": "^8.22.0",
         "eslint-config-prettier": "^8.3.0",
         "eslint-config-react-app": "^7.0.1",
         "eslint-plugin-header": "^3.1.1",
         "onchange": "^7.1.0",
-        "postcss": "^8.4.6",
-        "prettier": "2.5.1",
-        "prettier-plugin-tailwindcss": "^0.2.0",
+        "postcss": "^8.4.19",
+        "prettier": "2.8.1",
+        "prettier-plugin-tailwindcss": "^0.2.1",
         "start-server-and-test": "^1.14.0",
-        "storybook": "7.0.0-alpha.38",
+        "storybook": "7.0.0-beta.3",
         "stylelint": "^14.5.0",
         "stylelint-config-prettier": "^9.0.3",
         "stylelint-config-standard": "^25.0.0",
         "stylelint-config-standard-scss": "^3.0.0",
-        "tailwindcss": "^3.0.23",
+        "tailwindcss": "^3.2.4",
         "typescript": "^4.8.3",
-        "vite": "^3.2.4",
-        "vite-plugin-svgr": "^2.2.1",
-        "vitest": "^0.22.1"
+        "vite": "^4.0.0",
+        "vite-plugin-svgr": "^2.4.0",
+        "vitest": "^0.25.7"
     },
     "browserslist": {
         "production": [

diff --git a/apps/explorer/src/components/transaction-card/TxForID.tsx b/apps/explorer/src/components/transaction-card/TxForID.tsx
@@ -74,8 +74,10 @@ function TxForIDStatic({
 }
 
 function TxForIDAPI({ id, category }: { id: string; category: categoryType }) {
-    const [showData, setData] =
-        useState<{ data?: TxnData[]; loadState: string }>(DATATYPE_DEFAULT);
+    const [showData, setData] = useState<{
+        data?: TxnData[];
+        loadState: string;
+    }>(DATATYPE_DEFAULT);
     const [network] = useContext(NetworkContext);
     const rpc = useRpc();
     useEffect(() => {

diff --git a/apps/explorer/vite.config.ts b/apps/explorer/vite.config.ts
@@ -15,6 +15,7 @@ process.env.VITE_VERCEL_ENV = process.env.VERCEL_ENV;
 export default defineConfig({
     plugins: [react(), svgr()],
     test: {
+        css: true,
         globals: true,
         environment: 'happy-dom',
     },

diff --git a/apps/wallet/package.json b/apps/wallet/package.json
@@ -36,14 +36,14 @@
     "author": "Mysten Labs <build@mystenlabs.com>",
     "license": "Apache-2.0",
     "devDependencies": {
-        "@sentry/react": "^7.22.0",
-        "@sentry/tracing": "^7.22.0",
+        "@sentry/react": "^7.24.2",
+        "@sentry/tracing": "^7.24.2",
         "@sentry/webpack-plugin": "^1.20.0",
         "@types/dotenv-webpack": "^7.0.3",
         "@types/git-rev-sync": "^2.0.0",
-        "@types/node": "^18.0.6",
-        "@types/react": "^18.0.20",
-        "@types/react-dom": "^18.0.6",
+        "@types/node": "^18.11.13",
+        "@types/react": "^18.0.26",
+        "@types/react-dom": "^18.0.9",
         "@types/semver": "^7.3.12",
         "@types/throttle-debounce": "^5.0.0",
         "@types/uuid": "^8.3.4",
@@ -62,15 +62,15 @@
         "eslint-config-react-app": "^7.0.1",
         "eslint-webpack-plugin": "^3.2.0",
         "git-rev-sync": "^3.0.2",
-        "happy-dom": "^7.6.0",
+        "happy-dom": "^8.1.0",
         "html-webpack-plugin": "^5.5.0",
         "mini-css-extract-plugin": "^2.6.1",
         "onchange": "^7.1.0",
         "plausible-tracker": "^0.3.0",
-        "postcss": "^8.4.6",
-        "postcss-loader": "^7.0.1",
-        "postcss-preset-env": "^7.7.2",
-        "prettier": "^2.7.1",
+        "postcss": "^8.4.19",
+        "postcss-loader": "^7.0.2",
+        "postcss-preset-env": "^7.8.3",
+        "prettier": "^2.8.1",
         "sass": "^1.53.0",
         "sass-loader": "^13.0.2",
         "stylelint": "^14.9.1",
@@ -80,10 +80,10 @@
         "svgtofont": "^3.17.8",
         "ts-loader": "^9.3.1",
         "ts-node": "^10.9.1",
-        "tsconfig-paths": "^4.0.0",
+        "tsconfig-paths": "^4.1.1",
         "typescript": "^4.8.3",
-        "vite": "^3.2.4",
-        "vitest": "^0.22.1",
+        "vite": "^4.0.0",
+        "vitest": "^0.25.7",
         "web-ext": "^7.2.0",
         "webpack": "^5.73.0",
         "webpack-cli": "^4.10.0",
@@ -103,15 +103,15 @@
         "@reduxjs/toolkit": "^1.8.3",
         "@scure/bip32": "^1.1.0",
         "@scure/bip39": "^1.1.0",
-        "@tanstack/react-query": "^4.14.1",
+        "@tanstack/react-query": "^4.19.1",
         "bignumber.js": "^9.1.0",
         "bootstrap-icons": "^1.9.1",
         "buffer": "^6.0.3",
         "class-variance-authority": "^0.2.3",
-        "classnames": "^2.3.1",
+        "classnames": "^2.3.2",
         "eslint-plugin-react": "^7.31.8",
         "formik": "^2.2.9",
-        "framer-motion": "^7.5.1",
+        "framer-motion": "^7.6.19",
         "mitt": "^3.0.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
@@ -124,7 +124,7 @@
         "rxjs": "^7.5.6",
         "semver": "^7.3.8",
         "stream-browserify": "^3.0.0",
-        "tailwindcss": "^3.0.23",
+        "tailwindcss": "^3.2.4",
         "throttle-debounce": "^5.0.0",
         "tweetnacl": "^1.0.3",
         "uuid": "^8.3.2",

diff --git a/package.json b/package.json
@@ -18,7 +18,7 @@
     }
   },
   "devDependencies": {
-    "@changesets/cli": "^2.24.3",
+    "@changesets/cli": "^2.25.2",
     "turbo": "^1.6.3"
   }
 }