import type { StorybookConfig } from '@storybook/angular';
import remarkGfm from 'remark-gfm';

// WP-67: see .storybook-ssp/main.ts's comment for why this is a separate config dir.
const config: StorybookConfig = {
  stories: [
    '../apps/behandelportal/src/**/*.mdx',
    '../libs/shared/**/*.mdx',
    '../libs/beheer/**/*.mdx',
    '../apps/behandelportal/src/**/*.stories.@(js|jsx|mjs|ts|tsx)',
    '../libs/shared/**/*.stories.@(js|jsx|mjs|ts|tsx)',
    '../libs/beheer/**/*.stories.@(js|jsx|mjs|ts|tsx)',
  ],
  addons: [
    '@storybook/addon-a11y',
    {
      name: '@storybook/addon-docs',
      options: { mdxPluginOptions: { mdxCompileOptions: { remarkPlugins: [remarkGfm] } } },
    },
    '@storybook/addon-onboarding',
  ],
  framework: '@storybook/angular',
  staticDirs: ['../public'],
  webpackFinal: async (config) => {
    config.optimization = { ...config.optimization, nodeEnv: false };
    return config;
  },
};
export default config;