@brendonovich/kobalte__solidbase/src/config/vite-plugin/index.ts

Fully featured, fully customisable static site generation for SolidStart

import AutoImport from "unplugin-auto-import/vite";
import IconsResolver from "unplugin-icons/resolver";
import Icons from "unplugin-icons/vite";
import type { PluginOption } from "vite";

import { fileURLToPath } from "node:url";
import type { SolidBaseConfig, ThemeDefinition } from "../index.js";
import {
	componentsModule,
	configModule,
	transformMdxModule,
} from "./virtual.js";

export default function solidBaseVitePlugin(
	theme: ThemeDefinition<any>,
	solidBaseConfig: Partial<SolidBaseConfig<any>>,
): PluginOption {
	const plugins: PluginOption[] = [
		{
			name: "solidbase:pre",
			enforce: "pre",
			resolveId(id) {
				if (id === configModule.id) return configModule.resolvedId;
				if (id === componentsModule.id) return componentsModule.resolvedId;
				if (id.startsWith("\0unfonts.css")) return id.slice("\0".length);
			},
			async load(id) {
				if (id === configModule.resolvedId)
					return configModule.load(solidBaseConfig);
				if (id === componentsModule.resolvedId)
					return await componentsModule.load(theme);
			},
			transform(code, id) {
				if (isMarkdown(id)) {
					return code.replaceAll(
						/="(\$\$SolidBase_RelativeImport\d+)"/gm,
						(_, ident) => `={${ident}}`,
					);
				}
			},
		},
		{
			name: "solidbase:post",
			enforce: "post",
			transform(code, id) {
				if (isMarkdown(id))
					return transformMdxModule(code, id, solidBaseConfig);
			},
		},
	];

	if (solidBaseConfig.autoImport) {
		const {
			resolvers: _resolvers,
			iconResolver,
			...autoImport
		} = solidBaseConfig.autoImport === true ? {} : solidBaseConfig.autoImport;

		const resolvers: Resolver[] = [];

		if (_resolvers) {
			if (Array.isArray(_resolvers)) resolvers.push(..._resolvers.flat());
			else resolvers.push(_resolvers);
		}

		if (iconResolver !== false)
			resolvers.push(
				IconsResolver({
					prefix: "Icon",
					...iconResolver,
					extension: "jsx",
				}),
			);

		plugins.push(
			VinxiAutoImport({
				dts: fileURLToPath(new URL("./src/auto-imports.d.ts", import.meta.url)),
				...autoImport,
				resolvers,
			}),
		);
	}

	if (solidBaseConfig.icons !== false)
		plugins.push(
			Icons({
				compiler: "solid",
				autoInstall: true,
				...solidBaseConfig.icons,
			}),
		);

	return plugins;
}

export function isMarkdown(path: string) {
	return !!path.match(/\.(mdx|md)/gm);
}

// Workaround for https://github.com/solidjs/solid-start/issues/1374
import type { Options, Resolver } from "unplugin-auto-import/dist/types.js";
function VinxiAutoImport(options: Options): PluginOption {
	const autoimport = AutoImport(options);

	const ABSOLUTE_PATH = /^\/|^[a-zA-Z]:\//;

	return {
		...autoimport,
		transform(src, id) {
			let pathname = id;

			if (ABSOLUTE_PATH.test(id)) {
				pathname = new URL(`file://${id}`).pathname;
			}

			return autoimport.transform(src, pathname);
		},
	};
}