upstream-twenty/packages/twenty-ui/.storybook/main.ts

import type { StorybookConfig } from '@storybook/react-vite';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import checker from 'vite-plugin-checker';

const dirname =
  typeof __dirname !== 'undefined'
    ? __dirname
    : path.dirname(fileURLToPath(import.meta.url));

const isVitest = Boolean(process.env.VITEST);
const isDocumentationBuild = process.env.STORYBOOK_DOCS === 'true';

const config: StorybookConfig = {
  stories: ['../src/**/*.@(mdx|stories.@(js|jsx|ts|tsx))'],

  addons: [
    '@storybook-community/storybook-addon-cookie',
    '@storybook/addon-links',
    ...(isDocumentationBuild ? [] : ['@storybook/addon-coverage']),
    '@storybook/addon-a11y',
    'storybook-addon-pseudo-states',
    '@storybook/addon-vitest',
  ],

  framework: '@storybook/react-vite',

  viteFinal: async (viteConfig) => {
    const plugins = [...(viteConfig.plugins ?? [])];

    if (!isVitest) {
      plugins.push(
        checker({
          typescript: {
            tsconfigPath: path.resolve(dirname, '../tsconfig.json'),
          },
        }),
      );
    }

    return {
      ...viteConfig,
      plugins,
      resolve: {
        ...viteConfig.resolve,
        alias: {
          ...(viteConfig.resolve?.alias ?? {}),
          '@tabler/icons-react': '@tabler/icons-react/dist/esm/icons/index.mjs',
        },
      },
    };
  },
};

export default config;

// To customize your Vite configuration you can use the viteFinal field.
// Check https://storybook.js.org/docs/react/builders/vite#configuration
// and https://nx.dev/recipes/storybook/custom-builder-configs