Merge branch 'main' into chore/update-eslint

.github/CODEOWNERS

@@ -1 +1,2 @@
-*   @kimdaeyeobbb @hy57in @developerjhp @bae-sh @noahluftyang @froggy1014 @heeji289 @synuns @yeojini @SEMIN-97
+*   @kimdaeyeobbb @hy57in @developerjhp @bae-sh @noahluftyang @froggy1014 @heeji289 @synuns @yeojini @SEMIN-97 @jiji-hoon96
+

.github/CONTRIBUTING.md

@@ -88,11 +88,11 @@ Before proposing changes, please **open an issue** to discuss the bug or feature
    ```
    We recommend following the Conventional Commits standard for clear and consistent commit messages. Below is the suggested structure:
 
-   | Element      | Requirement  | Description                                                                                                                                                            |
-   |--------------|--------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-   | `<type>`     | **Required** | Describes the purpose of the commit. Examples: `feat`, `fix`, `docs`, `style`, `refactor`, `test`.                                                                     |
-   | `<scope>`    | **Optional** | Specifies the affected module, file, or functionality. Limited to **20 characters** (e.g., `auth`, `header`).                                                          |
-   | `<subject>`  | **Required** | A concise summary of the changes:<br/> - Starts with a lowercase letter.<br/> - Avoid ending with a period (`.`).<br/> - Limited to **50 characters**. - Written in **English**. |
+   | Element      | Requirement  | Description                                                                                                                                                                    |
+   |--------------|--------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+   | `<type>`     | **Required** | Describes the purpose of the commit. Examples: `feat`, `fix`, `docs`, `style`, `refactor`, `test`                                                                              |
+   | `<scope>`    | **Optional** | Specifies the affected module, file, or functionality. Limited to **20 characters** (e.g., `auth`, `header`).                                                                  |
+   | `<subject>`  | **Required** | A concise summary of the changes<br/> - Starts with a lowercase letter<br/> - Avoid ending with a period (.)<br/> - Limited to **50 characters**<br/> - Must contain only English characters, numbers, and basic punctuation (!@#$%^&*(),.?":{}|<>_-)<br/> - Cannot be empty |
 
 
 

.github/workflows/chromatic.yaml

@@ -1,8 +1,18 @@
 name: Chromatic
 
 on:
+  pull_request:
+    types: [opened, ready_for_review, synchronize]
+    branches:
+      - main
+    paths:
+      - '**/*.stories.@(js|jsx|ts|tsx)'
   push:
-
+    branches:
+      - main
+    paths:
+      - '**/*.stories.@(js|jsx|ts|tsx)'
+
 jobs:
   chromatic:
     runs-on: ubuntu-latest
@@ -23,6 +33,14 @@ jobs:
       - name: Install dependencies
         run: pnpm install
       - name: Run Chromatic
+        id: chromatic
         uses: chromaui/action@latest
         with:
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+      - name: comment PR
+        uses: thollander/actions-comment-pull-request@v1
+        if: ${{ github.event_name == 'pull_request' }}
+        env:
+          GITHUB_TOKEN: ${{ secrets.RELEASE_BOT_TOKEN }}
+        with:
+          message: "💅 The Storybook has been updated! Click [here](${{ steps.chromatic.outputs.storybookUrl }}) to check it out."

.github/workflows/release.yaml

@@ -28,7 +28,7 @@ jobs:
         id: changesets
         uses: changesets/action@v1
         with:
-          version: pnpm changeset version --ignore @sipe-team/package-name
+          version: pnpm changeset version
           publish: pnpm changeset publish
           commit: "chore(release): version packages"
         env:

.templates/component/package.json

@@ -58,5 +58,6 @@
       "./styles.css": "./dist/index.css"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "private": true
 }

scripts/createComponent.ts

@@ -35,12 +35,7 @@ class CreateComponentCommand extends Command {
     }
   }
 
-  async copyRecursive(
-    source: string,
-    target: string,
-    kebabCaseName: string,
-    pascalCaseName: string,
-  ) {
+  async copyRecursive(source: string, target: string, kebabCaseName: string, pascalCaseName: string) {
     const currentFolder = path.basename(source);
 
     if (this.excludePatterns.includes(currentFolder)) {
@@ -59,26 +54,28 @@ class CreateComponentCommand extends Command {
           const sourcePath = path.join(source, entry.name);
           const newName = entry.name.replaceAll('Component', pascalCaseName);
           const targetPath = path.join(target, newName);
-          await this.copyRecursive(
-            sourcePath,
-            targetPath,
-            kebabCaseName,
-            pascalCaseName,
-          );
+          await this.copyRecursive(sourcePath, targetPath, kebabCaseName, pascalCaseName);
         }
       }
     } else {
       const content = await fs.readFile(source, 'utf-8');
       const updatedContent = Object.entries(patterns).reduce(
-        (content, [search, replace]) =>
-          content.replace(new RegExp(search, 'g'), replace),
+        (content, [search, replace]) => content.replace(new RegExp(search, 'g'), replace),
         content,
       );
 
       await fs.writeFile(target, updatedContent);
     }
   }
 
+  private async updatePackageJson(targetDir: string): Promise<void> {
+    const packageJsonPath = path.join(targetDir, 'package.json');
+    const packageJson = JSON.parse(await fs.readFile(packageJsonPath, 'utf-8'));
+
+    const { private: _, ...newPackageJson } = packageJson;
+    await fs.writeFile(packageJsonPath, JSON.stringify(newPackageJson, null, 2));
+  }
+
   async execute() {
     const loading = spinner();
 
@@ -109,22 +106,17 @@ class CreateComponentCommand extends Command {
       const targetDir = path.join(process.cwd(), 'packages', kebabCaseName);
 
       await this.validateTemplateDir(templateDir);
-      await this.copyRecursive(
-        templateDir,
-        targetDir,
-        kebabCaseName,
-        pascalCaseName,
-      );
+      await this.copyRecursive(templateDir, targetDir, kebabCaseName, pascalCaseName);
+
+      await this.updatePackageJson(targetDir);
 
       loading.stop('템플릿 복사 완료! ✨');
       outro(`${pascalCaseName} 컴포넌트가 성공적으로 생성되었습니다! 🎉`);
 
       return 0;
     } catch (error) {
       loading.stop('오류 발생');
-      console.error(
-        `Error: ${error instanceof Error ? error.message : '알 수 없는 오류가 발생했습니다'}`,
-      );
+      console.error(`Error: ${error instanceof Error ? error.message : '알 수 없는 오류가 발생했습니다'}`);
       return 1;
     }
   }