Dennis Simon
49 lines
1.4 KiB
TypeScript
49 lines
1.4 KiB
TypeScript
import type { StorybookConfig } from '@storybook/react-vite';
|
|
const config: StorybookConfig = {
|
|
stories: [
|
|
'../stories/**/*.mdx',
|
|
'../stories/**/*.stories.@(js|jsx|ts|tsx)',
|
|
'../app/components/**/*.stories.@(js|jsx|ts|tsx)',
|
|
],
|
|
addons: [
|
|
'@storybook/addon-links',
|
|
{
|
|
name: '@storybook/addon-essentials',
|
|
options: {
|
|
backgrounds: false,
|
|
},
|
|
},
|
|
'@storybook/addon-interactions',
|
|
// {
|
|
// name: "@storybook/addon-postcss",
|
|
// options: {
|
|
// postcssLoaderOptions: {
|
|
// implementation: require("postcss"),
|
|
// },
|
|
// },
|
|
// },
|
|
// 'storybook-addon-pseudo-states',
|
|
],
|
|
framework: {
|
|
name: '@storybook/react-vite',
|
|
options: {},
|
|
},
|
|
docs: {
|
|
autodocs: 'tag',
|
|
},
|
|
staticDirs: ['../public'],
|
|
viteFinal: (config) => {
|
|
config.resolve = {
|
|
...(config.resolve || {}),
|
|
alias: {
|
|
...(config.resolve?.alias || {}),
|
|
'@remix-run/react': require.resolve('./__mocks__/@remix-run/react.ts'),
|
|
/** @TODO Workaround as rollup doesn't find the exports */
|
|
'zippo-interface': require.resolve('./__mocks__/zippo-interface.ts'),
|
|
},
|
|
};
|
|
return config;
|
|
},
|
|
};
|
|
export default config;
|