fix(storybook): build

sushi-labs · Dec 19, 2024 · 1fcb4ad · 1fcb4ad
1 parent 43ac4e5
commit 1fcb4ad
Show file tree

Hide file tree

Showing 7 changed files with 222 additions and 4,558 deletions.
diff --git a/apps/storybook/.storybook/main.ts b/apps/storybook/.storybook/main.ts
@@ -3,19 +3,19 @@
 // Replace your-framework with the framework you are using (e.g., react-vite, vue3-vite)
 import type { StorybookConfig } from '@storybook/react-vite'
 
-import path from 'path'
+import path, { dirname, join } from 'path'
 import { mergeConfig } from 'vite'
 
 const config: StorybookConfig = {
   stories: ['../stories/**/*.stories.tsx'],
   addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@storybook/addon-styling',
-    '@storybook/addon-designs',
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-themes'),
+    getAbsolutePath('@storybook/addon-designs'),
   ],
   framework: {
-    name: '@storybook/react-vite',
+    name: getAbsolutePath('@storybook/react-vite'),
     options: {},
   },
   docs: {
@@ -61,3 +61,7 @@ const config: StorybookConfig = {
 }
 
 export default config
+
+function getAbsolutePath(value: string): any {
+  return dirname(require.resolve(join(value, 'package.json')))
+}
diff --git a/apps/storybook/package.json b/apps/storybook/package.json
@@ -29,8 +29,7 @@
     "@storybook/addon-essentials": "8.4.7",
     "@storybook/addon-links": "8.4.7",
     "@storybook/addon-mdx-gfm": "8.4.7",
-    "@storybook/addon-styling": "1.3.7",
-    "@storybook/builder-vite": "8.4.7",
+    "@storybook/addon-themes": "^8.4.7",
     "@storybook/cli": "8.4.7",
     "@storybook/react": "8.4.7",
     "@storybook/react-vite": "8.4.7",
@@ -41,7 +40,7 @@
     "chromatic": "7.4.0",
     "postcss": "8.4.23",
     "serve": "14.2.0",
-    "storybook": "7.4.6",
+    "storybook": "8.4.7",
     "tailwindcss": "3.3.2",
     "typescript": "5.7.2",
     "vite": "4.3.9"

diff --git a/apps/storybook/stories/dialog.stories.tsx b/apps/storybook/stories/dialog.stories.tsx
@@ -31,7 +31,7 @@ export default meta
 type Story = StoryObj<typeof Dialog>
 
 export const LosslessDialog = {
-  storyName: 'Simple dialog with no followup',
+  name: 'Simple dialog with no followup',
   args: {},
   render: () => {
     return (

diff --git a/apps/storybook/stories/dialogconfirm.stories.tsx b/apps/storybook/stories/dialogconfirm.stories.tsx
@@ -37,7 +37,7 @@ export default meta
 type Story = StoryObj<typeof DialogConfirm>
 
 export const Pending = {
-  storyName: 'Pending',
+  name: 'Pending',
   args: {},
   render: () => {
     return (
@@ -80,7 +80,7 @@ export const Pending = {
         </DialogReview>
         <DialogConfirm
           chainId={1}
-          status="loading"
+          status="pending"
           testId="incentivize-confirmation-modal"
           successMessage={'Successfully incentivized V3 pool'}
           txHash="0x58c018d0f15df78c392e0850f5ee5e74e1e919213552646d979c9a37e6f5119a"
@@ -91,7 +91,7 @@ export const Pending = {
 } satisfies Story
 
 export const Success = {
-  storyName: 'Success',
+  name: 'Success',
   args: { chainId: 1, status: 'success' },
   render: () => {
     return (
@@ -146,7 +146,7 @@ export const Success = {
 
 // biome-ignore lint/suspicious/noShadowRestrictedNames: This is a storybook
 export const Error = {
-  storyName: 'Error',
+  name: 'Error',
   args: { chainId: 1, status: 'error' },
   render: () => {
     return (

diff --git a/apps/storybook/stories/popover.stories.tsx b/apps/storybook/stories/popover.stories.tsx
@@ -46,7 +46,7 @@ export const Default = {
 } satisfies Story
 
 export const PopoverWithMenu = {
-  storyName: 'Popover example with command',
+  name: 'Popover example with command',
   args: {
     children: 'Popover',
   },

diff --git a/apps/storybook/stories/select.stories.tsx b/apps/storybook/stories/select.stories.tsx
@@ -56,7 +56,7 @@ export const Default = {
 } satisfies Story
 
 export const Trigger = {
-  storyName: 'Custom trigger',
+  name: 'Custom trigger',
   args: {
     children: 'Select',
   },
@@ -78,7 +78,7 @@ export const Trigger = {
 } satisfies Story
 
 export const Caption = {
-  storyName: 'Including a caption',
+  name: 'Including a caption',
   args: {
     children: 'Select',
   },
@@ -104,7 +104,7 @@ export const Caption = {
 
 // biome-ignore lint/suspicious/noShadowRestrictedNames: This is a storybook
 export const Error = {
-  storyName: 'Error caption',
+  name: 'Error caption',
   args: {
     children: 'Select',
   },