chore: add TypeScript configuration files

.changeset/spotty-buttons-cough.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/storybook-addon': patch
+---
+
+fix type error with nx update

.cursor/mcp.json

@@ -0,0 +1,7 @@
+{
+  "mcpServers": {
+    "nx-mcp": {
+      "url": "http://localhost:9442/sse"
+    }
+  }
+}

.cursorignore

@@ -4,11 +4,6 @@
 **/coverage/
 **/dist/
 
-# Documentation and config files
-**/*.yaml
-**/*.yml
-
-
 # Explicitly ignore specific packages
 packages/typescript/
 packages/native-*
@@ -24,7 +19,6 @@ webpack/test/
 webpack/benchmark/
 tools/
 .husky/
-.github/
 .verdaccio/
 
 
@@ -33,7 +27,6 @@ tools/
 .cursorignore
 jest.preset.js
 babel.config.json
-nx.json
 LICENSE
 .nxignore
 netlify.toml

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

@@ -26,23 +26,39 @@ jobs:
           node-version: '18'
           cache: 'pnpm'
 
+      - name: Cache Browsers
+        uses: actions/cache@v3
+        id: browsers-cache
+        with:
+          path: |
+            ~/.cache/ms-playwright
+            ~/.cache/Cypress
+          key: ${{ runner.os }}-browsers-${{ hashFiles('**/pnpm-lock.yaml') }}
+
+      - name: Set Playwright cache status
+        run: echo "PLAYWRIGHT_CACHE_HIT=${{ steps.browsers-cache.outputs.cache-hit }}" >> $GITHUB_ENV
+
       - name: Set Nx SHA
         uses: nrwl/nx-set-shas@v3
 
       - name: Install Dependencies
         run: pnpm install
 
       - name: Install Cypress
+        # if: steps.browsers-cache.outputs.cache-hit != 'true'
         run: npx cypress install
 
       - name: Check Code Format
         run: npx nx format:check
 
+      - name: Print Number of CPU Cores
+        run: nproc
+
       - name: Warm Nx Cache
-        run: npx nx run-many --targets=build --projects=tag:type:pkg
+        run: npx nx run-many --targets=build --projects=tag:type:pkg --parallel=4
 
       - name: Run Build for All
-        run: npx nx run-many --targets=build --projects=tag:type:pkg --skip-nx-cache
+        run: npx nx run-many --targets=build --projects=tag:type:pkg --parallel=4 --skip-nx-cache
 
       - name: Check Package Publishing Compatibility
         run: |
@@ -63,7 +79,7 @@ jobs:
         with:
           max_attempts: 2
           timeout_minutes: 10
-          command: npx nx affected -t test --parallel=3 --exclude='*,!tag:type:pkg' --skip-nx-cache
+          command: npx nx affected -t test --parallel=3 --exclude='*,!tag:type:pkg'
 
       - name: Run Affected Experimental Tests
         uses: nick-fields/retry@v3

.github/workflows/e2e-modern-ssr.yml

@@ -48,16 +48,12 @@ jobs:
           lsof -ti tcp:3050,3051,3052,3053,3054,3055,3056 | xargs -r kill &&
           pnpm run app:modern:dev &
           sleep 30 &&
-          # wait response content-type is application/json
           for port in 3050 3051 3052 3053 3054 3055 3056; do
             while true; do
