astro/packages/renderers/renderer-solid/index.js

export default {
  name: '@astrojs/renderer-solid',
  client: './client.js',
  server: './server.js',
  jsxImportSource: 'solid-js',
  jsxTransformOptions: async ({ ssr }) => {
    const [{ default: solid }] = await Promise.all([import('babel-preset-solid')]);
    const options = {
      presets: [solid({}, { generate: ssr ? 'ssr' : 'dom', hydratable: true })],
      plugins: [],
    };

    if (ssr) {
      options.plugins.push([
        'babel-plugin-module-resolver',
        {
          cwd: process.cwd(),
          alias: {
            'solid-js/store': 'solid-js/store/dist/server.js',
            'solid-js/web': 'solid-js/web/dist/server.js',
            'solid-js': 'solid-js/dist/server.js',
          },
        },
      ]);
    }

    return options;
  },
  viteConfig(options) {
    // https://github.com/solidjs/vite-plugin-solid

    // We inject the dev mode only if the user explicitely wants it or if we are in dev (serve) mode
    const replaceDev = options.mode === 'development' || options.command === 'serve';

    const nestedDeps = ['solid-js', 'solid-js/web', 'solid-js/store', 'solid-js/html', 'solid-js/h'];

    return {
      /**
       * We only need esbuild on .ts or .js files.
       * .tsx & .jsx files are handled by us
       */
      esbuild: { include: /\.ts$/ },
      resolve: {
        conditions: ['solid', ...(replaceDev ? ['development'] : [])],
        dedupe: nestedDeps,
        alias: [{ find: /^solid-refresh$/, replacement: '/@solid-refresh' }],
      },
      optimizeDeps: {
        include: nestedDeps,
        exclude: ['@astrojs/renderer-solid/server.js'],
      },
      ssr: {
        external: ['solid-js/web/dist/server.js', 'solid-js/store/dist/server.js', 'solid-js/dist/server.js', 'babel-preset-solid'],
      },
    };
  },
};