const path = require('path');

module.exports = {
    stories: ['../src/stories/**/*.stories.@(ts|tsx|js|jsx|mdx)'],
    staticDirs: ['../src/stories/assets'],
    output: '../docs/',
    logLevel: 'debug',
    addons: [
        '@storybook/addon-docs',
        '@storybook/addon-actions',
        '@storybook/addon-backgrounds',
        '@storybook/addon-controls',
        '@storybook/addon-viewport',
        '@storybook/addon-links',
        '@storybook/addon-highlight',
        '@storybook/addon-storysource',
        '@storybook/addon-webpack5-compiler-babel',
        '@chromatic-com/storybook'
    ],
    core: {
        channelOptions: { allowFunction: false, maxDepth: 10 },
        disableTelemetry: true,
    },
    features: {
        buildStoriesJson: true,
        breakingChangesV7: true,
        babelModeV7: true,
    },
    framework: '@pixi/storybook-webpack5',
    webpackFinal: async (config) => {
        config.resolve.alias = {
            ...config.resolve.alias,
            src: path.resolve(__dirname, '../src'),
        };
        return config;
    },
};
