CU-86dt279a1- Fix WalletConnectSdk Examples Build

.github/workflows/check-build-and-test.yml

@@ -5,7 +5,7 @@ on:
       - main
 
 env:
-  NODE_VERSION: 16.x
+  NODE_VERSION: 18.x
 
 jobs:
   build-and-test:
@@ -39,10 +39,10 @@ jobs:
         run: pnpm i
       - name: Install Examples Dependencies
         working-directory: ./e2e
-        run: pnpm ex:install:unix
+        run: pnpm ex:install
       - name: Build Examples
         working-directory: ./e2e
-        run: pnpm ex:build:unix
+        run: pnpm ex:build
       - name: Test E2E
         working-directory: ./e2e
         run: pnpm test:headless

.github/workflows/main.yml

@@ -18,5 +18,5 @@ jobs:
         with:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
           OPENAI_API_KEY: ${{ secrets.OPENAI_API_KEY }}
-          OPENAI_API_MODEL: "gpt-4" # Optional: defaults to "gpt-4"
-          exclude: "**/*.json, **/*.md" # Optional: exclude patterns separated by commas
+          OPENAI_API_MODEL: 'gpt-4' # Optional: defaults to "gpt-4"
+          exclude: '**/*.json, **/*.md' # Optional: exclude patterns separated by commas

e2e/package.json

@@ -4,12 +4,10 @@
   "description": "wallet-connect-sdk e2e(end to end) tester",
   "private": true,
   "scripts": {
-    "ex:build:unix": "cd ../examples && for d in */; do (cd \"$d\" && pnpm build && cd ..); done",
-    "ex:build:windows": "cd ../examples && for /d %i in (*) do (cd %i && pnpm build && cd ..)",
-    "ex:clean:unix": "rush purge && cd ../examples && for d in */; do (cd \"$d\" && rm -rf node_modules pnpm-lock.yaml && cd ..); done",
-    "ex:clean:windows": "rush purge && cd ../examples && for /d %i in (*) do (cd %i && rm -rf node_modules pnpm-lock.yaml && cd ..)",
-    "ex:install:unix": "cd ../examples && for d in */; do (cd \"$d\" && pnpm install && cd ..); done",
-    "ex:install:windows": "cd ../examples && for /d %i in (*) do (cd %i && pnpm install && cd ..)",
+    "ex:build": "ts-node src/scripts/examplesBuild.ts",
+    "ex:clean": "ts-node src/scripts/examplesClean.ts && rush purge",
+    "ex:install": "ts-node src/scripts/examplesInstall.ts",
+    "ex:run": "ts-node src/scripts/examplesRun.ts",
     "format": "prettier . --write && eslint --fix",
     "lint": "prettier . --check && eslint",
     "prepare": "npm install serve -g && pnpm exec playwright install",
@@ -26,6 +24,7 @@
     "eslint": "^8.50.0",
     "playwright": "^1.38.1",
     "prettier": "^3.0.3",
+    "ts-node": "10.9.1",
     "typescript": "^5.2.2"
   },
   "dependencies": {

e2e/src/helpers/CommandsHelper.ts

@@ -0,0 +1,47 @@
+import * as fs from 'fs'
+import { execSync } from 'child_process'
+import * as path from 'path'
+import { EXAMPLES_PATH } from '../constants/PathsDefinitions'
+
+const examplesPath = path.posix.normalize(EXAMPLES_PATH)
+
+function getAllExamples(): string[] {
+  return fs.readdirSync(examplesPath)
+}
+export function runCommandInEachExampleProj(cmd: string) {
+  let error = false
+  const packages = getAllExamples()
+  for (const lib of packages) {
+    try {
+      const pathLib = path.posix.join(examplesPath, lib)
+      execSync(`${cmd}`, { cwd: pathLib, stdio: 'inherit' })
+    } catch {
+      error = true
+    }
+  }
+  if (error) {
+    console.error('\nPlease, check the errors above before committing/pushing!\n')
+    process.exitCode = 1
+  }
+}
+
+export function removeLibsCash() {
+  let error = false
+  const packages = getAllExamples()
+  for (const lib of packages) {
+    try {
+      console.log(`Cleaning libs cash from ${lib}\n`)
+      const pathLib = path.posix.join(examplesPath, lib)
+      const nodeModules = path.posix.join(pathLib, 'node_modules')
+      const packageManagerLock = path.posix.join(pathLib, 'pnpm-lock.yaml')
+      if (fs.existsSync(nodeModules)) fs.rmSync(nodeModules, { recursive: true })
+      if (fs.existsSync(packageManagerLock)) fs.rmSync(packageManagerLock)
+    } catch {
+      error = true
+    }
+  }
+  if (error) {
+    console.error('\nPlease, check the errors above before committing/pushing!\n')
+    process.exitCode = 1
+  }
+}

e2e/src/scripts/examplesBuild.ts

@@ -0,0 +1,3 @@
+import { runCommandInEachExampleProj } from '../helpers/CommandsHelper'
+
+runCommandInEachExampleProj('pnpm build')

e2e/src/scripts/examplesClean.ts

@@ -0,0 +1,3 @@
+import { removeLibsCash } from '../helpers/CommandsHelper'
+
+removeLibsCash()

e2e/src/scripts/examplesInstall.ts

@@ -0,0 +1,3 @@
+import { runCommandInEachExampleProj } from '../helpers/CommandsHelper'
+
+runCommandInEachExampleProj('pnpm i')

e2e/src/scripts/examplesRun.ts

@@ -0,0 +1,4 @@
+import { execSync } from 'child_process'
+import { RUN_CONCURRENTLY_COMMAND } from '../constants/DevConstants'
+
+execSync(RUN_CONCURRENTLY_COMMAND, { stdio: 'inherit' })

e2e/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "lib": ["ESNext"],
+    "outDir": "./dist"
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules"]
+}

examples/wc-wallet-react/config-overrides.js

@@ -4,6 +4,7 @@ module.exports = function override(config) {
     resolve: {
       fullySpecified: false,
       fallback: {
+        vm: require.resolve('vm-browserify'),
         crypto: require.resolve('crypto-browserify'),
         querystring: require.resolve('querystring-es3'),
         stream: require.resolve('stream-browserify'),

examples/wc-wallet-react/package.json

@@ -44,7 +44,8 @@
     "react-scripts": "^5.0.1",
     "stream-browserify": "^3.0.0",
     "styled-components": "^5.2.0",
-    "typescript": "^4.2.3"
+    "typescript": "^4.2.3",
+    "vm-browserify": "^1.1.2"
   },
   "eslintConfig": {
     "extends": [
@@ -73,10 +74,11 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^3.4.0",
     "prettier": "^2.3.1",
-    "react-app-rewired": "^2.2.1"
+    "react-app-rewired": "2.2.1"
   },
   "resolutions": {
     "@cityofzion/wallet-connect-sdk-wallet-core": "file:../../packages/wallet-connect-sdk-wallet-core",
-    "@cityofzion/wallet-connect-sdk-core": "file:../../packages/wallet-connect-sdk-core"
+    "@cityofzion/wallet-connect-sdk-core": "file:../../packages/wallet-connect-sdk-core",
+    "readable-stream": "4.4.2"
   }
 }