feat: TypeScript support with Changesets migration

.changeset/config.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": [],
+  "privatePackages": {
+    "version": true,
+    "tag": true
+  }
+}

.changeset/initial-changesets-setup.md

@@ -0,0 +1,10 @@
+---
+"vue-pivottable": patch
+---
+
+chore: implement Changesets for monorepo release management
+
+- Replace semantic-release with Changesets for better monorepo support
+- Add GitHub App integration for automated releases
+- Simplify release workflow to avoid circular PR issues
+- Add manual release options for individual packages

.github/workflows/release-dashboard.yml

@@ -0,0 +1,105 @@
+name: Release Dashboard
+
+on:
+  pull_request:
+    types: [opened, synchronize, labeled, unlabeled]
+    branches: [main]
+
+jobs:
+  check-release:
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - name: Check Changed Packages
+        id: changed
+        run: |
+          # Get changed files
+          CHANGED_FILES=$(git diff --name-only origin/main...HEAD)
+
+          # Check each package
+          MAIN_CHANGED=false
+          LAZY_CHANGED=false
+          PLOTLY_CHANGED=false
+
+          if echo "$CHANGED_FILES" | grep -E "^src/|^package\.json$" | grep -v "^packages/"; then
+            MAIN_CHANGED=true
+          fi
+
+          if echo "$CHANGED_FILES" | grep -E "^packages/lazy-table-renderer/"; then
+            LAZY_CHANGED=true
+          fi
+
+          if echo "$CHANGED_FILES" | grep -E "^packages/plotly-renderer/"; then
+            PLOTLY_CHANGED=true
+          fi
+
+          echo "main_changed=$MAIN_CHANGED" >> $GITHUB_OUTPUT
+          echo "lazy_changed=$LAZY_CHANGED" >> $GITHUB_OUTPUT
+          echo "plotly_changed=$PLOTLY_CHANGED" >> $GITHUB_OUTPUT
+
+      - name: Update PR Comment
+        uses: actions/github-script@v7
+        with:
+          script: |
+            const { main_changed, lazy_changed, plotly_changed } = ${{ toJson(steps.changed.outputs) }};
+
+            let packages = [];
+            if (main_changed === 'true') packages.push('vue-pivottable');
+            if (lazy_changed === 'true') packages.push('@vue-pivottable/lazy-table-renderer');
+            if (plotly_changed === 'true') packages.push('@vue-pivottable/plotly-renderer');
+
+            const hasReleaseLabel = context.payload.pull_request.labels.some(
+              label => label.name === 'release'
+            );
+
+            const body = `## 📦 Release Status
+
+            **Packages with changes:**
+            ${packages.length > 0 ? packages.map(p => `- ${p}`).join('\n') : '- No package changes detected'}
+
+            **Release label:** ${hasReleaseLabel ? '✅ Applied' : '❌ Not applied'}
+
+            ${hasReleaseLabel && packages.length > 0 ? 
+              '🚀 **This PR will trigger releases for the changed packages when merged.**' : 
+              packages.length > 0 ? 
+              '⚠️ **Add the `release` label to trigger releases when merged.**' : 
+              'ℹ️ **No package changes to release.**'
+            }
+
+            ---
+            <sub>To release specific packages manually, use the [Manual Package Release](https://github.com/${{ github.repository }}/actions/workflows/release-manual.yml) workflow.</sub>`;
+
+            // Find existing comment
+            const { data: comments } = await github.rest.issues.listComments({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+              issue_number: context.issue.number,
+            });
+
+            const botComment = comments.find(comment => 
+              comment.user.type === 'Bot' && 
+              comment.body.includes('## 📦 Release Status')
+            );
+
+            if (botComment) {
+              await github.rest.issues.updateComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                comment_id: botComment.id,
+                body: body
+              });
+            } else {
+              await github.rest.issues.createComment({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                issue_number: context.issue.number,
+                body: body
+              });
+            }

.github/workflows/release-manual.yml

