yourssu · Hanna922 · Apr 16, 2024 · Mar 4, 2024 · Mar 15, 2024 · Mar 15, 2024
@@ -1,3 +1,12 @@
+---
+name: Bug report
+about: 버그 생겼을 때 쓰는 이슈 템플릿 ╯︿╰
+title: 'bug: '
+labels: bug, fix
+assignees: ''
+
+---
+
 # ISSUE ✅ :
 
 ## 📖 Summary

@@ -1,3 +1,12 @@
+---
+name: Feature request
+about: 새 기능 추가할 때 쓰는 이슈 템플릿
+title: 'feat: '
+labels: feat
+assignees: ''
+
+---
+
 # ISSUE ✅ :
 
 ## 📖 Summary

@@ -0,0 +1,37 @@
+# 이 파일은 release note 작성에 사용되는 파일입니다.
+
+name-template: '@yourssu/design-system-react@$RESOLVED_VERSION'
+tag-template: 'v$RESOLVED_VERSION'
+categories:
+  - title: '🆕 새로운 기능이 추가되었어요!'
+    label: 'feat'
+  - title: '🐞 자잘한 버그를 수정했습니다.'
+    labels:
+      - 'bug'
+      - 'fix'
+  - title: '🫶🏻 사용성 개선에 힘썼습니다.'
+    label: 'docs'
+  - title: '🛠️ 더 나은 코드를 위해 노력하고 있습니다.'
+    labels:
+      - 'refactor'
+      - 'chore'
+  - title: 'ETC'
+    labels:
+      - '*'
+change-template: '* $TITLE (#$NUMBER) by @$AUTHOR'
+change-title-escapes: '\<*_&#@`'
+exclude-labels:
+  - 'Main'
+version-resolver:
+  major:
+    labels:
+      - 'Major'
+  minor:
+    labels:
+      - 'Minor'
+  patch:
+    labels:
+      - 'Patch'
+  default: patch
+template: |
+  $CHANGES
@@ -1,4 +1,4 @@
-name: build and deploy storybook to s3
+name: build and deploy storybook to s3, publish to npm
 
 on:
   push:
@@ -32,3 +32,8 @@ jobs:
             --region ap-northeast-2 \
             ./storybook-static \
             s3://yds-react-storybook/${{ steps.version.outputs.VERSION }}
+
+      - name: Publish to NPM
+        run: npm publish
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Output of 'npm pack'
+*.tgz
@@ -7,6 +7,7 @@ const config: StorybookConfig = {
     '@storybook/addon-essentials',
     '@storybook/addon-onboarding',
     '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm'
   ],
   framework: {
     name: '@storybook/react-vite',

@@ -12,7 +12,7 @@ const __dirname = path.resolve();
 const ICONS_DIR = path.join(__dirname, './iconsAsset/static');
 const ICONS_COMPONENTS_DIR = path.join(__dirname, './src/style/foundation/icons/generated');
 const ICONS_INDEX_PATH = path.join(__dirname, './src/style/foundation/icons/generated/index.ts');
-const ICONS_STORIES_PATH = path.join(__dirname, './src/style/foundation/icons/icons.stories.tsx');
+const ICONS_STORIES_PATH = path.join(__dirname, './src/style/foundation/icons/Icons.stories.tsx');
 const PRETTIER_CONFIG_PATH = path.join(__dirname, './.prettierrc.json');
 const prettierConfig = JSON.parse(await fs.readFile(PRETTIER_CONFIG_PATH, 'utf-8'));
 
@@ -66,16 +66,20 @@ export const ${name} = memo(forwardRef<SVGSVGElement, IconProps>((props, ref) =>
       ${svg}
     </IconBase>
     )));
+
+${name}.displayName = '${name}';
 `;
 
 const StoryTemplate = (icons) => `/**
  * 이 파일은 iconsAsset/convert.js에 의해 자동 생성되었습니다.
  * 직접 수정하는 대신 iconsAsset/convert.js를 수정하세요.
  */
 
+import { Primary as PrimaryBlock, Controls, Markdown } from '@storybook/blocks';
 import { Meta, StoryObj } from '@storybook/react';
 import { styled } from 'styled-components';
 
+import IconDocs from './IconDocs.md?raw';
 import { IconBase } from './icon.base';
 
 import {
@@ -89,6 +93,17 @@ const Icons = [
 const meta: Meta = {
   title: 'Foundation/Icons',
   component: IconBase,
+  parameters: {
+    docs: {
+      page: () => (
+        <>
+          <Markdown>{IconDocs}</Markdown>
+          <PrimaryBlock />
+          <Controls />
+        </>
+      ),
+    },
+  },
 };
 export default meta;
 

@@ -3,6 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="stylesheet" href="//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vite + React + TS</title>
   </head>

@@ -1,7 +1,7 @@
 {
   "name": "@yourssu/design-system-react",
   "private": false,
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Yourssu Design System for React",
   "keywords": [
     "yourssu",
@@ -21,10 +21,14 @@
       "require": "./dist/index.cjs.js"
     }
   },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0 --fix",
+    "prepublishOnly": "npm run build",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -36,14 +40,14 @@
     "styled-components": "^6.0.7"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.4.0",
-    "@storybook/addon-interactions": "^7.4.0",
-    "@storybook/addon-links": "^7.4.0",
-    "@storybook/addon-onboarding": "^1.0.8",
-    "@storybook/blocks": "^7.4.0",
-    "@storybook/react": "^7.4.0",
-    "@storybook/react-vite": "^7.4.0",
-    "@storybook/testing-library": "^0.2.0",
+    "@storybook/addon-essentials": "^8.0.2",
+    "@storybook/addon-interactions": "^8.0.2",
+    "@storybook/addon-links": "^8.0.2",
+    "@storybook/addon-mdx-gfm": "^8.0.2",
+    "@storybook/addon-onboarding": "^8.0.2",
+    "@storybook/blocks": "^8.0.2",
+    "@storybook/react": "^8.0.2",
+    "@storybook/react-vite": "^8.0.2",
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
     "@typescript-eslint/eslint-plugin": "^6.0.0",
@@ -60,15 +64,12 @@
     "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^7.4.0",
+    "storybook": "^8.0.2",
     "styled-components": "^6.0.7",
     "typescript": "^5.0.2",
     "vite": "^4.4.5",
     "vite-plugin-dts": "^3.5.3",
     "vite-tsconfig-paths": "^4.2.0",
     "xmldom": "^0.6.0"
-  },
-  "resolutions": {
-    "jackspeak": "2.1.1"
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,3 +22,6 @@ dist-ssr @@
     *.njsproj
     *.sln
     *.sw?
+    # Output of 'npm pack'
+    *.tgz