workflow: switch to pnpm and modify release ways

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [
+    [
+      "@module-federation/runtime",
+      "@module-federation/enhanced",
+      "@module-federation/webpack-bundler-runtime",
+      "@module-federation/sdk"
+    ]
+  ],
+  "ignorePatterns": ["^alpha|^beta"],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "canary",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.changeset/nice-days-learn.md

@@ -0,0 +1,5 @@
+---
+'@module-federation/runtime': patch
+---
+
+fix: add runtime api

.github/pr-labeler.yml

@@ -0,0 +1,10 @@
+'change: feat':
+  - '/^(feat|types|style)/'
+'change: fix':
+  - '/^fix/'
+'change: perf':
+  - '/^perf/'
+'change: breaking':
+  - '/^breaking change/'
+'change: docs':
+  - '/^docs/'

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

@@ -17,12 +17,21 @@ jobs:
       - uses: actions/checkout@v3
         with:
           fetch-depth: 0
+      - name: Install Pnpm
+        run: corepack enable
+      - name: Setup Node.js 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'pnpm'
+      - name: Install cypress
+        run: npx cypress install
       - uses: nrwl/nx-set-shas@v3
-      - run: npm ci
+      - run: pnpm install
       - run: npx nx format:check
+      - run: npx nx affected -t build --parallel=10 --exclude='*,!tag:package'
       - run: npx nx affected -t lint --parallel=7 --exclude='*,!tag:package'
       - run: npx nx affected -t test --parallel=3 --exclude='*,!tag:package'
-      - run: npx nx affected -t build --parallel=10 --exclude='*,!tag:package'
       - run: npx nx run-many --target=serve --projects=3000-home,3001-shop,3002-checkout --parallel=3 & echo "done"
-      - run: sleep 3 && npx nx run-many --target=test:e2e --projects=3000-home,3001-shop,3002-checkout --parallel=1
+      - run: sleep 6 && npx nx run-many --target=test:e2e --projects=3000-home,3001-shop,3002-checkout --parallel=1
       - run: lsof -ti tcp:3000,3001,3002 | xargs kill

.github/workflows/pr-label.yaml

@@ -0,0 +1,20 @@
+name: PR Labeler
+
+on:
+  pull_request_target:
+    types:
+      - opened
+      - edited
+
+jobs:
+  change-labeling:
+    name: Labeling for changes
+    runs-on: ubuntu-latest
+    steps:
+      - uses: github/issue-labeler@v3.2
+        with:
+          repo-token: '${{ secrets.GITHUB_TOKEN }}'
+          configuration-path: .github/pr-labeler.yml
+          enable-versioned-regex: 0
+          include-title: 1
+          sync-labels: 1

.github/workflows/release-pull-request.yml

