lui-templates 0.0.6

package/src/main.js

@@ -0,0 +1,74 @@
+import {
+	readFileSync,
+} from 'fs';
+import {
+	readdir,
+	stat,
+} from 'fs/promises';
+import {dirname} from 'path';
+import {fileURLToPath} from 'url';
+
+import {
+	generate,
+	list_generate,
+} from './generator.js';
+import {parse} from './parser.js';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const version = JSON.parse(
+	readFileSync(__dirname + '/../package.json', 'utf8')
+).version;
+
+const options_default = {
+	lui_name: 'lui',
+	components_name: './externs.js',
+};
+
+export default async function lui_templates(path, options = {}) {
+	options = {
+		...options_default,
+		...options,
+	};
+	const is_directory = (await stat(path)).isDirectory();
+
+	const paths = is_directory
+	?	(await readdir(path)).map(name => `${path}/${name}`)
+	:	[path];
+
+	const all_parsed = await Promise.all(paths.map(parse));
+
+	// console.log('parsed', JSON.stringify(all_parsed, null, 2));
+
+	const lui_imports = new Set();
+	const component_imports = new Set();
+	const result = [];
+
+	for (const [name, parsed] of all_parsed) {
+		const expression = generate(name, parsed, lui_imports, component_imports);
+
+		result.push(
+			'export ' +
+			(is_directory ? '' : 'default ') +
+			expression
+		);
+	}
+
+	// write component_imports to the top of the file
+	for (const [name] of all_parsed) {
+		component_imports.delete(name);
+	}
+	if (component_imports.size > 0) {
+		result.unshift(`import {${
+			list_generate([...component_imports], 0)
+		}} from ${JSON.stringify(options.components_name)};`);
+	}
+
+	// write lui_imports to the top of the file
+	result.unshift(`import {${
+		list_generate([...lui_imports], 0)
+	}} from ${JSON.stringify(options.lui_name)};`);
+
+	result.unshift('// generated by lui-templates ' + version);
+
+	return result.join('\n\n') + '\n';
+}

package/src/parser.js

@@ -0,0 +1,57 @@
+import fs from 'fs/promises';
+
+import {name_format} from './generator.js';
+
+const parsers = new Map();
+
+export async function parse(path) {
+	const src_promise = fs.readFile(path, 'utf8');
+
+	let name = path.split('/').pop().split('.');
+	const extension = name.pop();
+	name = name.join('.');
+
+	let parser = parsers.get(extension);
+	if (!parser) {
+		try {
+			parser = (await import(`./parsers/${extension}.js`)).default;
+		} catch (e) {
+			throw new Error(`No parser found for extension: ${extension}`);
+		}
+
+		parsers.set(extension, parser);
+	}
+
+	return [
+		name_format(name),
+		await parser(await src_promise, path),
+	];
+}
+
+const html_attr_to_dom_map = new Map([
+	['class', 'className'],
+	['for', 'htmlFor'],
+	['tabindex', 'tabIndex'],
+	['readonly', 'readOnly'],
+	['maxlength', 'maxLength'],
+	['cellspacing', 'cellSpacing'],
+	['cellpadding', 'cellPadding'],
+	['rowspan', 'rowSpan'],
+	['colspan', 'colSpan'],
+	['usemap', 'useMap'],
+	['frameborder', 'frameBorder'],
+	['contenteditable', 'contentEditable'],
+]);
+export function html_attr_to_dom(attr) {
+	attr = attr.toLowerCase();
+	return html_attr_to_dom_map.get(attr) || attr;
+}
+
+const html_whitespaces = ' \n\r\t\f\v'.split('');
+export const html_is_whitespace = char => html_whitespaces.includes(char);
+
+const html_self_closing = 'img,input,br,hr'.split(',');
+export const html_is_self_closing = tag => html_self_closing.includes(tag);
+
+const html_boolean_attrs = new Set('disabled,checked,selected,readonly,required,autofocus,autoplay,controls,loop,muted,open,hidden,multiple,defer,async,novalidate,formnovalidate'.split(','));
+export const html_is_boolean_attr = attr => html_boolean_attrs.has(attr.toLowerCase());

package/src/parsers/json.js

@@ -0,0 +1,9 @@
+export default async function parse_json(src, path) {
+	const parsed = JSON.parse(src);
+	// that was simple, wasn't it? oh wait, we need to annoy people by enforcing a schema
+	if (parsed.$schema !== 'https://l3p3.de/shr/schema/lui-templates.intermediary.json') {
+		throw new Error(`Invalid schema in file: ${path}`);
+	}
+	// TODO validate the schema? nah... later, maybe...
+	return parsed;
+}