[Epic] NOL 회원 통합 (v14)

.github/workflows/add-label.yaml

@@ -7,7 +7,7 @@ on:
 jobs:
   label-pr:
     if: ${{ github.event.pull_request.draft == false && github.event.pull_request.user.login != 'triple-bot' && !contains(github.event.pull_request.labels.*.name, 'release') }}
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4

.github/workflows/cd.yaml

@@ -16,24 +16,12 @@ env:
   NPM_REGISTRY_URL: 'https://registry.npmjs.org'
   NODE_AUTH_TOKEN: ${{ secrets.READ_ONLY_NPM_TOKEN }}
   HUSKY: 0
-  # Slack notifications
-  SLACK_WEBHOOK: ${{ secrets.GHA_NOTIFICATIONS_WEBHOOK_URL }}
-  SLACK_CHANNEL: '#triple-web-dev-notifications' # 메시지 보낼 채널
-  SLACK_USERNAME: 'Triple Frontend' # 메시지를 보내는 계정 이름
-  SLACK_ICON_EMOJI: ':triple_new:'
-  SLACK_DETAIL_URL: 'https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}'
-  SLACK_GITHUB_REPOSITORY: ${{ github.repository }}
-  SLACK_AUTHOR_NAME: ${{ github.event.sender.login }}
-  SLACK_AUTHOR_ICON: ${{ github.event.sender.avatar_url }}
-  SLACK_FOOTER: ${{ github.repository }}
-  SLACK_GITHUB_REF: ${{ github.event.ref }} # 메시지에 ref로 표시되는 값
-  SLACK_GITHUB_EVENT_NAME: ${{ github.event_name }} # 메시지에 Event로 표시되는 값
   # Nx Cloud
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
 
 jobs:
   wait-for-ci:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -56,30 +44,14 @@ jobs:
           token: ${{ secrets.GITHUB_TOKEN }}
           checkName: build
 
-      - name: Notify checking CI timeout
-        if: steps.wait-for-ci.outputs.conclusion == 'timed_out'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: CI Waiting timeout'
-          SLACK_TOPIC: 'CI workflow가 시작되었는지, 기다리는 job의 이름이 CI job과 일치하는지, 확인해주세요.'
-        run: pnpm dlx @titicaca/gha-tools notify
-
-      - name: Notify checking CI failure
-        if: steps.wait-for-ci.outputs.conclusion == 'failure'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: CI FAILURE'
-          SLACK_TOPIC: '배포를 중단합니다.'
-        run: pnpm dlx @titicaca/gha-tools notify
-
       - name: Shutdown workflow
         if: steps.wait-for-ci.outputs.conclusion != 'success'
         run: node -e 'process.exit(1)'
 
   release:
     needs: wait-for-ci
     if: startsWith(github.event.ref, 'refs/tags/release-prod-')
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -98,13 +70,6 @@ jobs:
       - name: Get release version
         run: echo "DEPLOY_VERSION=v$(cat ./lerna.json | jq -r '.version')" >> $GITHUB_ENV
 
-      - name: Notify deploy start to slack
-        env:
-          SLACK_COLOR: gray
-          SLACK_TITLE: ':rocket: Release WORKING'
-          SLACK_TOPIC: ${{ env.DEPLOY_VERSION }}
-        run: pnpm dlx @titicaca/gha-tools notify
-
       - name: Install dependencies
         env:
           NODE_AUTH_TOKEN: ${{ secrets.READ_ONLY_NPM_TOKEN }}
@@ -117,26 +82,10 @@ jobs:
           NODE_AUTH_TOKEN: ${{ secrets.READ_WRITE_NPM_TOKEN }}
         run: pnpm -r publish --no-git-checks
 
-      - name: Notify deploy success to slack
-        if: success()
-        env:
-          SLACK_COLOR: success
-          SLACK_TITLE: ':tada: Release SUCCESS'
-          SLACK_TOPIC: ${{ env.DEPLOY_VERSION }}
-        run: pnpm dlx @titicaca/gha-tools notify
-
-      - name: Notify deploy fail to slack
-        if: failure()
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Release FAILURE'
-          SLACK_TOPIC: ${{ env.DEPLOY_VERSION }}
-        run: pnpm dlx @titicaca/gha-tools notify
-
   tag:
     needs: release
     if: success()
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -198,7 +147,7 @@ jobs:
   canary-release:
     needs: wait-for-ci
     if: startsWith(github.event.ref, 'refs/tags/release-pr-')
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -229,13 +178,6 @@ jobs:
           echo "PR_NUMBER=$PR_NUMBER" >> $GITHUB_ENV
           echo "DEPLOY_VERSION=$NEXT_VERSION-pr-$PR_NUMBER.$REF_COUNT" >> $GITHUB_ENV
 
