add changeset auto generate job to workflow

.changeset/tasty-buckets-buy.md

@@ -0,0 +1,5 @@
+---
+"@channel.io/bezier-icons": minor
+---
+
+Add changeset auto generating job to workflow

.github/workflows/generate-icon-files.yml

@@ -38,12 +38,19 @@ jobs:
         run: echo "pull_request_number=$(gh pr view --json number -q .number || echo "")" >> $GITHUB_OUTPUT
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
- 
+
       - name: Add pr description
         if: ${{ steps.generate-svg-files.outputs.icon_not_changed == 0}}
         run: |
           node packages/bezier-icons/scripts/add-pr-description.js ${{ secrets.GITHUB_TOKEN }} ${{ steps.pr.outputs.pull_request_number }}
-
+
+      - name: Add changeset
+        if: ${{ steps.generate-svg-files.outputs.icon_not_changed == 0}}
+        run: |
+          node packages/bezier-icons/scripts/generate-changeset.js
+          git add .
+          git commit -m "chore(bezier-icons): add changeset"
+
       - name: Delete icons.json files
         run: |
           git rm packages/bezier-icons/icons.json

packages/bezier-icons/scripts/generate-changeset.js

@@ -0,0 +1,12 @@
+const { exec } = require('child_process')
+const fs = require('fs')
+const path = require('path')
+
+const { getChangeLog } = require('./utils/getChangeLog')
+
+const changesetPath = path.resolve(__dirname, `../../../.changeset/icon-update-${new Date().valueOf()}.md`)
+
+exec('git log -1 --name-status --pretty="format:"', async (_undefined, stdout) => {
+  fs.writeFileSync(changesetPath, getChangeLog(stdout), 'utf-8')
+})
+

packages/bezier-icons/scripts/utils/getChangeLog.js

@@ -0,0 +1,32 @@
+const { getIconNamesByStatus } = require('./getIconNamesByStatus')
+
+const yamlFrontMatter =
+`---
+"@channel.io/bezier-icons": minor
+---\n
+`
+
+const statusByKey = {
+  M: '**CHANGE**',
+  A: '**ADD**',
+  D: '**DELETE**',
+}
+
+const getIconChangeLog = (iconsByStatus) => {
+  let changeLog = 'Icon Update\n\n'
+
+  for (const [key, icons] of Object.entries(iconsByStatus)) {
+    changeLog += statusByKey[key]
+    changeLog += '\n\n'
+    changeLog += icons.map(icon => `- ${icon}`).join('\n')
+    changeLog += '\n\n'
+  }
+
+  return changeLog.trim()
+}
+
+const getChangeLog = (gitLog) => yamlFrontMatter + getIconChangeLog(getIconNamesByStatus(gitLog))
+
+module.exports = {
+  getChangeLog,
+}

packages/bezier-icons/scripts/utils/getChangeLog.test.js

@@ -0,0 +1,31 @@
+/* eslint-disable no-undef */
+const { getChangeLog } = require('./getChangeLog')
+
+describe('getChangeLog function', () => {
+  test('returns changelog from git log', () => {
+    const gitLog = `M\tpackages/bezier-icons/icons/all.svg
+D\tpackages/bezier-icons/icons/home.svg
+A\tpackages/bezier-icons/icons/people.svg
+A\tpackages/bezier-icons/icons/chevron-right.svg`
+
+    expect(getChangeLog(gitLog)).toBe(
+      `---
+"@channel.io/bezier-icons": minor
+---
+
+Icon Update
+
+**CHANGE**
+
+- all.svg
+
+**DELETE**
+
+- home.svg
+
+**ADD**
+
+- people.svg
+- chevron-right.svg`)
+  })
+})

packages/bezier-icons/scripts/utils/getIconNamesByStatus.js

@@ -0,0 +1,24 @@
+const getIconName = (path) => path.split('/').at(-1)
+
+const getIconNamesByStatus = (gitLog) => gitLog
+  .trim()
+  .split('\n')
+  .map(line => line.split('\t'))
+  .filter(line => line[1].endsWith('.svg'))
+  .reduce((acc, cur) => {
+    const [key, file] = cur
+    const icon = getIconName(file)
+
+    if (!icon) { return acc }
+
+    if (!acc[key]) {
+      acc[key] = [icon]
+    } else {
+      acc[key].push(icon)
+    }
+    return acc
+  }, {})
+
+module.exports = {
+  getIconNamesByStatus,
+}

packages/bezier-icons/scripts/utils/getPrDescription.js

@@ -1,3 +1,5 @@
+const { getIconNamesByStatus } = require('./getIconNamesByStatus')
+
 const statusByKey = {
   M: 'modified',
   A: 'added',
@@ -10,8 +12,6 @@ const emojiByKey = {
   D: '🗑️',
 }
 
-const getIconName = (path) => path.split('/').at(-1)
-
 const getSummary = (iconsByStatus) => {
   let res = ''
 
@@ -27,32 +27,13 @@ const getTable = (iconsByStatus) => {
 
   for (const [key, icons] of Object.entries(iconsByStatus)) {
     for (const icon of icons) {
-      res += `| ${getIconName(icon)} | ${emojiByKey[key]} |\n`
+      res += `| ${icon} | ${emojiByKey[key]} |\n`
     }
   }
 
   return res
 }
 
-const getIconNamesByStatus = (gitLog) => gitLog
-  .trim()
-  .split('\n')
-  .map(line => line.split('\t'))
-  .filter(line => line[1].endsWith('.svg'))
-  .reduce((acc, cur) => {
-    const [key, file] = cur
-    const icon = getIconName(file)
-
-    if (!icon) { return acc }
-
-    if (!acc[key]) {
-      acc[key] = [icon]
-    } else {
-      acc[key].push(icon)
-    }
-    return acc
-  }, {})
-
 const getDescription = (gitLog) => {
   const iconsByStatus = getIconNamesByStatus(gitLog)