@@ -0,0 +1,101 @@
+name: Manual Package Release
+
+on:
+  workflow_dispatch:
+    inputs:
+      package:
+        description: 'Package to release'
+        required: true
+        type: choice
+        options:
+          - vue-pivottable
+          - lazy-table-renderer
+          - plotly-renderer
+          - all
+      release-type:
+        description: 'Release type'
+        required: true
+        type: choice
+        options:
+          - patch
+          - minor
+          - major
+          - auto
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      packages: write
+      id-token: write
+
+    steps:
+      - name: Generate GitHub App Token
+        id: app-token
+        uses: tibdex/github-app-token@v1
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.APP_PRIVATE_KEY }}
+          installation_id: ${{ secrets.APP_INSTALLATION_ID }}
+
+      - name: Checkout
+        uses: actions/checkout@v4
+        with:
+          token: ${{ steps.app-token.outputs.token }}
+          fetch-depth: 0
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '22.10.0'
+          registry-url: 'https://registry.npmjs.org/'
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v2
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Configure Git
+        run: |
+          git config user.name "github-actions[bot]"
+          git config user.email "github-actions[bot]@users.noreply.github.com"
+
+      - name: Build Package(s)
+        run: |
+          if [ "${{ inputs.package }}" = "all" ]; then
+            pnpm build:all
+          elif [ "${{ inputs.package }}" = "vue-pivottable" ]; then
+            pnpm build
+          else
+            pnpm --filter @vue-pivottable/${{ inputs.package }} build
+          fi
+
+      - name: Version and Release
+        env:
+          GITHUB_TOKEN: ${{ steps.app-token.outputs.token }}
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_TOKEN_SUMIN: ${{ secrets.NPM_TOKEN_SUMIN }}
+        run: |
+          if [ "${{ inputs.release-type }}" != "auto" ]; then
+            VERSION_ARG="--release-as ${{ inputs.release-type }}"
+          else
+            VERSION_ARG=""
+          fi
+
+          if [ "${{ inputs.package }}" = "all" ]; then
+            # Release all packages
+            pnpm dlx semantic-release $VERSION_ARG
+            cd packages/lazy-table-renderer && pnpm dlx semantic-release $VERSION_ARG && cd ../..
+            cd packages/plotly-renderer && NPM_TOKEN=$NPM_TOKEN_SUMIN pnpm dlx semantic-release $VERSION_ARG && cd ../..
+          elif [ "${{ inputs.package }}" = "vue-pivottable" ]; then
+            pnpm dlx semantic-release $VERSION_ARG
+          else
+            cd packages/${{ inputs.package }}
+            if [ "${{ inputs.package }}" = "plotly-renderer" ]; then
+              NPM_TOKEN=$NPM_TOKEN_SUMIN pnpm dlx semantic-release $VERSION_ARG
+            else
+              pnpm dlx semantic-release $VERSION_ARG
+            fi
+          fi

.github/workflows/release-vue-pivottable.yml → .github/workflows/release.yml

@@ -1,9 +1,12 @@
-name: Release vue-pivottable
+name: Release
 
 on:
   push:
     branches:
-      - release
+      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
 jobs:
   release:
     name: Release
@@ -14,13 +17,22 @@ jobs:
       pull-requests: write
       id-token: write
     steps:
+      - name: Generate GitHub App Token
+        id: generate-token
+        uses: tibdex/github-app-token@v1
+        with:
+          app_id: ${{ secrets.APP_ID }}
+          private_key: ${{ secrets.APP_PRIVATE_KEY }}
+          installation_id: ${{ secrets.APP_INSTALLATION_ID }}
+
       - name: Checkout
         uses: actions/checkout@v4
         with:
           fetch-depth: 0
+          token: ${{ steps.generate-token.outputs.token }}
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '22.10.0'
           registry-url: 'https://registry.npmjs.org/'
@@ -33,41 +45,26 @@ jobs:
       - name: Install dependencies
         run: pnpm install
 
-      - name: Build
-        run: pnpm build
-      - name: Generate GitHub App Token
-        id: generate-token
-        uses: tibdex/github-app-token@v1
+      - name: Create Release Pull Request or Publish
+        id: changesets
+        uses: changesets/action@v1
         with:
-          app_id: ${{ secrets.APP_ID }}
-          private_key: ${{ secrets.APP_PRIVATE_KEY }}
-          installation_id: ${{ secrets.APP_INSTALLATION_ID }}
-      - name: Release
+          # This will create a PR with version bumps and changelog updates
+          # When the PR is merged, it will publish to npm
+          publish: pnpm release:packages
+          version: pnpm changeset version
+          commit: "chore: release packages"
+          title: "chore: release packages"
+          createGithubReleases: true
         env:
           GITHUB_TOKEN: ${{ steps.generate-token.outputs.token }}
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-        run: |
-          pnpm dlx semantic-release
-
-      - uses: actions/checkout@v4
-        with:
-          ref: main
-
-      - name: Reset release branch
-        run: |
-          git fetch origin release:release
-          git reset --hard release
-      - name: Create Pull Request
-        uses: peter-evans/create-pull-request@v5
-        with:
-          branch: release-to-main
-          commit-message: 'chore: update version to latest release [skip ci]'
-          title: 'chore: update version to latest release [skip ci]'
-          body: |
-            이 PR은 release 브랜치의 최신 버전 정보로 main 브랜치를 업데이트합니다.
-
-            - package.json 버전 업데이트
-            - CHANGELOG.md 업데이트
+          NPM_TOKEN_SUMIN: ${{ secrets.NPM_TOKEN_SUMIN }}
 
-            이 PR은 release 워크플로우에 의해 자동으로 생성되었습니다.
+      # Alternative: Use semantic-release with GitHub App token
+      # - name: Release
+      #   env:
+      #     GITHUB_TOKEN: ${{ steps.generate-token.outputs.token }}
+      #     NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+      #   run: |
+      #     pnpm dlx semantic-release