Merge pull request #2439 from oasisprotocol/mz/deps

Update build dependencies

Author: buberdds

.changelog/2439.internal.md

@@ -0,0 +1 @@
+Update build dependencies

README.md

@@ -33,7 +33,7 @@ Development deploy is available at <https://explorer.dev.oasis.io>.
   transactions;
 - **Non-Fungible Tokens (NFTs)**: Provides information about NFT ownership,
   metadata, transactions history and minting information. (
-  See [more...](./docs/NFTs.md))
+  See [NFT documentation](./docs/NFTs.md))
 - **Contract Reading and Writing** *(upcoming)*: Can read contract details and
   record new contract interactions.
 
@@ -50,7 +50,7 @@ yarn
 yarn start
 ```
 
-Then go to <http://localhost:1234> to access the app.
+Then go to <http://localhost:5173> to access the app.
 
 ### Code style
 

package.json

@@ -70,7 +70,7 @@
     "viem": "^2.31.4"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/vite": "^4.2.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
@@ -82,7 +82,7 @@
     "@types/react-dom": "18.3.5",
     "@typescript-eslint/eslint-plugin": "7.18.0",
     "@typescript-eslint/parser": "7.18.0",
-    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-react": "^6.0.1",
     "buffer": "^6.0.3",
     "eslint": "8.57.1",
     "eslint-config-prettier": "9.1.0",
@@ -93,17 +93,16 @@
     "eslint-plugin-react-refresh": "^0.4.24",
     "events": "^3.1.0",
     "jsdom": "^26.1.0",
-    "markdownlint-cli": "0.44.0",
+    "markdownlint-cli": "^0.48.0",
     "node-fetch": "2.7.0",
     "prettier": "3.5.3",
     "process": "0.11.10",
     "react-app-polyfill": "3.0.0",
     "stream-browserify": "3.0.0",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.2",
     "typescript": "5.6.3",
-    "vite": "^6.4.1",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.1.4"
+    "vite": "^8.0.1",
+    "vitest": "^4.1.0"
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

playwright/playwright.config.ts

@@ -2,7 +2,7 @@ import { defineConfig } from '@playwright/test'
 
 export default defineConfig({
   webServer: {
-    url: 'http://localhost:1234',
+    url: 'http://localhost:5173',
     command: 'yarn --cwd ../ run start',
     timeout: 120 * 1000,
     reuseExistingServer: !process.env.CI,

playwright/tests/accounts.spec.ts

@@ -113,7 +113,7 @@ async function setup(page: Page) {
   )
 
   await page.goto(
-    'http://localhost:1234/mainnet/sapphire/address/0x0000000000000000000000000000000000000000/events',
+    'http://localhost:5173/mainnet/sapphire/address/0x0000000000000000000000000000000000000000/events',
   )
 }
 

playwright/tests/allowance.spec.ts

@@ -78,15 +78,15 @@ async function setup(page: Page) {
 test('Allowance transaction should display relative amount', async ({ page }) => {
   await setup(page)
   await page.goto(
-    'http://localhost:1234/testnet/consensus/tx/10dc8edd24ae89b264a295a046d9ac9b99a59d81acf3b0394bac309c09bdd7c7',
+    'http://localhost:5173/testnet/consensus/tx/10dc8edd24ae89b264a295a046d9ac9b99a59d81acf3b0394bac309c09bdd7c7',
   )
   await expect(page.getByText('+1 TEST')).toBeVisible()
 })
 
 test('Allowance transaction should display negative amount', async ({ page }) => {
   await setup(page)
   await page.goto(
-    'http://localhost:1234/mainnet/consensus/tx/4d4903206ee68d5c60ea9b26f4a7b218b263e66e032772f2faa61a2bf7d27b2b',
+    'http://localhost:5173/mainnet/consensus/tx/4d4903206ee68d5c60ea9b26f4a7b218b263e66e032772f2faa61a2bf7d27b2b',
   )
   await expect(page.getByText('-5,000,000 ROSE')).toBeVisible()
 })

playwright/tests/getPreciseNumberFormat.spec.ts

@@ -46,7 +46,7 @@ async function setup(page: Page, balance: string, decimals: number) {
   })
 
   await page.goto(
-    'http://localhost:1234/mainnet/sapphire/address/0x0000000000000000000000000000000000000000/tokens/erc-20#tokens',
+    'http://localhost:5173/mainnet/sapphire/address/0x0000000000000000000000000000000000000000/tokens/erc-20#tokens',
   )
   await expect(page.getByText('TokenForTests')).toBeVisible()
 

src/app/components/TableCellAge/__tests__/index.test.tsx

@@ -16,11 +16,17 @@ describe('TableCellAge', () => {
     vi.setSystemTime(new Date('2024-02-05T10:14:35.000Z'))
 
     // Fix locale-specific mock output
-    vi.spyOn(Intl, 'DateTimeFormat').mockImplementation(
-      () =>
-        ({
-          format: () => '05-02-2024, 10:14:40',
-        }) as unknown as Intl.DateTimeFormat,
+    const OriginalDateTimeFormat = Intl.DateTimeFormat
+    vi.stubGlobal(
+      'Intl',
+      Object.assign({}, Intl, {
+        DateTimeFormat: function (...args: ConstructorParameters<typeof Intl.DateTimeFormat>) {
+          const instance = new OriginalDateTimeFormat(...args)
+          return Object.assign({}, instance, {
+            format: () => '05-02-2024, 10:14:40',
+          })
+        },
+      }),
     )
   })
 

src/config.ts

@@ -192,7 +192,7 @@ const splitUrls = (input: string | undefined): string[] =>
 export const deploys = {
   production: splitUrls(import.meta.env.REACT_APP_PRODUCTION_URLS),
   staging: splitUrls(import.meta.env.REACT_APP_STAGING_URLS),
-  localhost: 'http://localhost:1234',
+  localhost: 'http://localhost:5173',
 }
 
 export const getAppTitle = () => import.meta.env.REACT_APP_META_TITLE

vite.config.mjs

@@ -1,19 +1,17 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
-import tsconfigPaths from 'vite-tsconfig-paths'
 import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig(() => {
   return {
-    plugins: [react(), tsconfigPaths(), tailwindcss()],
+    plugins: [react(), tailwindcss()],
     build: {
       outDir: 'build',
       sourcemap: true,
       emptyOutDir: true,
     },
-    server: {
-      port: 1234,
-      open: true,
+    resolve: {
+      tsconfigPaths: true,
     },
     publicDir: 'public',
     envPrefix: 'REACT_APP_',