rollup.config.js

import { dirname, relative, resolve } from 'path'
import typescript from '@rollup/plugin-typescript'
import dts from 'rollup-plugin-dts'
import { cwd } from 'process'

const dir = 'dist'

const useSrc = ({ out, ext } = {}) => ({
	name: 'local:useSrc',
	resolveId(source, importer) {
		if (ext.some((e) => source.endsWith(e))) {
			const here = cwd()
			const from =
				typeof out === 'string'
					? out
					: dirname(typeof out === 'function' ? out(importer) : importer)
			const originalImporter = importer.replace(`${here}/dist`, here)
			const originalImporterDir = dirname(originalImporter)
			const original = resolve(originalImporterDir, source)
			const relativePath = relative(from, original)
			return {
				id: relativePath,
				external: true,
			}
		}
	},
})

export default [
	{
		input: 'src/index.ts',
		output: [
			{
				dir,
				format: 'es',
			},
		],
		plugins: [
			typescript(),
			useSrc({
				ext: ['.astro', '.svelte', '.vue', '.scss', '.css'],
				dir,
				out: (path) => path.replace('src', 'dist'),
			}),
		],
	},
	{
		input: 'dist/src/index.d.ts',
		output: [{ file: 'dist/index.d.ts', format: 'es' }],
		plugins: [
			dts(),
			useSrc({
				ext: ['.astro', '.svelte', '.vue', '.scss', '.css', '.png', '.jpg'],
				dir,
				out: (path) => path.replace('dist/src', 'dist'),
			}),
		],
	},
	{
		input: 'src/components/index.ts',
		output: [
			{
				file: 'dist/components.js',
				format: 'es',
			},
		],
		plugins: [
			typescript(),
			useSrc({
				ext: ['.astro', '.vue'],
				dir,
				out: (path) => path.replace('src/components', 'dist'),
			}),
		],
	},
	{
		input: 'dist/src/components/index.d.ts',
		output: [{ file: 'components.d.ts', format: 'es' }],
		plugins: [
			dts(),
			useSrc({
				ext: ['.astro', '.vue'],
				dir,
				out: (path) => path.replace('dist/src/components', ''),
			}),
		],
	},
]