chore: use radix to improve modal component #2826
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Check PR | |
| on: | |
| pull_request: | |
| types: [opened, reopened, synchronize, labeled] | |
| jobs: | |
| check: | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 0 | |
| - name: Prepare | |
| uses: ./.github/actions/prepare | |
| - name: Checking Conventional Commits | |
| run: node ./scripts/check-conventional-commits/command.mjs | |
| env: | |
| REF: ${{ github.ref }} | |
| - name: Test | |
| run: | | |
| node ./scripts/build-libs/command.mjs | |
| yarn run test | |
| #In the test step, we build all packages, and the build meta files are generated. | |
| #Therefore, this step should be executed after the test step. | |
| - id: upload_artifacts | |
| name: Upload Build Artifacts | |
| uses: ./.github/actions/upload-build-artifacts | |
| # for preview deployment for specific project, add vercel project id in environment section | |
| - name: Preview Deployment | |
| id: deploy | |
| run: | | |
| yarn global add vercel | |
| yarn run deploy | |
| env: | |
| REF: ${{ github.ref }} | |
| GH_TOKEN: ${{ github.token }} | |
| VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }} | |
| VERCEL_TOKEN: ${{ secrets.VERCEL_TOKEN }} | |
| VERCEL_PROJECT_WIDGET_CONFIG: ${{ secrets.VERCEL_PROJECT_WIDGET_CONFIG }} # widget playground | |
| VERCEL_PROJECT_WIDGET_APP: ${{ secrets.VERCEL_PROJECT_WIDGET_APP }} # widget app | |
| VERCEL_PROJECT_STORYBOOK: ${{ secrets.VERCEL_PROJECT_STORYBOOK }} # storybook | |
| ENABLE_PREVIEW_DEPLOY: true | |
| outputs: | |
| # the structure of output variable is {packageNameWithoutScope}-url like: widget-app-url | |
| app_url: ${{ steps.deploy.outputs.widget-app-url }} | |
| playground_url: ${{ steps.deploy.outputs.widget-playground-url }} | |
| storybook_url: ${{ steps.deploy.outputs.storybook-url }} | |
| # add job for each project that you want has preview deployment | |
| app-preview: | |
| runs-on: ubuntu-latest | |
| needs: check | |
| environment: | |
| name: app-preview | |
| url: ${{ steps.seturl.outputs.url }} | |
| steps: | |
| - name: Extract Preview URL | |
| id: seturl | |
| run: | | |
| echo "url=${{ needs.check.outputs.app_url }}">> $GITHUB_OUTPUT | |
| echo "Preview URL: ${{ needs.check.outputs.app_url}}" | |
| playground-preview: | |
| runs-on: ubuntu-latest | |
| needs: check | |
| environment: | |
| name: playground-preview | |
| url: ${{ steps.seturl.outputs.url }} | |
| steps: | |
| - name: Extract Preview URL | |
| id: seturl | |
| run: | | |
| echo "url=${{ needs.check.outputs.playground_url }}">> $GITHUB_OUTPUT | |
| echo "Preview URL: ${{ needs.check.outputs.playground_url}}" | |
| storybook-preview: | |
| runs-on: ubuntu-latest | |
| needs: check | |
| environment: | |
| name: storybook-preview | |
| url: ${{ steps.seturl.outputs.url }} | |
| steps: | |
| - name: Extract Preview URL | |
| id: seturl | |
| run: | | |
| echo "url=${{ needs.check.outputs.storybook_url }}">> $GITHUB_OUTPUT | |
| echo "Preview URL: ${{ needs.check.outputs.storybook_url}}" | |
| analyze-bundle: | |
| needs: check | |
| runs-on: ubuntu-latest | |
| steps: | |
| - uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 0 | |
| ref: ${{ github.ref }} | |
| - name: Prepare | |
| uses: ./.github/actions/prepare | |
| - name: Download Build Information For Current Branch | |
| uses: actions/download-artifact@v4 | |
| continue-on-error: true | |
| with: | |
| name: ${{steps.upload_artifacts.outputs.hashed}} | |
| path: 'current-branch' | |
| - name: Hash Target Branch Name | |
| id: hash_target_branch_name | |
| run: | | |
| hashed_name=$(printf "%s" "${{ github.base_ref }}" | base64 -w 0) | |
| echo "hashed=${hashed_name}">> $GITHUB_OUTPUT | |
| - name: Analyze Bundles And Create Report | |
| run: node ./scripts/analyze-bundle/command.mjs --currentBranchDirectory current-branch --targetBranchDirectory target-branch --targetBranchArtifactName ${{steps.hash_target_branch_name.outputs.hashed}} | |
| env: | |
| GH_TOKEN: ${{ github.token }} | |
| GH_REPOSITORY: ${{ github.repository }} |