htmlplus.config.js

import fs from 'node:fs';
import path from 'node:path';

import {
	assets,
	customElement,
	document,
	extract,
	parse,
	read,
	style,
	validate,
	visualStudioCode,
	webTypes
} from '@htmlplus/element/transformer.js';

const DESTINATION = 'dist';

const PACKAGE = JSON.parse(fs.readFileSync('./package.json'));

export default [
	read(),
	parse(),
	validate(),
	extract(),
	style({
		source(context) {
			return `${context.directoryPath}/styles.scss`;
		}
	}),
	customElement(),
	assets({
		destination(context) {
			return `${DESTINATION}/elements/${context.directoryName}`;
		},
		json(context) {
			return `${DESTINATION}/elements/${context.directoryName}/assets.json`;
		}
	}),
	document({
		destination: `${DESTINATION}/json/document.json`,
		transformer(_context, element) {
			element.examples = element.examples?.split(',').map((example) => example.trim()) || [];
		}
	}),
	visualStudioCode({
		destination: `${DESTINATION}/json/vscode.json`,
		reference(context) {
			return `https://www.htmlplus.io/javascript/element/${context.elementKey.replace('plus-', '')}`;
		}
	}),
	webTypes({
		destination: `${DESTINATION}/json/web-types.json`,
		packageName: PACKAGE.name,
		packageVersion: PACKAGE.version,
		reference(context) {
			return `https://www.htmlplus.io/javascript/element/${context.elementKey.replace('plus-', '')}`;
		}
	}),
	{
		name: 'theme',
		finish: (global) => {
			const outputs = {};

			for (const context of global.contexts) {
				try {
					const directory = path.join(context.directoryPath, 'theme');

					const files = fs.readdirSync(directory);

					for (const file of files) {
						const content = fs.readFileSync(path.join(directory, file), 'utf8');

						outputs[`${file.replace('.css', '')}/${context.directoryName}.css`] = content;

						outputs[file] ||= '';

						outputs[file] += `${content}\n`;
					}
				} catch {}
			}

			for (const output in outputs) {
				if (!Object.hasOwn(outputs, output)) return;

				const file = path.join(DESTINATION, 'theme', output);

				const directory = path.dirname(file);

				if (!fs.existsSync(directory)) fs.mkdirSync(directory, { recursive: true });

				fs.writeFileSync(file, outputs[output], 'utf8');
			}
		}
	}
];