Merge pull request #935 from c-bata/storybook-improvement

Remove `*Dark.stories.tsx` and add some improvements
optuna · Aug 19, 2024 · a0dd548 · a0dd548
2 parents 8bbbd81 + c42f838
commit a0dd548
Show file tree

Hide file tree

Showing 21 changed files with 5,377 additions and 8,499 deletions.
diff --git a/optuna_dashboard/package-lock.json b/optuna_dashboard/package-lock.json
diff --git a/standalone_app/package-lock.json b/standalone_app/package-lock.json
diff --git a/tslib/react/.storybook/main.ts b/tslib/react/.storybook/main.ts
@@ -2,18 +2,19 @@ import type { StorybookConfig } from "@storybook/react-vite"
 
 const config: StorybookConfig = {
   stories: ["../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-interactions",
+    "@chromatic-com/storybook",
   ],
+
   framework: {
     name: "@storybook/react-vite",
     options: {},
   },
-  docs: {
-    autodocs: "tag",
-  },
+
   async viteFinal(config) {
     const { mergeConfig } = await import("vite")
     return mergeConfig(config, {
@@ -25,5 +26,9 @@ const config: StorybookConfig = {
       },
     })
   },
+
+  typescript: {
+    reactDocgen: "react-docgen-typescript",
+  },
 }
 export default config
diff --git a/tslib/react/.storybook/preview.ts b/tslib/react/.storybook/preview.ts
diff --git a/tslib/react/.storybook/preview.tsx b/tslib/react/.storybook/preview.tsx
@@ -0,0 +1,32 @@
+import {
+  Controls,
+  Description,
+  Primary,
+  Subtitle,
+  Title,
+} from "@storybook/blocks"
+import type { Preview } from "@storybook/react"
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+    docs: {
+      page: () => (
+        <>
+          <Title />
+          <Subtitle />
+          <Description />
+          <Primary />
+          <Controls />
+        </>
+      ),
+    },
+  },
+}
+
+export default preview