라이브러리 v1.0 배포 준비

README.md

@@ -1,4 +1,4 @@
-# @berrypjh/ui-source
+# @berrypjh/shared-stack
 
 > **Note**
 > GitHub Packages 비공개 배포 라이브러리입니다. 설치 전 `.npmrc` 설정이 필요합니다.

apps/demo-mobile/eslint.config.mjs

@@ -1,15 +1,7 @@
-import nx from '@nx/eslint-plugin';
-
 import baseConfig from '../../eslint.config.mjs';
 
 export default [
   ...baseConfig,
-  ...nx.configs['flat/react'],
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    // Override or add rules here
-    rules: {},
-  },
   {
     ignores: ['.expo', 'web-build', 'cache', 'dist', '**/out-tsc'],
   },

apps/demo-web/eslint.config.mjs

@@ -1,13 +1,3 @@
-import nx from '@nx/eslint-plugin';
-
 import baseConfig from '../../eslint.config.mjs';
 
-export default [
-  ...baseConfig,
-  ...nx.configs['flat/react'],
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    // Override or add rules here
-    rules: {},
-  },
-];
+export default [...baseConfig];

apps/demo-web/src/app/app.tsx

@@ -1,7 +1,6 @@
 import { Route, Routes } from 'react-router-dom';
 
 import { Layout } from './components/Layout';
-import { BubbleButtonPage } from './pages/BubbleButtonPage';
 import { ButtonPage } from './pages/ButtonPage';
 import { FabPage } from './pages/FabPage';
 import { HomePage } from './pages/HomePage';
@@ -25,7 +24,6 @@ export const App = () => {
         <Route path="/components/search-field" element={<SearchFieldPage />} />
         <Route path="/components/fab" element={<FabPage />} />
         <Route path="/components/icon-button" element={<IconButtonPage />} />
-        <Route path="/components/bubble-button" element={<BubbleButtonPage />} />
       </Routes>
     </Layout>
   );

apps/demo-web/src/app/components/Layout.tsx

@@ -50,7 +50,6 @@ const NAV_GROUPS = [
       { label: 'SearchField', path: '/components/search-field' },
       { label: 'FAB', path: '/components/fab' },
       { label: 'IconButton', path: '/components/icon-button' },
-      { label: 'BubbleButton', path: '/components/bubble-button' },
     ],
   },
 ];

apps/demo-web/src/app/pages/HomePage.tsx

@@ -64,7 +64,7 @@ export const HomePage = () => {
           <Button
             variant="outlined"
             size="lg"
-            onClick={() => window.open('https://github.com/berrypjh/ui-source', '_blank')}
+            onClick={() => window.open('https://github.com/berrypjh/shared-stack', '_blank')}
             style={{ borderColor: 'rgba(255,255,255,0.4)', color: '#ffffff' }}
           >
             View on GitHub

commitlint.config.js

@@ -1,45 +1 @@
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-  plugins: [
-    {
-      rules: {
-        'no-header-bang': ({ header }) => {
-          // 헤더에 '!:'가 포함되어 있으면 에러 반환
-          return [
-            !header.includes('!:'),
-            '실수 방지를 위해 feat!: 문법 사용을 금지합니다. Major 변경은 Footer에 "BREAKING CHANGE"를 사용하세요.',
-          ];
-        },
-      },
-    },
-  ],
-  rules: {
-    'no-header-bang': [2, 'always'],
-    // Type(태그)의 종류를 제한 (레벨: 0=무시, 1=경고, 2=에러)
-    'type-enum': [
-      2,
-      'always',
-      [
-        'feat',
-        'fix',
-        'docs',
-        'design',
-        'style',
-        'refactor',
-        'test',
-        'chore',
-        'build',
-        'ci',
-        'revert',
-      ],
-    ],
-    // Subject의 케이스를 제한
-    'subject-case': [0, 'always', ['sentence-case', 'start-case', 'pascal-case', 'upper-case']],
-    // Subject가 비어있으면 안 됨
-    'subject-empty': [2, 'never'],
-    // Type이 비어있으면 안 됨
-    'type-empty': [2, 'never'],
-    // Body의 최대 줄 수를 제한
-    'body-max-line-length': [0, 'always', 200],
-  },
-};
+module.exports = { extends: ['@berrypjh/commitlint-config'] };

eslint.config.mjs