@@ -0,0 +1,52 @@
+name: Release Pull Request
+
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        type: choice
+        description: 'Release Type (next, beta, alpha, latest)'
+        required: true
+        default: 'latest'
+        options:
+          - next
+          - beta
+          - alpha
+          - latest
+
+jobs:
+  release:
+    name: Create Release Pull Request
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@master
+        with:
+          # This makes Actions fetch only one branch to release
+          fetch-depth: 10
+
+      - name: Install Pnpm
+        run: corepack enable
+
+      - name: Setup Node.js 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'pnpm'
+
+      - name: Install Dependencies
+        run: pnpm install --ignore-scripts
+
+      - name: Create Release Pull Request
+        uses: web-infra-dev/actions@v2
+        with:
+          # this expects you to have a script called release which does a build for your packages and calls changeset publish
+          version: ${{ github.event.inputs.version || 'latest' }}
+          versionNumber: 'auto'
+          type: 'pull request'
+          tools: 'changeset'
+        env:
+          GITHUB_TOKEN: ${{ secrets.REPO_SCOPED_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          REPOSITORY: ${{ github.repository }}
+          REF: ${{ github.ref }}

.github/workflows/release.yml

@@ -0,0 +1,105 @@
+name: Release
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        type: choice
+        description: 'Release Version (next, beta, alpha, latest)'
+        required: true
+        default: 'next'
+        options:
+          - next
+          - beta
+          - alpha
+          - latest
+      branch:
+        description: 'Release Branch (confirm release branch)'
+        required: true
+        default: 'canary'
+  issue_comment:
+    types: [created]
+
+permissions:
+  id-token: write
+
+jobs:
+  issue_comment:
+    name: Release with comment
+    if: github.event.issue.pull_request && contains(github.event.comment.body, '!canary')
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 1
+          ref: refs/pull/${{ github.event.issue.number }}/head
+
+      - name: Install Pnpm
+        run: corepack enable
+
+      - name: Setup Node.js 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'pnpm'
+
+      - name: Install deps
+        run: pnpm install
+
+      - name: Build and test Packages
+        run: npx nx affected -t pre-release --parallel=3 --exclude='*,!tag:package' --base=origin/canary --head=${{ github.ref }}
+
+      - name: Release
+        uses: web-infra-dev/actions@v2
+        with:
+          version: 'next'
+          type: 'release'
+          branch: ''
+          tools: 'changeset'
+        env:
+          GITHUB_TOKEN: ${{ secrets.REPO_SCOPED_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          REPOSITORY: ${{ github.repository }}
+          PULL_REQUEST_NUMBER: ${{ github.event.issue.number }}
+          COMMENT: ${{ toJson(github.event.comment) }}
+
+  release:
+    name: Release
+    if: ${{ github.event_name == 'workflow_dispatch' || github.event_name == 'push' }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+        with:
+          fetch-depth: 25
+
+      - name: Install Pnpm
+        run: corepack enable
+
+      - name: Setup Node.js 18
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18'
+          cache: 'pnpm'
+
+      - name: Install deps
+        run: pnpm install
+
+      - name: Build and test Packages
+        run: |
+          git fetch origin canary
+          npx nx affected -t pre-release --parallel=3 --exclude='*,!tag:package' --base=origin/canary --head=${{ github.ref }}
+
+      - name: Release
+        uses: web-infra-dev/actions@v2
+        with:
+          version: ${{ github.event.inputs.version  || 'next' }}
+          branch: ${{ github.event.inputs.branch }}
+          type: 'release'
+          tools: 'changeset'
+        env:
+          GITHUB_TOKEN: ${{ secrets.REPO_SCOPED_TOKEN }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          REPOSITORY: ${{ github.repository }}
+          REF: ${{ github.ref }}

.gitignore

@@ -45,3 +45,7 @@ Thumbs.db
 .next
 .netlify
 migrations.json
+
+# build contnt
+packages/**/dist
+apps/**/dist

CONTRIBUTING.md

@@ -36,18 +36,28 @@ nvm use 18
 
 ### Install Dependencies
 
-First, install NX globally:
+```sh
+# Enable pnpm with corepack, only available on Node.js >= `v14.19.0`
+corepack enable
+```
+
+Add nx to global
 
 ```bash
-npm install --global nx@latest
+pnpm add nx@latest -g
 ```
 
-Then, install Node.js dependencies:
+First, install NX globally:
 
-```bash
-npm install
+```sh
+pnpm install
 ```
 
+What this will do:
+
+- Install all dependencies
+- Create symlinks between packages in the monorepo
+
 
 ## Testing
 
@@ -84,49 +94,49 @@ npx nx affected -t test --parallel=3 --exclude='*,!tag:package'
 This command ensures that only relevant tests are executed, saving time and resources.
 
 
-## Release
+## Submitting Changes
 
-Module Federation uses GitHub Actions for automated versioning and publishing:
+### Add a Changeset
 
-## Version Release
+Universe is using [Changesets](https://github.com/changesets/changesets) to manage the versioning and changelogs.
 
-Releasing a version in Module Federation is now more efficient with specific commands and an automated CI process, utilizing the `@goestav/nx-semantic-release:semantic-release` for semantic versioning:
+If you've changed some packages, you need add a new changeset for the changes. Please run `changeset` command to select the changed packages and add the changeset info.
 
-- To manually release a version:
-  - Run: `nx run PROJECT-NAME:release`
-  - For additional configuration options, refer to the [nx-semantic-release documentation](https://github.com/goestav/nx-semantic-release).
-- Executing this command will:
-  - Tag your commit with the version.
-  - Generate a changelog.
-  - Increment the project version.
-  - Update versions of dependent projects.
+```sh
+pnpm run changeset
+```
 
-### Automated Releases in CI
+![image](https://github.com/module-federation/universe/assets/27547179/15505abf-8b0b-450f-b2d0-ffdc52e710a4)
 
-Releases are automated in CI, based on the branch they are merged into:
 
-- `main`: Stable channel.
-- `next`: Release candidate channel.
-- `canary`: Canary channel.
+### Committing your Changes
 
-To trigger releases manually:
+Commit your changes to your forked repo, and [create a pull request](https://help.github.com/articles/creating-a-pull-request/).
 
-1. Go to the [Release Workflow](https://github.com/module-federation/universe/actions/workflows/trigger-release.yml) on GitHub.
-2. Select the target branch (`canary`, `main`, `next`).
-3. Choose the project from the dropdown menu.
-4. Trigger the release.
-5. Its suggested to trigger releases in order of consumption
+### Format of PR titles
 
-This ensures a consistent and automated release cycle across different channels, in line with modern CI/CD practices.
+The format of PR titles follow Conventional Commits.
 
-### Creating new packages/projects
+An example:
 
-To create a new package/project you can use any Nx generator you like/need, just make sure to add the `package` tag to the project and include the `release` target in the `package.json` file.
+```
+feat(plugin-swc): Add `xxx` config
+^    ^    ^
+|    |    |__ Subject
+|    |_______ Scope
+|____________ Type
+```
 
-The nx-semantic-release plugin does NOT know when the package was created, so we need to manually create the first tag for the package, also keep in mind that the first version of the package should be `1.0.0` and not `0.0.0`, so to create the first tag for the package you can run:
 
-```sh
-git tag -a <PROJECT_NAME>-<VERSION>
-```
+## Release
+
+Module Federation uses GitHub Actions for automated versioning and publishing:
+
+## Action release
+
+* next: The timestamp version will be created when you release with the next version, which is suitable for testing on your own
+* beta|alpha: Suitable for releasing test versions
+* latest: Suitable for releasing stable versions in the trunk branch
+
+![image](https://github.com/module-federation/universe/assets/27547179/18580135-3326-4bff-9ba1-0570f40f9e2a)
 
-Note that this format is important for the nx-semantic-release plugin understand the version of the package, you can check the used format in this project on the `tagFormat` option in the `nxrelease.config.js` file.

apps/3000-home/cypress.config.ts

@@ -2,6 +2,7 @@ import { nxE2EPreset } from '@nx/cypress/plugins/cypress-preset';
 import { defineConfig } from 'cypress';
 
 export default defineConfig({
+  projectId: 'sa6wfn',
   e2e: nxE2EPreset(__filename, { cypressDir: 'cypress' }),
   defaultCommandTimeout: 20000,
 });