🐛 워크플로우 수정

Author: devdeun

.github/workflows/process-images.yaml

@@ -24,11 +24,23 @@ jobs:
           restore-keys: |
             ${{ runner.os }}-primes-
       - name: Install dependencies
-        if: steps.cache.outputs.cache-hit != 'true'
         run: npm ci
+      - name: Create tsconfig.build.json
+        run: |
+          echo '{
+            "extends": "./tsconfig.json",
+            "compilerOptions": {
+              "target": "ES2021",
+              "module": "ES2020",
+              "outDir": "./dist",
+              "noEmit": false
+            },
+            "include": ["scripts/**/*"],
+            "exclude": ["src/**/*", "dist"]
+          }' > tsconfig.build.json
       - name: Build TypeScript
         run: |
-          npx tsc ./scripts/action-process-images.ts --outDir ./dist --esModuleInterop --target ES2021 --jsx react --skipLibCheck
+          npx tsc ./scripts/action-process-images.ts ./scripts/github-api.ts ./scripts/sharp-api.ts --outDir ./dist --esModuleInterop --target ES2021 --module ES2020 --moduleResolution bundler --allowJs --isolatedModules --skipLibCheck --jsx react
       - name: ✧ Process images and Report results
         run: node ./dist/action-process-images.js
         env:

scripts/action-process-images.ts

@@ -1,5 +1,5 @@
-import { createComment, createCommit, imageToTreeBlob } from './github-api'
-import { sharpImages } from './sharp-api'
+import { createComment, createCommit, createTreeBlobs } from './github-api.js'
+import { sharpImages } from './sharp-api.js'
 
 const formatByte = (byte: number) => {
   let num = +byte
@@ -25,12 +25,13 @@ const formatImages = (num: number) => {
   }
 
   console.log('\n::✧:: Generating Blobs…')
-  const imageBlobs = await Promise.all(sharpedImageList.map(imageToTreeBlob))
+  const imageBlobs = await Promise.all(sharpedImageList.map(createTreeBlobs))
+  const flattenedBlobs = imageBlobs.flat()
 
   console.log('\n::✧:: Committing files…')
   const commit = await createCommit({
-    message: '::✧:: process images',
-    treeBlobs: imageBlobs,
+    message: '🖼️ 이미지 최적화',
+    treeBlobs: flattenedBlobs,
   })
 
   console.log('\n::✧:: Writing comment on PR…')

scripts/github-api.ts

@@ -2,7 +2,7 @@ import * as fs from 'node:fs/promises'
 
 import { Octokit, type RestEndpointMethodTypes } from '@octokit/rest'
 
-import type { ProcessedResult } from './sharp-api'
+import type { ProcessedResult } from './sharp-api.js'
 
 export type GitTreeBlob = RestEndpointMethodTypes['git']['createTree']['parameters']['tree'][number]
 
@@ -12,6 +12,8 @@ export const [owner, repo] = GITHUB_REPOSITORY.split('/')
 
 export const GITHUB_PULL_REQUEST = JSON.parse(process.env['GITHUB_PULL_REQUEST']!)
 
+type PullRequestFile = RestEndpointMethodTypes['pulls']['listFiles']['response']['data'][number]
+
 if (!GITHUB_TOKEN) {
   console.log('::error:: There is no GITHUB_TOKEN environment variable')
   process.exit(1)
@@ -36,23 +38,48 @@ const imageToBase64 = async (path: string) => {
   return base64
 }
 
-export const imageToTreeBlob = async (image: ProcessedResult) => {
-  const encodedImage = await imageToBase64(image.path)
+export const createTreeBlobs = async (image: ProcessedResult) => {
+  const blobs: GitTreeBlob[] = []
+
+  const filePath = image.convertedToAvif ? image.avifPath! : image.path
+  const encodedImage = await imageToBase64(filePath)
 
-  const blob = await api.rest.git.createBlob({
+  const imageBlob = await api.rest.git.createBlob({
     owner,
     repo,
     content: encodedImage,
     encoding: 'base64',
   })
-  console.log('✧', image.name, blob.data.url)
 
-  return {
-    path: image.path,
+  blobs.push({
+    path: filePath,
     mode: '100644',
     type: 'blob',
-    sha: blob.data.sha,
-  } satisfies GitTreeBlob
+    sha: imageBlob.data.sha,
+  })
+
+  const modifiedMdxFiles = (GITHUB_PULL_REQUEST.changed_files as PullRequestFile[])
+    .map((file) => file.filename)
+    .filter((filename) => filename.endsWith('.mdx'))
+
+  for (const mdxPath of modifiedMdxFiles) {
+    const content = await fs.readFile(mdxPath, 'utf-8')
+    const mdxBlob = await api.rest.git.createBlob({
+      owner,
+      repo,
+      content: content,
+      encoding: 'utf-8',
+    })
+
+    blobs.push({
+      path: mdxPath,
+      mode: '100644',
+      type: 'blob',
+      sha: mdxBlob.data.sha,
+    })
+  }
+
+  return blobs
 }
 
 export const createCommit = async ({