fix(icons-cli): output dir path

Author: mimokmt

.github/workflows/icons.yml

@@ -7,7 +7,6 @@ on:
   workflow_dispatch:
 
 env:
-  OUTPUT_ROOT_DIR: packages/icon-files/
   TARGET_BRANCH: ${{ github.event_name == 'workflow_dispatch' && github.ref_name || 'main' }}
 
 jobs:
@@ -37,12 +36,17 @@ jobs:
         env:
           FIGMA_FILE_URL: ${{ secrets.FIGMA_FILE_URL }}
           FIGMA_TOKEN: ${{ secrets.FIGMA_TOKEN }}
+          OUTPUT_ROOT_DIR: ../icon-files/
         run: pnpm --filter @charcoal-ui/icons-cli cli:icons figma:export
 
       - name: Optimize icons
+        env:
+          OUTPUT_ROOT_DIR: ../icon-files/
         run: pnpm --filter @charcoal-ui/icons-cli cli:icons svg:optimize --ignoreFile ../../misc/icons-cli-denylist
 
       - name: Generate icon files
+        env:
+          OUTPUT_ROOT_DIR: ../icon-files/
         run: pnpm --filter @charcoal-ui/icons-cli cli:icons files:generate
 
       - name: Generate github token
@@ -52,10 +56,15 @@ jobs:
           app_id: ${{ secrets.CHARCOAL_BOT_APP_ID }}
           private_key: ${{ secrets.CHARCOAL_BOT_PRIVATE_KEY }}
 
+      - run: |
+          pwd
+          ls -al packages/icon-files
+
       - name: Create Pull Request for updated icons
         env:
           GITHUB_ACCESS_TOKEN: ${{ steps.generate_token.outputs.token }}
           GITHUB_REPO_OWNER: pixiv
           GITHUB_REPO_NAME: charcoal
           GITHUB_DEFAULT_BRANCH: ${{ env.TARGET_BRANCH }}
+          OUTPUT_ROOT_DIR: ../icon-files/
         run: pnpm --filter @charcoal-ui/icons-cli cli:icons github:pr

packages/icons-cli/src/GitHubClient.ts

@@ -29,6 +29,8 @@ export class GithubClient {
   ) {
     const client = new this(repoOwner, repoName, token, defaultBranch)
     const outputDirFullPath = path.resolve(process.cwd(), outputDir)
+    // eslint-disable-next-line no-console
+    console.log(outputDirFullPath)
     const diff = await client.createTreeFromDiff(outputDirFullPath)
     // eslint-disable-next-line no-console
     console.log(`${diff.length} files are changed`)

packages/icons-cli/src/figma/FigmaFileClient.ts

@@ -58,6 +58,8 @@ export class FigmaFileClient {
 
     const outputDir = path.join(process.cwd(), outputRootDir, exportFormat)
 
+    // eslint-disable-next-line no-console
+    console.log(`output dir: ${outputDir}`)
     // eslint-disable-next-line no-console
     console.log(`Exporting components from ${url}`)
     await client.loadSvg(outputDir)

packages/icons-cli/src/generateSource.ts

@@ -46,7 +46,7 @@ export const generateEntrypoint = async (
   outputDir: string,
   icons: string[]
 ) => {
-  const srcRoot = path.join(outputDir, 'src')
+  const srcRoot = path.join(process.cwd(), outputDir, 'src')
   const mjsPath = path.join(srcRoot, 'index.js')
   await fs.ensureFile(mjsPath)
   await fs.writeFile(mjsPath, generateMjsEntrypoint(icons))
@@ -61,8 +61,11 @@ export const generateEntrypoint = async (
 }
 
 export const generateIconSource = async (outputDir: string) => {
-  const svgRoot = path.join(outputDir, 'svg')
-  const srcRoot = path.join(outputDir, 'src')
+  const svgRoot = path.join(process.cwd(), outputDir, 'svg')
+  const srcRoot = path.join(process.cwd(), outputDir, 'src')
+
+  // eslint-disable-next-line no-console
+  console.log(`output dir: ${srcRoot}`)
   const icons = (await glob('**/*.svg', { cwd: svgRoot }))
     .map(
       (path) => path.slice(0, -4) // e.g. '16/Add.svg' -> '16/Add'