@fmsim/board 1.0.35 → 1.0.39

package/.storybook/main.ts

@@ -0,0 +1,58 @@
+import type { StorybookConfig } from '@storybook/web-components-webpack5'
+import path from 'path'
+
+const config: StorybookConfig = {
+  stories: ['../dist/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-essentials'],
+  framework: {
+    name: '@storybook/web-components-webpack5',
+    options: {}
+  },
+  docs: {
+    autodocs: true
+  },
+  webpackFinal: async config => {
+    if (!config.module) {
+      config.module = { rules: [] }
+    }
+    if (!config.module.rules) {
+      config.module.rules = []
+    }
+
+    // TypeScript 설정 추가
+    config.module.rules.push({
+      test: /\.tsx?$/,
+      use: [
+        {
+          loader: 'babel-loader',
+          options: {
+            presets: ['@babel/preset-typescript'],
+            plugins: [
+              ['@babel/plugin-proposal-decorators', { legacy: true }],
+              ['@babel/plugin-proposal-class-properties', { loose: true }],
+              ['@babel/plugin-proposal-private-methods', { loose: true }]
+            ]
+          }
+        },
+        {
+          loader: 'ts-loader',
+          options: {
+            configFile: path.resolve(__dirname, './tsconfig.json'),
+            transpileOnly: true
+          }
+        }
+      ],
+      exclude: /node_modules/
+    })
+
+    // 파일 확장자 해석 설정
+    if (!config.resolve) {
+      config.resolve = {}
+    }
+    config.resolve.extensions = ['.ts', '.tsx', '.js', '.jsx']
+
+    return config
+  }
+}
+
+export default config

package/.storybook/preview.ts

@@ -0,0 +1,15 @@
+import { Preview } from '@storybook/web-components'
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/
+      }
+    }
+  }
+}
+
+export default preview