mirror of
https://github.com/n8n-io/n8n.git
synced 2026-05-12 16:10:30 +02:00
46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
import type { StorybookConfig } from '@storybook/vue3-vite';
|
|
|
|
import { dirname } from 'path';
|
|
import remarkGfm from 'remark-gfm';
|
|
|
|
import { fileURLToPath } from 'url';
|
|
|
|
/**
|
|
* 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(fileURLToPath(import.meta.resolve(`${value}/package.json`)));
|
|
}
|
|
const config: StorybookConfig = {
|
|
stories: [
|
|
'../../design-system/src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
'../../chat/src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
'../../../editor-ui/src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
|
|
'../../design-system/src/**/*.mdx',
|
|
],
|
|
addons: [
|
|
getAbsolutePath('@chromatic-com/storybook'),
|
|
getAbsolutePath('@storybook/addon-vitest'),
|
|
getAbsolutePath('@storybook/addon-a11y'),
|
|
{
|
|
name: getAbsolutePath('@storybook/addon-docs'),
|
|
options: {
|
|
mdxPluginOptions: {
|
|
mdxCompileOptions: {
|
|
remarkPlugins: [remarkGfm],
|
|
},
|
|
},
|
|
},
|
|
},
|
|
getAbsolutePath('@storybook/addon-themes'),
|
|
getAbsolutePath('storybook-addon-vue-mdx'),
|
|
],
|
|
framework: getAbsolutePath('@storybook/vue3-vite'),
|
|
staticDirs: ['../../design-system/assets'],
|
|
core: {
|
|
disableTelemetry: true,
|
|
},
|
|
};
|
|
export default config;
|