the-biergarten-app/web/frontend/.storybook/main.ts

import type { StorybookConfig } from '@storybook/react-vite';

const config: StorybookConfig = {
    stories: [
        '../stories/Configure.mdx',
        '../stories/SubmitButton.stories.tsx',
        '../stories/FormField.stories.tsx',
        '../stories/SectionCard.stories.tsx',
        '../stories/UsernameSection.stories.tsx',
        '../stories/PasswordSection.stories.tsx',
        '../stories/LoginForm.stories.tsx',
        '../stories/RegisterForm.stories.tsx',
        '../stories/Navbar.stories.tsx',
        '../stories/Toast.stories.tsx',
        '../stories/BreweryCard.stories.tsx',
        '../stories/FeaturedBreweryCard.stories.tsx',
        '../stories/RecentBreweries.stories.tsx',
        '../stories/NearbyBreweriesSection.stories.tsx',
        '../stories/BreweryMap.stories.tsx',
        '../stories/NearbyBreweryMap.stories.tsx',
        '../stories/Themes.stories.tsx',
        '../stories/StarRating.stories.tsx',
        '../stories/SidebarCard.stories.tsx',
        '../stories/BreweryDetailsCard.stories.tsx',
        '../stories/BeerStyleBreakdownCard.stories.tsx',
        '../stories/CommunityStatsCard.stories.tsx',
        '../stories/BreweryLocationMap.stories.tsx',
        '../stories/LocationCard.stories.tsx',
        '../stories/BreweryHeaderCard.stories.tsx',
        '../stories/YourRatingCard.stories.tsx',
        '../stories/BeerListCard.stories.tsx',
        '../stories/CommentItem.stories.tsx',
        '../stories/CommentsCard.stories.tsx',
    ],
    addons: [
        '@chromatic-com/storybook',
        '@storybook/addon-vitest',
        '@storybook/addon-a11y',
        '@storybook/addon-docs',
        '@storybook/addon-onboarding',
    ],
    framework: '@storybook/react-vite',
    async viteFinal(config) {
        config.plugins = (config.plugins ?? []).filter((plugin) => {
            if (!plugin) {
                return true;
            }

            const pluginName = typeof plugin === 'object' && 'name' in plugin ? plugin.name : '';
            return !pluginName.startsWith('react-router');
        });

        config.build ??= {};
        config.build.rollupOptions ??= {};

        const previousOnWarn = config.build.rollupOptions.onwarn;
        config.build.rollupOptions.onwarn = (warning, warn) => {
            if (warning.code === 'MODULE_LEVEL_DIRECTIVE') {
                return;
            }

            if (typeof previousOnWarn === 'function') {
                previousOnWarn(warning, warn);
                return;
            }

            warn(warning);
        };

        return config;
    },
};
export default config;