shared.config.ts

import { createRequire } from 'node:module';
import * as path from 'node:path';
import { defineConfig } from 'vite';
import atImport from 'postcss-import';
import atUrl from 'postcss-url';
import flexBugs from 'postcss-flexbugs-fixes';
import cssnano from 'cssnano';
import autoprefixer from 'autoprefixer';
import type { UserConfig } from 'vite';

const cwd = process.cwd();

// options
const buildOptions = JSON.parse(decodeURIComponent(process.env.BUILD_OPTIONS || '{}'));

const {
	format,
	external = '',
	globals = '',
	workspace,
	files = [],
	packageName,
	packageSourceDir,
	packageOptions = {}
} = buildOptions;

const usedForBrowser = /(iife|umd)/.test(format);
const external$ = !usedForBrowser
	? [
			/^node:/,
			/^[a-zA-Z@]/,
			...Object
				.keys({
					...packageOptions.dependencies,
					...packageOptions.peerDependencies
				})
				.map(i => new RegExp(`^${i}$`))
		]
	: external.split(',')
		.filter((i: string) => !!i)
		.map((i: string) => new RegExp(`^${i}$`));

// alias
const replacement = (name: string) => path.resolve(cwd, `./packages/${name}`);
const { name } = createRequire(cwd)(path.resolve(cwd, workspace ? `${workspace}/index` : '', 'package.json'));

const alias = workspace && usedForBrowser
	? [
			{
				find: new RegExp(`^${name}$`),
				replacement: replacement('index')
			},
			{

				find: new RegExp(`^${name}-(.*?)$`),
				replacement: replacement('$1')
			}
		]
	: [];

const getGlobalName = (name$: string) => name$.replace(/(_|-|^|.*\/)([^-_\/@])/g, (_match: any, _$1: any, $2: string) => $2.toUpperCase());

export default defineConfig({
	define: usedForBrowser
		? {
				'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV)
			}
		: {},
	logLevel: 'silent',
	plugins: [],
	css: {
		postcss: {
			plugins: [
				atImport(),
				atUrl(),
				flexBugs(),
				cssnano(),
				autoprefixer({ remove: false })
			]
		}
	},
	resolve: { alias },
	build: {
		minify: false,
		target: 'esnext',
		lib: {
			entry: files.map((file: string) => path.resolve(packageSourceDir, file)),
			formats: [format],
			name: getGlobalName(packageName)
		},
		rollupOptions: {
			external: external$,
			output: {
				exports: 'named',
				globals: usedForBrowser
					? (globals || external).split(',')
							.filter((i: string) => !!i)
							.reduce((pre: any, cur: string) => {
								const [key, value] = cur.split(':');
								if (key) {
									pre[key] = value || getGlobalName(key);
								}
								return pre;
							}, {})
					: {}

			}
		}
	}
}) as UserConfig;