-      - name: Notify release start to Slack
-        env:
-          SLACK_COLOR: gray
-          SLACK_TITLE: ':rocket: Release WORKING'
-          SLACK_TOPIC: ${{ env.DEPLOY_VERSION }}
-        run: pnpm dlx @titicaca/gha-tools notify
-
       - name: Install dependencies
         env:
           NODE_AUTH_TOKEN: ${{ secrets.READ_ONLY_NPM_TOKEN }}
@@ -265,19 +207,3 @@ jobs:
             -H "Content-Type: application/json" \
             -f --request POST \
             -d "{\"body\":\"${{ env.DEPLOY_VERSION }} has been published!\"}"
-
-      - name: Notify release success to Slack
-        if: success()
-        env:
-          SLACK_COLOR: success
-          SLACK_TITLE: ':tada: Release SUCCESS'
-          SLACK_TOPIC: ${{ env.DEPLOY_VERSION }}
-        run: pnpm dlx @titicaca/gha-tools notify
-
-      - name: Notify release failure to Slack
-        if: failure()
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Release FAILURE'
-          SLACK_TOPIC: ${{ env.DEPLOY_VERSION }}
-        run: pnpm dlx @titicaca/gha-tools notify

.github/workflows/ci.yaml

@@ -13,24 +13,12 @@ env:
   NPM_REGISTRY_URL: 'https://registry.npmjs.org'
   NODE_AUTH_TOKEN: ${{ secrets.READ_ONLY_NPM_TOKEN }}
   HUSKY: 0
-  # Slack Notifications
-  SLACK_WEBHOOK: ${{ secrets.GHA_NOTIFICATIONS_WEBHOOK_URL }}
-  SLACK_CHANNEL: '#triple-web-dev-notifications' # 메시지 보낼 채널
-  SLACK_USERNAME: 'Triple Frontend' # 메시지를 보내는 계정 이름
-  SLACK_ICON_EMOJI: ':triple_new:'
-  SLACK_DETAIL_URL: 'https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}'
-  SLACK_GITHUB_REPOSITORY: ${{ github.repository }}
-  SLACK_AUTHOR_NAME: ${{ github.event.sender.login }}
-  SLACK_AUTHOR_ICON: ${{ github.event.sender.avatar_url }}
-  SLACK_FOOTER: ${{ github.repository }}
-  SLACK_GITHUB_REF: ${{ github.event.ref }} # 메시지에 ref로 표시되는 값
-  SLACK_GITHUB_EVENT_NAME: ${{ github.event_name }} # 메시지에 Event로 표시되는 값
   # Nx Cloud
   NX_CLOUD_ACCESS_TOKEN: ${{ secrets.NX_CLOUD_ACCESS_TOKEN }}
 
 jobs:
   check-dependencies:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -56,16 +44,8 @@ jobs:
             exit 1
           fi
 
-      - name: Notify checking dependency failure
-        if: failure() && steps.check-working-tree-clean.outcome == 'failure'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Deps check FAILURE'
-          SLACK_TOPIC: '의존성 변경이 있습니다. `pnpm run sync-deps`로 변경을 반영해주세요.'
-        run: pnpm dlx @titicaca/gha-tools notify
-
   lint:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -87,16 +67,8 @@ jobs:
         id: lint
         run: pnpm run lint
 
-      - name: Notify linting failure
-        if: failure() && steps.lint.outcome == 'failure'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Lint FAILURE'
-          SLACK_TOPIC: ''
-        run: pnpm dlx @titicaca/gha-tools notify
-
   build:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -118,16 +90,8 @@ jobs:
         id: build
         run: pnpm run build
 
-      - name: Notify building failure
-        if: failure() && steps.build.outcome == 'failure'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Build FAILURE'
-          SLACK_TOPIC: ''
-        run: pnpm dlx @titicaca/gha-tools notify
-
   test:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -149,31 +113,15 @@ jobs:
         id: test
         run: pnpm run test:coverage -- --ci --reporters github-actions --reporters summary --maxWorkers 2
 
-      - name: Notify testing failure
-        if: failure() && steps.test.outcome == 'failure'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Test FAILURE'
-          SLACK_TOPIC: ''
-        run: pnpm dlx @titicaca/gha-tools notify
-
       - name: Upload coverage to Codecov
         id: upload-coverage-to-codecov
         uses: codecov/codecov-action@v3
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
           directory: ./coverage
 
-      - name: Notify uploading coverage failure
-        if: failure() && steps.upload-coverage-to-codecov.outcome == 'failure'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Upload coverage FAILURE'
-          SLACK_TOPIC: ''
-        run: pnpm dlx @titicaca/gha-tools notify
-
   chromatic-deployment:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: actions/checkout@v4
