✨ Add storybook (#6)

* 🔧 Add storybook packages + fix config

* 🙈 Update gitignore

* 🔥 Remove app

* 🔧 Create github pages workflow

* 🎨 Export ContextMenuProps

* ✨ Add StoryWrapper component

* ✨ Add stories for ContextMenu

* 🔧 Adjust start script

* 🔧 Fix prettier script

Author: totase

.github/workflows/deploy-github-pages.yml

@@ -0,0 +1,26 @@
+name: Build and deploy Storybook
+
+on:
+  push:
+    branches:
+      - main
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+      - uses: bitovi/[email protected]
+        with:
+          path: storybook-static
+          checkout: false

.gitignore

@@ -16,4 +16,7 @@ coverage
 *.ntvs*
 *.njsproj
 *.sln
-*.sw?
+*.sw?
+
+*storybook.log
+storybook-static

.storybook/main.ts

@@ -0,0 +1,12 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  addons: ['@storybook/addon-essentials', '@storybook/addon-interactions'],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+};
+
+export default config;

.storybook/preview.ts

@@ -0,0 +1,16 @@
+import type { Preview } from '@storybook/react';
+
+import '../src/styles.css';
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;