@@ -1,14 +1,13 @@
-import nx from '@nx/eslint-plugin';
-import jsxA11y from 'eslint-plugin-jsx-a11y';
-import reactHooks from 'eslint-plugin-react-hooks';
-import simpleImportSort from 'eslint-plugin-simple-import-sort';
+import base from '@berrypjh/eslint-config/base';
+import nx from '@berrypjh/eslint-config/nx';
+import react from '@berrypjh/eslint-config/react';
+
 import storybook from 'eslint-plugin-storybook';
-import unusedImports from 'eslint-plugin-unused-imports';
 
 export default [
-  ...nx.configs['flat/base'],
-  ...nx.configs['flat/typescript'],
-  ...nx.configs['flat/javascript'],
+  ...base,
+  ...nx,
+  ...react,
   ...storybook.configs['flat/recommended'],
   {
     ignores: [
@@ -21,24 +20,6 @@ export default [
       '!.storybook',
     ],
   },
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.js', '**/*.jsx'],
-    rules: {
-      '@nx/enforce-module-boundaries': [
-        'error',
-        {
-          enforceBuildableLibDependency: true,
-          allow: ['^.*/eslint(\\.base)?\\.config\\.[cm]?[jt]s$'],
-          depConstraints: [
-            {
-              sourceTag: '*',
-              onlyDependOnLibsWithTags: ['*'],
-            },
-          ],
-        },
-      ],
-    },
-  },
   {
     files: [
       '**/*.ts',
@@ -50,10 +31,6 @@ export default [
       '**/*.cjs',
       '**/*.mjs',
     ],
-    plugins: {
-      'simple-import-sort': simpleImportSort,
-      'unused-imports': unusedImports,
-    },
     rules: {
       'simple-import-sort/imports': [
         'error',
@@ -80,36 +57,11 @@ export default [
           ],
         },
       ],
-      'simple-import-sort/exports': 'error',
-      'no-unused-vars': 'off',
-      '@typescript-eslint/no-unused-vars': 'off',
-      'unused-imports/no-unused-imports': 'error',
-      'unused-imports/no-unused-vars': [
-        'warn',
-        {
-          vars: 'all',
-          varsIgnorePattern: '^_',
-          args: 'after-used',
-          argsIgnorePattern: '^_',
-        },
-      ],
-    },
-  },
-  {
-    files: ['**/*.ts', '**/*.tsx', '**/*.cts', '**/*.mts'],
-    rules: {
-      '@typescript-eslint/no-explicit-any': 'error',
     },
   },
   {
     files: ['**/*.jsx', '**/*.tsx'],
-    plugins: {
-      'react-hooks': reactHooks,
-      'jsx-a11y': jsxA11y,
-    },
     rules: {
-      ...reactHooks.configs.recommended.rules,
-      ...jsxA11y.flatConfigs.recommended.rules,
       // 커스텀 컴포넌트가 autoFocus prop을 forward 하는 패턴은 호출자 책임이므로 제외
       'jsx-a11y/no-autofocus': ['error', { ignoreNonDOM: true }],
     },

libs/commitlint-config/README.md

@@ -0,0 +1,20 @@
+# @berrypjh/commitlint-config
+
+워크스페이스 공통 Commitlint 설정. Conventional Commits 기반.
+
+## 사용
+
+```bash
+pnpm add -D @berrypjh/commitlint-config @commitlint/cli
+```
+
+```js
+// commitlint.config.js
+module.exports = { extends: ['@berrypjh/commitlint-config'] };
+```
+
+## 규칙 요약
+
+- `type-enum`: feat, fix, docs, design, style, refactor, test, chore, build, ci, revert
+- `no-header-bang`: `feat!:` 형태 헤더 금지. Major 변경은 Footer에 `BREAKING CHANGE`를 사용
+- `subject-empty`, `type-empty`: 빈 값 금지

libs/commitlint-config/index.js

@@ -0,0 +1,39 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  plugins: [
+    {
+      rules: {
+        'no-header-bang': ({ header }) => {
+          return [
+            !header.includes('!:'),
+            '실수 방지를 위해 feat!: 문법 사용을 금지합니다. Major 변경은 Footer에 "BREAKING CHANGE"를 사용하세요.',
+          ];
+        },
+      },
+    },
+  ],
+  rules: {
+    'no-header-bang': [2, 'always'],
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'design',
+        'style',
+        'refactor',
+        'test',
+        'chore',
+        'build',
+        'ci',
+        'revert',
+      ],
+    ],
+    'subject-case': [0, 'always', ['sentence-case', 'start-case', 'pascal-case', 'upper-case']],
+    'subject-empty': [2, 'never'],
+    'type-empty': [2, 'never'],
+    'body-max-line-length': [0, 'always', 200],
+  },
+};