29 lines
986 B
TypeScript
29 lines
986 B
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 Plug'n'Play (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"),
|
|
getAbsolutePath("@storybook/addon-essentials"),
|
|
getAbsolutePath("@chromatic-com/storybook"),
|
|
getAbsolutePath("@storybook/addon-interactions"),
|
|
"@storybook/addon-styling-webpack",
|
|
],
|
|
framework: {
|
|
name: getAbsolutePath("@storybook/react-webpack5"),
|
|
options: {},
|
|
},
|
|
};
|
|
export default config;
|