@@ -202,14 +150,6 @@ jobs:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
           zip: true
 
-      - name: Notify publishing to Chromatic failure
-        if: failure() && steps.publish-to-chromatic.outcome == 'failure'
-        env:
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Publish to Chromatic FAILURE'
-          SLACK_TOPIC: ''
-        run: pnpm dlx @titicaca/gha-tools notify
-
       - name: Publish to Chromatic and auto accept changes
         if: github.ref == 'refs/heads/main'
         uses: chromaui/action@latest

.github/workflows/pr-closed.yaml

@@ -11,7 +11,7 @@ env:
 
 jobs:
   delete-release-tag:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - name: Check tag ref exist

.github/workflows/tag-with-comment.yaml

@@ -11,23 +11,11 @@ env:
   NODE_VERSION: 'lts/*'
   PNPM_VERSION: '9'
   NPM_REGISTRY_URL: 'https://registry.npmjs.org'
-  # Slack Notifications
-  SLACK_WEBHOOK: ${{ secrets.GHA_NOTIFICATIONS_WEBHOOK_URL }}
-  SLACK_CHANNEL: '#triple-web-dev-notifications' # 메시지 보낼 채널
-  SLACK_USERNAME: 'Triple Frontend' # 메시지를 보내는 계정 이름
-  SLACK_ICON_EMOJI: ':triple_new:'
-  SLACK_DETAIL_URL: 'https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}'
-  SLACK_GITHUB_REPOSITORY: ${{ github.repository }}
-  SLACK_AUTHOR_NAME: ${{ github.event.sender.login }}
-  SLACK_AUTHOR_ICON: ${{ github.event.sender.avatar_url }}
-  SLACK_FOOTER: ${{ github.repository }}
-  SLACK_GITHUB_REF: ${{ github.event.ref }} # 메시지에 ref로 표시되는 값
-  SLACK_GITHUB_EVENT_NAME: ${{ github.event_name }} # 메시지에 Event로 표시되는 값
 
 jobs:
   tag-with-comment:
     if: github.event.issue.state == 'open' && github.event.issue.pull_request && endsWith(github.event.comment.body, 'release-canary')
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
 
     steps:
       - uses: pnpm/action-setup@v3
@@ -116,21 +104,3 @@ jobs:
             -H 'Authorization: token ${{ secrets.TRIPLE_BOT_GITHUB_TOKEN }}' \
             -H 'Content-Type: application/json' \
             -d "{\"force\":true,\"sha\":\"${TAG_SHA}\"}"
-
-      - name: Notify tagging success to Slack
-        if: success()
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.READ_ONLY_NPM_TOKEN }}
-          SLACK_COLOR: success
-          SLACK_TITLE: ':label: Release tagging SUCCESS'
-          SLACK_TOPIC: '${{ github.event.sender.login }} tagged ${{ env.PR_REF }} as ${{ env.TAG_NAME }}.'
-        run: pnpm dlx @titicaca/gha-tools notify
-
-      - name: Notify tagging fail to Slack
-        if: failure()
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.READ_ONLY_NPM_TOKEN }}
-          SLACK_COLOR: fail
-          SLACK_TITLE: ':pleading: Release tagging FAILURE'
-          SLACK_TOPIC: 'Fail to tag ${{ env.PR_REF }} as ${{ env.TAG_NAME }}.'
-        run: pnpm dlx @titicaca/gha-tools notify

.github/workflows/update-changelog.yaml

@@ -15,7 +15,7 @@ env:
 
 jobs:
   update-changelog:
-    runs-on: [self-hosted, linux, x64]
+    runs-on: ${{ vars.NOL_RUNNER }}
     if: ${{ github.event.label.name == 'release' }}
     steps:
       - name: Check if a milestone exists on PR

.storybook/decorators.tsx

@@ -30,7 +30,7 @@ export function tripleWebProviderDecorator(Story, context) {
         afOnelinkId: '',
         afOnelinkPid: '',
         afOnelinkSubdomain: '',
-        webAssetsUrl: 'https://triple-dev.titicaca-corp.com',
+        webAssetsUrl: 'https://assets.triple-dev.titicaca-corp.com',
       }}
       i18nProvider={{
         defaultLocale: 'ko',

.storybook/public/mockServiceWorker.js

@@ -111,6 +111,14 @@ self.addEventListener('fetch', function (event) {
     return
   }
 
+  // https://github.com/mswjs/msw-storybook-addon/issues/36#issuecomment-1496150729
+  const url = new URL(event.request.url)
+
+  if (!url.pathname.startsWith('/api/')) {
+    // Do not propagate this event to other listeners (from MSW)
+    event.stopImmediatePropagation()
+  }
+
   // Generate unique request ID.
   const requestId = Math.random().toString(16).slice(2)