vite.config.ts

/**
 * Configuration for storybook only!
 * See build configuration in the component package folder.
 */

import { resolve as resolvePath, dirname } from 'path';
import { fileURLToPath } from 'url';

import {
  unpluginIcons,
  unpluginIllustrations,
  unpluginSemcoreResolve,
  unpluginThemeResolve,
} from '@semcore/builder/plugins';
import pluginReact from '@vitejs/plugin-react';
import { createUnplugin } from 'unplugin';
import { defineConfig } from 'vite';

const rootDir = resolvePath(dirname(fileURLToPath(import.meta.url)));

export default defineConfig({
  plugins: [
    pluginReact({
      babel: {
        plugins: ['@babel/plugin-syntax-import-assertions'],
      },
    }),
    unpluginSemcoreResolve.vite({ rootPath: rootDir }),
    unpluginThemeResolve.vite({ rootPath: rootDir }),
    unpluginIcons.vite({ rootPath: rootDir }),
    unpluginIllustrations.vite({ rootPath: rootDir }),
    createUnplugin<{}>(() => ({
      name: 'docs-components-resolver',
      async resolveId(id) {
        if (!id.startsWith('@components/')) return null;
        const purePath = id.substring('@components/'.length);
        return `${resolvePath(__dirname, 'website', 'src', 'docs-components', purePath)}.jsx`;
      },
    })).vite({}),
  ],
  build: {
    rollupOptions: {
      external: [
        '**/*.test.ts',
        '**/*.test.tsx',
      ],
    },
  },
});