mirror of
https://github.com/reduxjs/redux-devtools.git
synced 2024-11-22 09:36:43 +03:00
37 lines
1.1 KiB
TypeScript
37 lines
1.1 KiB
TypeScript
import type { StorybookConfig } from '@storybook/react-webpack5';
|
|
|
|
import { join, dirname } from 'path';
|
|
|
|
/**
|
|
* This function is used to resolve the absolute path of a package.
|
|
* It is needed in projects that use Yarn PnP or are set up within a monorepo.
|
|
*/
|
|
function getAbsolutePath(value: string): any {
|
|
return dirname(require.resolve(join(value, 'package.json')));
|
|
}
|
|
const config: StorybookConfig = {
|
|
stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
|
|
addons: [
|
|
getAbsolutePath('@storybook/addon-webpack5-compiler-swc'),
|
|
getAbsolutePath('@storybook/addon-onboarding'),
|
|
getAbsolutePath('@storybook/addon-links'),
|
|
{
|
|
name: getAbsolutePath('@storybook/addon-essentials'),
|
|
options: {
|
|
backgrounds: false,
|
|
},
|
|
},
|
|
getAbsolutePath('@chromatic-com/storybook'),
|
|
getAbsolutePath('@storybook/addon-interactions'),
|
|
],
|
|
framework: {
|
|
name: getAbsolutePath('@storybook/react-webpack5'),
|
|
options: {},
|
|
},
|
|
docs: {
|
|
autodocs: 'tag',
|
|
},
|
|
staticDirs: ['../fonts'],
|
|
};
|
|
export default config;
|