import type { StorybookConfig } from '@storybook/sveltekit';

const config: StorybookConfig = {
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|ts|svelte)'],
  addons: [
    '@storybook/addon-svelte-csf',
    '@storybook/addon-essentials',
    '@chromatic-com/storybook',
    '@storybook/addon-interactions',
    '@storybook/addon-a11y',
    'storybook-addon-rtl',
  ],
  framework: {
    name: '@storybook/sveltekit',
    options: {},
  },
  async viteFinal(config) {
    const { mergeConfig } = await import('vite');
    const path = await import('node:path');
    const fs = await import('node:fs');
    const { fileURLToPath } = await import('node:url');
    const __dirname = path.dirname(fileURLToPath(import.meta.url));
    const storybookTsconfigPath = path.resolve(__dirname, 'tsconfig.json');
    const storybookTsconfigRaw = fs.readFileSync(storybookTsconfigPath, 'utf8');
    return mergeConfig(config, {
      esbuild: {
        ...config.esbuild,
        tsconfigRaw: storybookTsconfigRaw,
      },
    });
  },
};
export default config;