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: [],
		};

		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: ['babel-preset-solid'],
			},
		};
	},
};