[CLNP-8355] [ci]: add automated release workflow and update CI to Node 24

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

@@ -7,6 +7,7 @@ on:
   push:
     branches:
       - main
+      - release/**
 concurrency:
   group: build-and-test-${{ github.head_ref || github.ref_name }}
   cancel-in-progress: true
@@ -17,12 +18,12 @@ jobs:
 
     steps:
       - name: Checkout code
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
 
       - name: Setup Node.js
-        uses: actions/setup-node@v4
+        uses: actions/setup-node@v6
         with:
-          node-version: '16.19.1'
+          node-version: '24'
           cache: 'yarn'
 
       - name: Install dependencies
@@ -43,4 +44,12 @@ jobs:
         if: ${{ success() }}
         timeout-minutes: 15
         run: |
-          yarn test --forceExit --runInBand
+          yarn test --forceExit --runInBand || {
+            if [ -f "./test-results/junit-report.xml" ]; then
+              echo "Tests failed. Retrying failed tests..."
+              node scripts/failed-test-retry.js
+            else
+              echo "Tests failed and no JUnit report found."
+              exit 1
+            fi
+          }

.github/workflows/coverage.yml

@@ -1,11 +1,18 @@
+name: Coverage Report
+
+# Manual trigger only. To restore PR comment trigger, replace workflow_dispatch with:
+# on:
+#   issue_comment:
+#     types: [created, edited]
+# And add this condition to the job:
+#   if: github.event.issue.pull_request && contains(github.event.comment.body, './coverage')
+
 on:
-  issue_comment:
-    types: [created, edited]
+  workflow_dispatch:
 
 jobs:
-    coverage:
-        runs-on: ubuntu-latest
-        if: github.event.issue.pull_request && contains(github.event.comment.body, './coverage')
-        steps:
-            - uses: actions/checkout@v3
-            - uses: ArtiomTr/jest-coverage-report-action@v2
+  coverage:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - uses: ArtiomTr/jest-coverage-report-action@v2

.github/workflows/package-publish.yml

@@ -19,12 +19,14 @@ on:
 jobs:
   publish:
     runs-on: ubuntu-latest
+    env:
+      SKIP_REST: '' # Set to 'true' when npm_tag is provided
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           token: ${{ secrets.SDK_GH_BOT1_TOKEN }}
           fetch-depth: 0
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
           node-version: 18.x
           cache: 'yarn'
@@ -57,13 +59,15 @@ jobs:
           yarn install
           yarn build
       - name: Publish to npm
+        env:
+          NPM_TAG: ${{ github.event.inputs.npm_tag }}
         run: |
           cd ./dist
-          echo "//registry.npmjs.org/:_authToken=${{ secrets.npm_token }}" > .npmrc
-          if [ -z "${{ github.event.inputs.npm_tag }}" ]; then
+          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > .npmrc
+          if [ -z "$NPM_TAG" ]; then
             npm publish --access=public
           else
-            npm publish --tag ${{ github.event.inputs.npm_tag }} --access=public
+            npm publish --tag "$NPM_TAG" --access=public
             echo "npm_tag is provided; Skipping the rest of the steps."
             echo "SKIP_REST=true" >> $GITHUB_ENV
           fi

.github/workflows/pr-comment-bot.yml

@@ -8,7 +8,7 @@ jobs:
     if : ${{ github.event.issue.pull_request}}
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
       - uses: sendbird/release-automation-action@latest
         with:
           gh_token: ${{ secrets.SDK_GH_BOT1_TOKEN }}

.github/workflows/release-workflow.yml

@@ -0,0 +1,156 @@
+name: Release
+
+on:
+  workflow_dispatch:
+    inputs:
+      release_ticket_key:
+        description: 'Release Ticket Key (e.g., UIKIT-1234)'
+        required: true
+        type: string
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    permissions:
+      id-token: write
+      contents: write
+
+    env:
+      BOT_GH_TOKEN: ${{ secrets.SDK_GH_BOT1_TOKEN }}
+      JIRA_AUTH_USER: ${{ secrets.JIRA_AUTH_USER }}
+      JIRA_AUTH_API_TOKEN: ${{ secrets.JIRA_AUTH_API_TOKEN }}
+      SLACK_BOT_TOKEN: ${{ secrets.SLACK_BOT_TOKEN }}
+      RELEASE_VERSION: '' # Set by "Extract release version" step
+      RELEASE_TICKET_KEY: ${{ inputs.release_ticket_key }}
+      SLACK_RELEASE_CHANNEL_ID: ${{ vars.SLACK_RELEASE_CHANNEL_ID }}
+      BRANCH_NAME: ${{ github.ref_name }}
+      REPO_NAME: ${{ github.event.repository.name }}
+
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v6
+        with:
+          token: ${{ env.BOT_GH_TOKEN }}
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: '24'
+          cache: 'yarn'
+
+      - name: Install dependencies and build
+        run: |
+          yarn install --immutable
+          yarn build
+
+      - name: Extract release version
+        run: |
+          pip3 install requests
+          git config --global user.email "sha.sdk_deployment@sendbird.com"
+          git config --global user.name "sendbird-sdk-deployment"
+          git clone --depth 1 --branch main https://${{ env.BOT_GH_TOKEN }}@github.com/sendbird/sdk-deployment.git ~/sdk-deployment
+          release_version=$(python3 ~/sdk-deployment/scripts/v1.2/extract_version.py --branch_name "$BRANCH_NAME")
+          echo "RELEASE_VERSION=$release_version" >> $GITHUB_ENV
+
+      - name: Merge release branch to main
+        run: |
+          python3 ~/sdk-deployment/scripts/v1.2/github_pr_merge.py \
+            --github_api_token "$BOT_GH_TOKEN" \
+            --repo_name "$REPO_NAME" \
+            --branch_name "$BRANCH_NAME"
+          git fetch origin main
+          git switch main
+          git pull origin main
+
+      - name: Rebuild after merge
+        run: |
+          yarn install --immutable
+          yarn build
+
+      - name: Publish to npm
+        run: |
+          cd ./dist
+          npm publish --access=public --provenance
+
+      - name: Verify npm package publication
+        run: |
+          cd ./dist
+          PACKAGE_NAME=$(node -p "require('./package.json').name")
+          PACKAGE_VERSION=$(node -p "require('./package.json').version")
+          max_attempts=6
+          attempt=1
+          while [ $attempt -le $max_attempts ]; do
+            if npm view --registry=https://registry.npmjs.org/ "$PACKAGE_NAME@$PACKAGE_VERSION" version > /dev/null 2>&1; then
+              echo "Package $PACKAGE_NAME@$PACKAGE_VERSION successfully published to npm"
+              exit 0
+            fi
+            echo "Attempt $attempt/$max_attempts: Package not visible yet. Waiting 20s..."
+            sleep 20
+            attempt=$((attempt + 1))
+          done
+          echo "Package $PACKAGE_NAME@$PACKAGE_VERSION not found on npm registry after $max_attempts attempts"
+          exit 1
+
+      - name: Create git tag
+        run: |
+          git tag "v${{ env.RELEASE_VERSION }}"
+          git push origin "v${{ env.RELEASE_VERSION }}"
+
+      - name: Create GitHub Release
+        run: |
+          python3 ~/sdk-deployment/scripts/v1.2/create_github_release.py \
+            --github_api_token "$BOT_GH_TOKEN" \
+            --repo_name "$REPO_NAME" \
+            --tag_name "v${{ env.RELEASE_VERSION }}" \
+            --target_commitish main \
+            --body_path "$GITHUB_WORKSPACE/CHANGELOG_DRAFT.md"
+
+      - name: Slack notification
+        if: ${{ success() }}
+        continue-on-error: true
+        uses: slackapi/slack-github-action@v1.24.0
+        env:
+          SLACK_BOT_TOKEN: ${{ env.SLACK_BOT_TOKEN }}
+        with:
+          channel-id: ${{ env.SLACK_RELEASE_CHANNEL_ID }}
+          payload: |
+            {
+              "blocks": [
+                {
+                  "type": "section",
+                  "text": {
+                    "type": "mrkdwn",
+                    "text": ":tada: <https://github.com/${{ github.repository }}/releases/tag/v${{ env.RELEASE_VERSION }}|@sendbird/uikit-react ${{ env.RELEASE_VERSION }}> has been released!"
+                  }
+                }
+              ]
+            }
+
+      - name: Jira - Transition to RELEASED
+        if: ${{ success() }}
+        run: |
+          python3 ~/sdk-deployment/scripts/v1.2/transit_ticket.py \
+            --jira_auth_user "$JIRA_AUTH_USER" \
+            --jira_auth_api_token "$JIRA_AUTH_API_TOKEN" \
+            --issue_key "$RELEASE_TICKET_KEY" \
+            --from_issue_state RELEASING \
+            --to_issue_state RELEASED
+
+      - name: Jira - Rollback on failure
+        if: ${{ failure() }}
+        run: |
+          if ! python3 -c "import requests" 2>/dev/null; then
+            echo "Installing requests (not yet available)..."
+            pip3 install requests
+          fi
+          if [ ! -d ~/sdk-deployment ]; then
+            echo "Cloning sdk-deployment (not yet available)..."
+            git clone --depth 1 --branch main https://${{ env.BOT_GH_TOKEN }}@github.com/sendbird/sdk-deployment.git ~/sdk-deployment
+          fi
+          python3 ~/sdk-deployment/scripts/v1.2/transit_ticket.py \
+            --jira_auth_user "$JIRA_AUTH_USER" \
+            --jira_auth_api_token "$JIRA_AUTH_API_TOKEN" \
+            --issue_key "$RELEASE_TICKET_KEY" \
+            --from_issue_state RELEASING \
+            --to_issue_state CONDITIONAL_RELEASE_APPROVED

CHANGELOG_DRAFT.md

@@ -0,0 +1,5 @@
+### Features
+- Added ...
+
+### Fixes
+- Fixed a bug where ...

jest-setup.js

@@ -66,3 +66,11 @@ class MockMediaRecorder {
 global.MediaRecorder = MockMediaRecorder;
 
 copyProps(window, global);
+
+// Mock global fetch to prevent actual network requests in tests (Node 24+ has native fetch)
+global.fetch = jest.fn(() => Promise.resolve({
+  ok: true,
+  status: 200,
+  json: () => Promise.resolve({}),
+  text: () => Promise.resolve(''),
+}));

jest.config.js

@@ -28,9 +28,9 @@ module.exports = {
 
   // An array of regexp pattern strings used to skip coverage collection
   coveragePathIgnorePatterns: [
-    "/node_modules/",
-    "/_externals/",
-    "/stories/"
+    '/node_modules/',
+    '/_externals/',
+    '/stories/',
   ],
 
   // A list of reporter names that Jest uses when writing coverage reports
@@ -82,8 +82,8 @@ module.exports = {
 
   // A map from regular expressions to module names that allow to stub out resources with a single module
   moduleNameMapper: {
-    "\\.(css|less|sass|scss)$": "<rootDir>/__mocks__/styleMock.js",
-    "\\.(gif|ttf|eot|svg)$": "<rootDir>/__mocks__/fileMock.js"
+    '\\.(css|less|sass|scss)$': '<rootDir>/__mocks__/styleMock.js',
+    '\\.(gif|ttf|eot|svg)$': '<rootDir>/__mocks__/fileMock.js',
   },
 
   // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
@@ -102,7 +102,14 @@ module.exports = {
   // projects: undefined,
 
   // Use this configuration option to add custom reporters to Jest
-  // reporters: undefined,
+  reporters: [
+    'default',
+    ['jest-junit', {
+      outputDirectory: './test-results',
+      outputName: 'junit-report.xml',
+      addFileAttribute: 'true',
+    }],
+  ],
 
   // Automatically reset mock state between every test
   // resetMocks: false,
@@ -140,7 +147,7 @@ module.exports = {
   // snapshotSerializers: [],
 
   // The test environment that will be used for testing
-  testEnvironment: "node",
+  testEnvironment: 'node',
 
   // Options that will be passed to the testEnvironment
   // testEnvironmentOptions: {},
@@ -179,8 +186,8 @@ module.exports = {
 
   // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
   transformIgnorePatterns: [
-    '/node_modules/(?!(?:@sendbird/(react-uikit-message-template-view|uikit-message-template))/)'
-  ]
+    '/node_modules/(?!(?:@sendbird/(react-uikit-message-template-view|uikit-message-template))/)',
+  ],
   // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
   // unmockedModulePathPatterns: undefined,
 

package.json

@@ -128,6 +128,7 @@
     "jest": "29.5.0",
     "jest-environment-jsdom": "29.5.0",
     "jest-extended": "^3.2.4",
+    "jest-junit": "^16.0.0",
     "jsdom": "^20.0.0",
     "plop": "^2.5.3",
     "postcss": "^8.3.5",

rollup.config.mjs

@@ -13,7 +13,7 @@ import {visualizer} from "rollup-plugin-visualizer";
 import ts2 from "rollup-plugin-typescript2"
 
 // config from package.json
-import pkg from "./package.json" assert {type: "json"};
+import pkg from "./package.json" with {type: "json"};
 import inputs from "./rollup.module-exports.mjs";
 import { readFileSync, writeFileSync } from 'fs';
 import postcssRTLOptions from "./postcssRtlOptions.mjs";