chore(frontend): add Just-in-Time package builds (#597)

.github/workflows/frontend.yml

@@ -30,6 +30,8 @@ jobs:
           # Apps
           - subdir: apps/battleship
             build: build
+          - subdir: apps/battleship-zk
+            build: build
           - subdir: apps/galactic-express
             build: build
           - subdir: apps/nft-marketplace
@@ -54,11 +56,13 @@ jobs:
             build: build
           - subdir: apps/varatube
             build: build
+          - subdir: apps/w3bstreaming
+            build: build
+          - subdir: apps/web3-warriors-battle
+            build: build
 
           # Packages
-          - subdir: packages/error-tracking
-            build: build
-          - subdir: packages/ui
+          - subdir: packages/ez-transactions
             build: build
 
     runs-on: ubuntu-latest

frontend/apps/battleship-zk/package.json

@@ -4,8 +4,8 @@
   "version": "1.0.2",
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && yarn build:ez-transactions && npx vite",
-    "build": "yarn build:packages && yarn build:ez-transactions && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/battleship-zk/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/battleship/package.json

@@ -4,8 +4,8 @@
   "version": "1.0.2",
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && yarn build:ez-transactions && npx vite",
-    "build": "yarn build:packages && yarn build:ez-transactions && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/battleship/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/galactic-express/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && npx vite",
-    "build": "yarn build:packages && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/galactic-express/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/nft-marketplace/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && npx vite",
-    "build": "yarn build:packages && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/nft-marketplace/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/nft-master/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && npx vite",
-    "build": "yarn build:packages && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/nft-master/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/non-fungible-token/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && npx vite",
-    "build": "yarn build:packages && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/non-fungible-token/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/racing-car-game/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && yarn build:ez-transactions && npx vite",
-    "build": "yarn build:packages && yarn build:ez-transactions && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/racing-car-game/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/syndote/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && npx vite",
-    "build": "yarn build:packages && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/syndote/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/tamagotchi-battle/package.json

@@ -4,8 +4,8 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && yarn build:ez-transactions && npx vite",
-    "build": "yarn build:packages && yarn build:ez-transactions && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/tamagotchi-battle/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/tamagotchi/package.json

@@ -4,8 +4,8 @@
   "version": "1.0.2",
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && npx vite",
-    "build": "yarn build:packages && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/tamagotchi/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/tequila-train/package.json

@@ -4,8 +4,8 @@
   "version": "1.0.2",
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && npx vite",
-    "build": "yarn build:packages && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {

frontend/apps/tequila-train/tsconfig.json

@@ -1,8 +1,20 @@
 {
   "extends": "../../tsconfig.json",
 
+  // each package has its own @ alias, cuz vite doesn't support single alias for multiple paths
+  // sources:
+  // https://github.com/vercel/turborepo/discussions/620
+  // https://github.com/vitejs/vite/issues/5370
+
+  // TODO: replace with configDir in the root config,
+  // once https://github.com/import-js/eslint-import-resolver-typescript/issues/299 is resolved
   "compilerOptions": {
-    "paths": { "@/*": ["./src/*"] }
+    "paths": {
+      "@/*": ["./src/*"],
+      "@ui/*": ["../../packages/ui/src/*"],
+      "@ez/*": ["../../packages/ez-transactions/src/*"],
+      "gear-ez-transactions": ["../../packages/ez-transactions/src/index.ts"]
+    }
   },
 
   "include": ["src"]

frontend/apps/tic-tac-toe/package.json

@@ -4,8 +4,8 @@
   "version": "1.0.2",
   "type": "module",
   "scripts": {
-    "start": "yarn build:packages && yarn build:ez-transactions && npx vite",
-    "build": "yarn build:packages && yarn build:ez-transactions && npx vite build",
+    "start": "npx vite",
+    "build": "npx vite build",
     "preview": "npx vite preview"
   },
   "dependencies": {