-              response=$(curl -s -I http://127.0.0.1:$port/mf-manifest.json)
-              content_type=$(echo "$response" | grep -i "Content-Type" | awk '{print $2}' | tr -d '\r')
-              if [[ $content_type != *"text/html"* ]]; then
+              response=$(curl -s http://127.0.0.1:$port/mf-manifest.json)
+              if echo "$response" | jq empty >/dev/null 2>&1; then
                 break
               fi
               sleep 1
             done
           done
-          npx nx run modernjs-ssr-host:e2e &&
-          lsof -ti tcp:3050,3051,3052,3053,3054,3055,3056 | xargs kill

.github/workflows/e2e-next-dev.yml

@@ -44,15 +44,20 @@ jobs:
       - name: Run condition check script
         id: check-ci
         run: node tools/scripts/ci-is-affected.mjs --appName=3000-home
+      - name: E2E Test for Next.js Dev - Home
+        if: steps.check-ci.outcome == 'success'
+        run: |
+          killall node
+          npx nx run 3000-home:test:e2e
+
+      - name: E2E Test for Next.js Dev - Shop
+        if: steps.check-ci.outcome == 'success'
+        run: |
+          killall node
+          npx nx run 3001-shop:test:e2e
 
-      - name: E2E Test for Next.js Dev
+      - name: E2E Test for Next.js Dev - Checkout
         if: steps.check-ci.outcome == 'success'
         run: |
-          npx kill-port 3000,3001,3002 &&
-          pnpm run app:next:dev &
-          sleep 1 &&
-          npx wait-on tcp:3001 &&
-          npx wait-on tcp:3002 &&
-          npx wait-on tcp:3000 &&
-          npx nx run-many --target=test:e2e --projects=3000-home,3001-shop,3002-checkout --parallel=1 &&
-          npx kill-port 3000,3001,3002
+          killall node
+          npx nx run 3002-checkout:test:e2e

.github/workflows/e2e-next-prod.yml

@@ -45,11 +45,10 @@ jobs:
       - name: E2E Test for Next.js Prod
         if: steps.check-ci.outcome == 'success'
         run: |
-          pnpm run --filter @module-federation/3002-checkout --filter @module-federation/3000-home --filter @module-federation/3001-shop build &&
-          pnpm run app:next:prod &
-          sleep 4 &&
-          npx wait-on tcp:3001 &&
-          npx wait-on tcp:3002 &&
-          npx wait-on tcp:3000 &&
-          npx nx run-many --target=test:e2e --projects=3000-home,3001-shop,3002-checkout --parallel=1 &&
-          npx kill-port 3000,3001,3002
+          killall node
+          npx nx run 3000-home:test:e2e:production
+          killall node
+          npx nx run 3001-shop:test:e2e:production
+          killall node
+          npx nx run 3002-checkout:test:e2e:production
+          killall node

.gitignore

@@ -1,5 +1,6 @@
 # See http://help.github.com/ignore-files/ for more about ignoring files.
-
+.temp-commit-msg
+update-commit-messages.sh
 # compiled output
 /dist
 /tmp
@@ -76,3 +77,9 @@ packages/enhanced/test/js
 # Federation
 **/.federation
 *.ts.timestamp*
+
+vite.config.*.timestamp*
+vitest.config.*.timestamp*
+.cursor/rules/nx-rules.mdc
+.github/instructions/nx.instructions.md
+.temp-commit-msg

.vscode/settings.json

@@ -1,4 +1,5 @@
 {
   "diffEditor.wordWrap": "on",
-  "editor.rename.enablePreview": false
+  "editor.rename.enablePreview": false,
+  "nxConsole.generateAiAgentRules": true
 }

apps/3000-home/cypress.config.ts

@@ -3,7 +3,12 @@ import { defineConfig } from 'cypress';
 
 export default defineConfig({
   projectId: 'sa6wfn',
-  e2e: nxE2EPreset(__filename, { cypressDir: 'cypress' }),
+  e2e: {
+    ...nxE2EPreset(__filename, { cypressDir: 'cypress' }),
+    // Please ensure you use `cy.origin()` when navigating between domains and remove this option.
+    // See https://docs.cypress.io/app/references/migration-guide#Changes-to-cyorigin
+    injectDocumentDomain: true,
+  },
   defaultCommandTimeout: 20000,
   retries: {
     runMode: 2,

apps/3000-home/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

apps/3000-home/project.json

@@ -28,18 +28,18 @@
       "executor": "@nx/next:server",
       "defaultConfiguration": "development",
       "options": {
-        "buildTarget": "3000-home:build",
+        "buildTarget": "@module-federation/3000-home:build",
         "dev": true,
         "port": 3000
       },
       "configurations": {
         "development": {
-          "buildTarget": "3000-home:build:development",
+          "buildTarget": "@module-federation/3000-home:build:development",
           "dev": true,
           "port": 3000
         },
         "production": {
-          "buildTarget": "3000-home:build:production",
+          "buildTarget": "@module-federation/3000-home:build:production",
           "dev": false,
           "port": 3000
         }
@@ -54,7 +54,7 @@
     "export": {
       "executor": "@nx/next:export",
       "options": {
-        "buildTarget": "3000-home:build:production"
+        "buildTarget": "@module-federation/3000-home:build:production"
       }
     },
     "lint": {
@@ -72,9 +72,13 @@
         "baseUrl": "http://localhost:3000",
         "key": "27e40c91-5ac3-4433-8a87-651d10f51cf6"
       },
+      "defaultConfiguration": "development",
       "configurations": {
+        "development": {
+          "devServerTarget": "@module-federation/3000-home:serve:development"
+        },
         "production": {
-          "devServerTarget": "3000-home:serve:production"
+          "devServerTarget": "@module-federation/3000-home:serve:production"
         }
       }
     },
@@ -84,14 +88,37 @@
         "parallel": true,
         "commands": [
           {
-            "command": "lsof -i :3000 || nx run 3000-home:serve",
+            "command": "npx kill-port 3000 3001 3002",
+            "forwardAllArgs": false
+          },
+          {
+            "command": "NX_TUI=false nx run-many --target=serve --projects=3001-shop,3002-checkout --configuration=development & wait-on tcp:3001 tcp:3002",
             "forwardAllArgs": false
           },
           {
-            "command": "sleep 4 && nx run 3000-home:e2e",
+            "command": "wait-on tcp:3001 tcp:3002 && nx run @module-federation/3000-home:e2e:development",
             "forwardAllArgs": true
           }
         ]
+      },
+      "configurations": {
+        "production": {
+          "parallel": true,
+          "commands": [
+            {
+              "command": "npx kill-port 3000 3001 3002",
+              "forwardAllArgs": false
+            },
+            {
+              "command": "nx run-many --target=build --projects=3001-shop,3002-checkout --configuration=production --parallel=9 && nx run-many --target=serve --projects=3001-shop,3002-checkout --configuration=production --parallel=9 & wait-on tcp:3001 tcp:3002",
+              "forwardAllArgs": false
+            },
+            {
+              "command": "nx build @module-federation/3000-home --configuration=production && wait-on tcp:3001 tcp:3002 && NX_TUI=false nx run @module-federation/3000-home:e2e:production",
+              "forwardAllArgs": true
+            }
+          ]
+        }
       }
     }
   }

apps/3000-home/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "target": "es2017",
     "jsx": "preserve",

apps/3001-shop/cypress.config.ts

@@ -2,7 +2,12 @@ import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
 import { defineConfig } from 'cypress';
 
 export default defineConfig({
-  e2e: nxE2EPreset(__filename, { cypressDir: 'cypress' }),
+  e2e: {
+    ...nxE2EPreset(__filename, { cypressDir: 'cypress' }),
+    // Please ensure you use `cy.origin()` when navigating between domains and remove this option.
+    // See https://docs.cypress.io/app/references/migration-guide#Changes-to-cyorigin
+    injectDocumentDomain: true,
+  },
   defaultCommandTimeout: 10000,
   retries: {
     runMode: 3,

apps/3001-shop/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

apps/3001-shop/project.json

@@ -15,7 +15,10 @@
         "development": {
           "outputPath": "apps/3001-shop"
         },
-        "production": {}
+        "production": {
+          "cache": false,
+          "outputPath": "apps/3001-shop"
+        }
       },
       "dependsOn": [
         {
@@ -70,14 +73,41 @@
         "parallel": true,
         "commands": [
           {
-            "command": "lsof -i :3001 || nx run 3001-shop:serve",
+            "command": "npx kill-port 3000 3001 3002",
             "forwardAllArgs": false
           },
           {
-            "command": "sleep 10 && nx run 3001-shop:e2e",
+            "command": "NX_TUI=false nx run-many --target=serve --projects=3000-home,3002-checkout --configuration=development & wait-on tcp:3000 tcp:3002 ",
+            "forwardAllArgs": false
+          },
+          {
+            "command": "wait-on tcp:3000 tcp:3002 && nx run 3001-shop:e2e:development",
             "forwardAllArgs": true
           }
         ]
+      },
+      "configurations": {
+        "production": {
+          "parallel": true,
+          "commands": [
+            {
+              "command": "npx kill-port 3000 3001 3002",
+              "forwardAllArgs": false
+            },
+            {
+              "command": "nx run-many --target=build --projects=3000-home,3002-checkout --configuration=production --parallel=9",
+              "forwardAllArgs": false
+            },
+            {
+              "command": "nx run-many --target=serve --projects=3000-home,3002-checkout --configuration=production --parallel=9 & wait-on tcp:3000 tcp:3002",
+              "forwardAllArgs": false
+            },
+            {
+              "command": "echo 'done'",
+              "forwardAllArgs": true
+            }
+          ]
+        }
       }
     },
     "e2e": {
@@ -87,7 +117,11 @@
         "testingType": "e2e",
         "baseUrl": "http://localhost:3001"
       },
+      "defaultConfiguration": "development",
       "configurations": {
+        "development": {
+          "devServerTarget": "3001-shop:serve:development"
+        },
         "production": {
           "devServerTarget": "3001-shop:serve:production"
         }

apps/3001-shop/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig.base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "target": "es2017",
     "jsx": "preserve",