webapp/.storybook/main.ts

import type { FrameworkOptions, StorybookConfig } from 'storybook-solidjs-vite'

const config: StorybookConfig = {
  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions',
    '@storybook/addon-a11y',
    '@storybook/addon-themes',
    'storybook-addon-sass-postcss'
  ],
  framework: {
    name: 'storybook-solidjs-vite',
    options: {
      builder: {
        viteConfigPath: './vite.config.ts'
      }
    } as FrameworkOptions
  },
  docs: {
    autodocs: 'tag'
  },
  viteFinal: (config) => {
    if (config.build) {
      config.build.sourcemap = true
      config.build.minify = process.env.NODE_ENV === 'production'
    }
    if (config.css) {
      config.css.preprocessorOptions = {
        scss: {
          silenceDeprecations: ['mixed-decls'],
          additionalData: '@import "~/styles/imports";\n',
          includePaths: ['./public', './src/styles', './node_modules']
        }
      }
    }
    return config
  },
  previewHead: (head) => `
    ${head}
    <style>
      body {
        transition: none !important;
      }
    </style>
  `
}
export default config