lui-templates 0.1.0 → 0.2.0

package/README.md

@@ -13,6 +13,7 @@ Here are some templating languages I think about supporting:
 - [x] [Liquid](https://shopify.github.io/liquid/) (proof of concept)
 - [ ] [Handlebars](https://handlebarsjs.com/)
 - [ ] [Knockout](https://knockoutjs.com/documentation/introduction.html)
+- [x] Plain HTML (for static templates without dynamic content)
 - [x] Raw JSON (as intermediary format, see test/templates/greeting.json)
 
 ## Usage
@@ -21,6 +22,10 @@ Here are some templating languages I think about supporting:
 npx lui-templates src/templates/greeting.liquid > src/components/greeting.js
 ```
 
+```sh
+npx lui-templates src/templates/simple.html > src/components/simple.js
+```
+
 ```sh
 npx lui-templates --help
 ```
@@ -80,6 +85,41 @@ You may have it in your `.gitignore` to prevent duplication.
 
 ... And did I mention that this file is generated? 🎉
 
+## HTML Example
+
+For static templates without dynamic content, you can use plain HTML:
+
+### `src/templates/simple.html`
+
+```html
+<div>
+  <h1>Hello World</h1>
+  <p>This is a simple HTML test.</p>
+</div>
+```
+
+### Generated `src/components/simple.js`
+
+```js
+// generated by lui-templates
+
+import {
+	hook_dom,
+	node_dom,
+} from "lui";
+
+export default function Simple() {
+	hook_dom("div");
+
+	return [
+		node_dom("h1[innerText=Hello World]"),
+		node_dom("p[innerText=This is a simple HTML test.]"),
+	];
+}
+```
+
+The HTML parser supports all standard HTML elements and attributes but does not include dynamic content like variables or conditionals. For dynamic content, use the Liquid parser instead.
+
 ## Interface of `lui_templates(path[, {options}])`
 
 ### `path`

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lui-templates",
-	"version": "0.1.0",
+	"version": "0.2.0",
 	"description": "transform html templates into lui components",
 	"repository": {
 		"type": "git",

package/src/cli.js

@@ -13,7 +13,9 @@ if (args.length === 0 || args[0] === '-h' || args[0] === '--help') {
 Input: The template file or directory containing the templates
 Options:
   -e, --externs <path>    File unknown components are imported from
+  -g, --global            Assume window.lui is defined
   -h, --help              Show this help message
+  --ssr '{"prop": ...}'   Render to html using lui-ssr (must be installed)
   --version               Show version information
 
 Example:
@@ -38,6 +40,8 @@ if (args[0].startsWith('-')) {
 
 const path = args.shift();
 let arg_externs = './externs.js';
+let arg_global = false;
+let arg_ssr = null;
 
 while (args.length > 0) {
 	const arg = args.shift();
@@ -46,14 +50,35 @@ while (args.length > 0) {
 		case '--externs':
 			arg_externs = args.shift();
 			break;
+		case '--ssr':
+			arg_ssr = JSON.parse(args.shift());
+		case '-g':
+		case '--global':
+			arg_global = true;
+			break;
 		default:
 			console.error(`Unknown argument: ${arg}, see --help`);
 			process.exit(1);
 	}
 }
 
-const result = await lui_templates(path, {
+let result = await lui_templates(path, {
 	components_name: arg_externs,
+	lui_global: arg_global,
 });
 
+if (arg_ssr) {
+	const {default: lui_ssr} = await import('lui-ssr');
+	const name = result.match(/function\s+(\w+)\s*\(/)?.[1];
+
+	result += `
+lui.init(() => {
+	return [
+		lui.node(${name}, ${JSON.stringify(arg_ssr)}),
+	];
+});`;
+
+	result = lui_ssr(result)();
+}
+
 console.log(result);

package/src/main.js

@@ -21,6 +21,7 @@ const version = JSON.parse(
 
 const options_default = {
 	lui_name: 'lui',
+	lui_global: false,
 	components_name: './externs.js',
 };
 
@@ -31,6 +32,11 @@ export default async function lui_templates(path, options = {}) {
 	};
 	const is_directory = (await stat(path)).isDirectory();
 
+	if (
+		is_directory &&
+		options.lui_global
+	) throw new Error('with global setting, only a single template is allowed');
+
 	const paths = is_directory
 	?	(await readdir(path)).map(name => `${path}/${name}`)
 	:	[path];
@@ -44,29 +50,37 @@ export default async function lui_templates(path, options = {}) {
 	const result = [];
 
 	for (const [name, parsed] of all_parsed) {
-		const expression = generate(name, parsed, lui_imports, component_imports);
+		let expression = generate(name, parsed, lui_imports, component_imports);
+
+		if (!options.lui_global) {
+			if (!is_directory) expression = 'default ' + expression;
+			expression = 'export ' + expression;
+		}
 
-		result.push(
-			'export ' +
-			(is_directory ? '' : 'default ') +
-			expression
-		);
+		result.push(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) {
+	if (component_imports.size > 0 && !options.lui_global) {
 		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)};`);
+	if (options.lui_global) {
+		result.unshift(`const {${
+			list_generate([...lui_imports], 0)
+		}} = ${options.lui_name};`);
+	}
+	else {
+		result.unshift(`import {${
+			list_generate([...lui_imports], 0)
+		}} from ${JSON.stringify(options.lui_name)};`);
+	}
 
 	result.unshift('// generated by lui-templates ' + version);
 

package/src/parser.js

@@ -47,7 +47,7 @@ export function html_attr_to_dom(attr) {
 	return html_attr_to_dom_map.get(attr) || attr;
 }
 
-const html_whitespaces = ' \n\r\t\f\v'.split('');
+export 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(',');

package/src/parsers/html.js

@@ -0,0 +1,345 @@
+import {
+	NODE_TYPE_ELEMENT,
+	VALUE_TYPE_STATIC,
+} from '../constants.js';
+import {
+	html_is_self_closing,
+	html_is_whitespace,
+	html_attr_to_dom,
+	html_whitespaces,
+} from '../parser.js';
+
+const TOKEN_HTML_START = 0;
+const TOKEN_HTML_END = 1;
+const TOKEN_TEXT = 2;
+
+export default async function parse_html(src, path) {
+	const tokenizer = new Tokenizer(src, path);
+	const tokens = tokenizer.parse_nodes();
+	const nodes = build_nodes(tokens, 0, tokens.length);
+
+	return {
+		inputs: [],
+		transformations: [],
+		effects: [],
+		nodes,
+	};
+}
+
+function error(message, obj) {
+	console.error(`Error in ${obj.path}:${obj.line}:${obj.column}: ${message}`);
+	process.exit(1);
+}
+
+class Tokenizer {
+	constructor(src, path) {
+		this.src = src;
+		this.path = path;
+		this.line = 1;
+		this.column = 0;
+		this.index = 0;
+	}
+
+	char_current() {
+		return this.src.charAt(this.index);
+	}
+
+	chars_match(chars) {
+		return this.src.slice(this.index, this.index + chars.length) === chars;
+	}
+
+	char_step() {
+		const char = this.char_current();
+		if (char == null) error('Unexpected end of input', this);
+		this.index++;
+		if (char === '\n') {
+			this.line++;
+			this.column = 0;
+		}
+		else this.column++;
+	}
+
+	chars_step(n) {
+		for (let i = 0; i < n; i++) {
+			this.char_step();
+		}
+	}
+
+	chars_consume(chars) {
+		if (!this.chars_match(chars)) error(`Expected "${chars}"`, this);
+		this.chars_step(chars.length);
+	}
+
+	chars_consume_until(limit, desc) {
+		const index_end = this.src.indexOf(limit, this.index);
+		if (index_end === -1) error(`Unclosed ${desc}`, this);
+		const value = this.src.slice(this.index, index_end);
+		this.chars_step(index_end - this.index);
+		return value;
+	}
+
+	chars_consume_until_one(limits, desc) {
+		let value = '';
+		while (this.index < this.src.length) {
+			const char = this.char_current();
+			if (limits.includes(char)) return value;
+			value += char;
+			this.char_step();
+		}
+		error(`Unclosed ${desc}`, this);
+	}
+
+	chars_skip_whitespace() {
+		while (
+			this.index < this.src.length &&
+			html_is_whitespace(this.char_current())
+		) {
+			this.char_step();
+		}
+	}
+
+	parse_nodes() {
+		const tokens = [];
+
+		while (this.index < this.src.length) {
+			const char = this.char_current();
+			const position = {
+				path: this.path,
+				line: this.line,
+				column: this.column,
+			};
+			// text nodes
+			if (char !== '<') {
+				// we do this manually since text can also end at EOF
+				const index_lt = this.src.indexOf('<', this.index);
+				const value = this.src.slice(
+					this.index,
+					index_lt > -1
+					?	index_lt
+					:	this.src.length
+				);
+				this.chars_step(value.length);
+				tokens.push({
+					type: TOKEN_TEXT,
+					...position,
+					value,
+				});
+			}
+			// comment
+			else if (this.chars_match('<!--')) {
+				this.chars_consume_until('-->', 'comment');
+			}
+			// end tag
+			else if (this.chars_match('</')) {
+				this.chars_consume('</');
+
+				const tag_name = this.chars_consume_until('>', 'end tag');
+				if (!tag_name) error('empty end tag', position);
+				if (tag_name !== tag_name.trim()) error('spaces in end tag', position);
+
+				this.chars_consume('>');
+
+				tokens.push({
+					type: TOKEN_HTML_END,
+					...position,
+					tag_name,
+				});
+			}
+			// start tag
+			else {
+				tokens.push(
+					...this.parse_html_start(position)
+				);
+			}
+		}
+
+		return tokens;
+	}
+
+	parse_html_start(position) {
+		this.chars_consume('<');
+		const tag_name = this.chars_consume_until_one(
+			['/', '>', ...html_whitespaces],
+			'tag'
+		);
+		if (!tag_name) error('empty start tag or spaces before tag name', position);
+
+		const props = this.parse_attributes();
+
+		this.chars_skip_whitespace();
+		const has_self_closing_slash = this.char_current() === '/';
+		if (has_self_closing_slash) {
+			this.chars_consume('/');
+		}
+
+		this.chars_consume('>');
+
+		const start_token = {
+			type: TOKEN_HTML_START,
+			...position,
+			tag_name,
+			props,
+		};
+
+		if (
+			has_self_closing_slash ||
+			html_is_self_closing(tag_name)
+		) {
+			return [
+				start_token,
+				{
+					type: TOKEN_HTML_END,
+					...position,
+					tag_name,
+				}
+			];
+		}
+
+		return [start_token];
+	}
+
+	parse_attributes() {
+		const props = {};
+
+		while (this.index < this.src.length) {
+			this.chars_skip_whitespace();
+
+			if (['/', '>'].includes(this.char_current())) return props;
+
+			const name = this.chars_consume_until_one(
+				['=', '/', '>', ...html_whitespaces],
+				'attribute name'
+			);
+
+			if (!name) error('attribute name missing', this);
+
+			this.chars_skip_whitespace();
+
+			let value = true;
+			if (this.char_current() === '=') {
+				this.chars_consume('=');
+
+				this.chars_skip_whitespace();
+
+				const quote = this.char_current();
+				if (quote === '"' || quote === "'") {
+					this.chars_consume(quote);
+					value = this.chars_consume_until(quote, 'attribute value');
+					this.chars_consume(quote);
+				}
+				else {
+					value = this.chars_consume_until_one(
+						['/', '>', ...html_whitespaces],
+						'attribute value'
+					);
+				}
+			}
+
+			props[html_attr_to_dom(name)] = {
+				type: VALUE_TYPE_STATIC,
+				data: value,
+			};
+		}
+
+		error('Unclosed tag', this);
+	}
+}
+
+function build_nodes(tokens, index, index_end) {
+	const nodes = [];
+	for (; index < index_end; index++) {
+		const token = tokens[index];
+		switch (token.type) {
+		case TOKEN_HTML_START: {
+			const {tag_name, props} = token;
+			const index_start = ++index;
+
+			// find matching end tag index
+			let depth = 1;
+			loop: for (; index < index_end; index++) {
+				const token = tokens[index];
+				switch (token.type) {
+				case TOKEN_HTML_START:
+					if (token.tag_name === tag_name) depth++;
+					break;
+				case TOKEN_HTML_END:
+					if (
+						token.tag_name === tag_name &&
+						--depth === 0
+					) {
+						break loop;
+					}
+				}
+			}
+			if (depth > 0) error(`Unclosed tag <${tag_name}>`, token);
+
+			const children = build_nodes(tokens, index_start, index);
+
+			if (
+				children.length > 0 &&
+				children[0].is_wrapper
+			) {
+				props.innerText = children.shift().props.innerText;
+			}
+
+			nodes.push({
+				is_wrapper: false,
+				type: NODE_TYPE_ELEMENT,
+				tag: tag_name,
+				props,
+				children,
+			});
+			break;
+		}
+		case TOKEN_HTML_END:
+			error(`Unexpected closing tag </${token.tag_name}>`, token);
+		case TOKEN_TEXT: {
+			let {value} = token;
+			if (!value) break;
+
+			const value_trimmed_start = value.trimStart();
+			// if first node
+			if (nodes.length === 0) {
+				if (!value_trimmed_start) break;
+				value = value_trimmed_start;
+			}
+			// if between other nodes and empty
+			else if (
+				index_end - index > 1 &&
+				!value_trimmed_start
+			) {
+				break;
+			}
+			// if not first but has leading whitespace
+			else if (value !== value_trimmed_start) {
+				value = ' ' + value_trimmed_start;
+			}
+
+			const value_trimmed_end = value.trimEnd();
+			// if last node
+			if (index_end - index === 1) {
+				if (!value_trimmed_end) break;
+				value = value_trimmed_end;
+			}
+			// if not last but has trailing whitespace
+			else if (value !== value_trimmed_end) {
+				value = value_trimmed_end + ' ';
+			}
+
+			nodes.push({
+				is_wrapper: true,
+				type: NODE_TYPE_ELEMENT,
+				tag: 'span',
+				props: {
+					innerText: {
+						type: VALUE_TYPE_STATIC,
+						data: value,
+					},
+				},
+				children: [],
+			});
+		}
+		}
+	}
+	return nodes;
+}

package/.github/LIQUID_SPEC.md

@@ -1,101 +0,0 @@
-# Liquid Template Syntax Specification
-
-This document describes the Liquid template syntax used in this project. AI agents and contributors should follow these specifications when working with Liquid templates.
-
-## Syntax Overview
-
-Liquid uses two types of delimiters:
-
-### 1. Output (Expressions): `{{ }}`
-Used for outputting variables and expressions:
-```liquid
-{{ variable }}
-{{ user.name }}
-{{ "Hello " + name }}
-```
-
-### 2. Tags (Commands): `{% %}`
-Used for logic, control flow, and special commands:
-```liquid
-{% if condition %}
-  Content
-{% endif %}
-
-{% unless condition %}
-  Content
-{% endunless %}
-
-{% for item in items %}
-  {{ item }}
-{% endfor %}
-```
-
-## Supported Commands
-
-### Control Flow Commands
-- `{% if condition %}...{% endif %}` - Conditional rendering
-- `{% unless condition %}...{% endunless %}` - Inverse conditional rendering
-- `{% for item in collection %}...{% endfor %}` - Loop over collections
-
-### Special Commands
-- `{% comment %}...{% endcomment %}` - Comments (not rendered)
-- `{% raw %}...{% endraw %}` - Raw content (no processing)
-- `{% render 'component', prop: value %}` - Render a component
-
-## Component Rendering
-
-The `{% render %}` command is used to instantiate components:
-
-```liquid
-{% render 'button', label: 'Submit', type: 'primary' %}
-{% render 'user-card', name: user.name, age: 25 %}
-{% render 'components/ui/icon', name: 'check', size: 24 %}
-```
-
-### Syntax
-```liquid
-{% render 'path/to/component', prop1: value1, prop2: value2 %}
-```
-
-### Rules
-1. **Path**: The component path (string). Only the last segment is used (e.g., `'ui/button'` → `Button`)
-2. **Component Name**: Converted to PascalCase (e.g., `'user-card'` → `UserCard`)
-3. **Props**: Key-value pairs separated by commas
-4. **Values**: Can be:
-   - String literals: `'text'` or `"text"`
-   - Numbers: `42`, `3.14`
-   - Booleans: `true`, `false`
-   - Variables: `userName`, `count`
-   - Expressions: `user.name`, `items.length`
-
-### Examples
-
-Simple with static values:
-```liquid
-{% render 'button', label: 'Click me', disabled: false %}
-```
-
-With variables:
-```liquid
-{% render 'input', name: fieldName, value: fieldValue %}
-```
-
-With expressions:
-```liquid
-{% render 'user-card', name: user.name, count: items.length %}
-```
-
-Within conditionals:
-```liquid
-{% if showProfile %}
-  {% render 'profile', user: currentUser %}
-{% endif %}
-```
-
-## Important Notes for AI Agents
-
-1. **Always use `{% %}` for the render command**, not `{{ }}`
-2. The render command is a **tag/command**, not an expression
-3. Component names are automatically converted from kebab-case to PascalCase
-4. Only simple variable identifiers are registered as component inputs
-5. Complex expressions (e.g., `user.name`) are passed through but not registered as inputs

package/.vscode/settings.json

@@ -1,10 +0,0 @@
-{
-	"json.schemas": [
-		{
-			"fileMatch": [
-				"/test/templates/*.json"
-			],
-			"url": "/schema/intermediary.json"
-		}
-	]
-}

package/schema/intermediary.json

@@ -1,147 +0,0 @@
-{
-	"$schema": "https://json-schema.org/draft-07/schema",
-	"$id": "https://l3p3.de/shr/schema/lui-templates.intermediary.json",
-	"$title": "Intermediary format for templates",
-	"$description": "All templates should be parsed into this format before being turned into a component. You can also pass a template.json directly, following this schema.",
-
-	"type": "object",
-	"properties": {
-		"inputs": {
-			"$description": "list of component prop definitions",
-			"type": "array",
-			"items": {"$ref": "#/$defs/input"}
-		},
-		"transformations": {
-			"$description": "list of transformations",
-			"type": "array",
-			"items": {"$ref": "#/$defs/transformation"}
-		},
-		"effects": {
-			"$description": "list of effects",
-			"type": "array",
-			"items": {"$ref": "#/$defs/effect"}
-		},
-		"nodes": {
-			"$description": "list of contained nodes",
-			"type": "array",
-			"items": {"$ref": "#/$defs/node"}
-		}
-	},
-	"required": ["inputs", "transformations", "effects", "nodes"],
-
-	"$defs": {
-		"value": {
-			"$description": "expression representing a runtime value",
-			"oneOf": [
-				{
-					"$description": "static value",
-					"type": "object",
-					"properties": {
-						"type": {"const": 0},
-						"data": {"type": ["string", "number", "boolean", "null"]}
-					},
-					"required": ["type", "data"]
-				},
-				{
-					"$description": "field reference",
-					"type": "object",
-					"properties": {
-						"type": {"const": 1},
-						"data": {"type": "string"}
-					},
-					"required": ["type", "data"]
-				},
-				{
-					"$description": "string concatenation",
-					"type": "object",
-					"properties": {
-						"type": {"const": 2},
-						"data": {
-							"type": "array",
-							"items": {"$ref": "#/$defs/value"}
-						}
-					},
-					"required": ["type", "data"]
-				}
-			]
-		},
-		"props": {
-			"$description": "map of arbitrary property keys and their assigned values",
-			"type": "object",
-			"additionalProperties": {"$ref": "#/$defs/value"}
-		},
-		"input": {
-			"$description": "component prop definition",
-			"type": "object",
-			"properties": {
-				"name": {"type": "string"},
-				"fallback": {"type": ["string", "number", "boolean", "null"]}
-			},
-			"required": ["name"]
-		},
-		"transformation": {
-			"$description": "transformation from a list of fields into a single field",
-			"type": "object",
-			"properties": {}
-		},
-		"effect": {
-			"$description": "effect to be run depending on field values",
-			"type": "object",
-			"properties": {}
-		},
-		"node": {
-			"$description": "node in the template tree",
-			"oneOf": [
-				{
-					"$description": "single component",
-					"type": "object",
-					"properties": {
-						"type": {"const": 0},
-						"component": {"type": "string"},
-						"props": {"$ref": "#/$defs/props"},
-						"children": {
-							"type": "array",
-							"items": {"$ref": "#/$defs/node"}
-						}
-					},
-					"required": ["type", "component", "props", "children"]
-				},
-				{
-					"$description": "html element",
-					"type": "object",
-					"properties": {
-						"type": {"const": 1},
-						"tag": {"type": "string"},
-						"props": {"$ref": "#/$defs/props"},
-						"children": {
-							"type": "array",
-							"items": {"$ref": "#/$defs/node"}
-						}
-					},
-					"required": ["type", "tag", "props", "children"]
-				},
-				{
-					"$description": "if statement",
-					"type": "object",
-					"properties": {
-						"type": {"const": 2},
-						"condition": {"$ref": "#/$defs/value"},
-						"child": {"$ref": "#/$defs/node"}
-					},
-					"required": ["type", "condition", "child"]
-				},
-				{
-					"$description": "map component",
-					"type": "object",
-					"properties": {
-						"type": {"const": 3},
-						"from": {"type": "string"},
-						"component": {"type": "string"},
-						"props": {"$ref": "#/$defs/props"}
-					},
-					"required": ["type", "from", "component", "props"]
-				}
-			]
-		}
-	}
-}

package/test/basic.js

@@ -1,9 +0,0 @@
-import lui_templates from '../src/main.js';
-
-const test = async () => {
-	const file = process.argv[2]; // Optional: pass specific file via argv
-	const options = file ? { file } : {};
-	const result = await lui_templates('templates', options);
-	console.log(result);
-}
-test();

package/test/templates/article.liquid

@@ -1,9 +0,0 @@
-<article>
-  <h1>{{ title }}</h1>
-  {% if author %}
-    Written by {{ author }}
-  {% endif %}
-  <div>
-    {{ content }}
-  </div>
-</article>

package/test/templates/button.liquid

@@ -1,3 +0,0 @@
-<button type=submit class="btn-primary" style='color:red' disabled>
-	{{ label }}
-</button>

package/test/templates/complex-nested.liquid

@@ -1,11 +0,0 @@
-<div>
-  {% if level1 %}
-    <h1>Level 1</h1>
-    {% if level2 %}
-      <h2>Level 2</h2>
-      {% if level3 %}
-        <h3>Level 3</h3>
-      {% endif %}
-    {% endif %}
-  {% endif %}
-</div>

package/test/templates/complex.liquid

@@ -1,4 +0,0 @@
-<div title="Test Title">
-  <h1>Welcome {{ user }}!</h1>
-  <p>This is a test paragraph.</p>
-</div>

package/test/templates/conditional-bool-attr.liquid

@@ -1,4 +0,0 @@
-<button 
-  {% if isDisabled %}disabled{% endif %}
-  class="btn"
->Submit</button>

package/test/templates/conditional-nonbool-attr.liquid

@@ -1,4 +0,0 @@
-<button 
-  {% if customClass %}class="{{ customClass }}"{% endif %}
-  type="submit"
->Submit</button>

package/test/templates/conditional-unless-attr.liquid

@@ -1,4 +0,0 @@
-<button 
-  {% unless isEnabled %}disabled{% endunless %}
-  class="btn"
->Submit</button>

package/test/templates/conditional-unless-nonbool-attr.liquid

@@ -1,4 +0,0 @@
-<button 
-  {% unless hideClass %}class="btn-primary"{% endunless %}
-  type="submit"
->Submit</button>

package/test/templates/conditional.liquid

@@ -1,6 +0,0 @@
-<div>
-  {% if showGreeting %}
-    <h1>Hello {{ name }}!</h1>
-  {% endif %}
-  <p>Always visible</p>
-</div>

package/test/templates/dynamic-class.liquid

@@ -1 +0,0 @@
-<button class="button-{{ color }} btn-{{ size }}">{{ label }}</button>

package/test/templates/greeting.json

@@ -1,74 +0,0 @@
-{
-	"$schema": "https://l3p3.de/shr/schema/lui-templates.intermediary.json",
-	"inputs": [
-		{
-			"name": "name",
-			"fallback": "unknown"
-		}
-	],
-	"transformations": [],
-	"effects": [],
-	"nodes": [
-		{
-			"type": 1,
-			"tag": "div",
-			"props": {
-				"title": {
-					"type": 0,
-					"data": "Just a test"
-				}
-			},
-			"children": [
-				{
-					"type": 2,
-					"condition": {
-						"type": 1,
-						"data": "name"
-					},
-					"child": {
-						"type": 1,
-						"tag": "h1",
-						"props": {
-							"innerText": {
-								"type": 2,
-								"data": [
-									{
-										"type": 0,
-										"data": "Hello "
-									},
-									{
-										"type": 1,
-										"data": "name"
-									},
-									{
-										"type": 0,
-										"data": "!"
-									}
-								]
-							}
-						},
-						"children": []
-					}
-				},
-				{
-					"type": 1,
-					"tag": "p",
-					"props": {},
-					"children": [
-						{
-							"type": 0,
-							"component": "Link",
-							"props": {
-								"text": {
-									"type": 0,
-									"data": "Click me!"
-								}
-							},
-							"children": []
-						}
-					]
-				}
-			]
-		}
-	]
-}

package/test/templates/image.liquid

@@ -1,5 +0,0 @@
-<div>
-  <img src="{{ imageUrl }}" alt="{{ altText }}">
-  <br>
-  <p>{{ caption }}</p>
-</div>

package/test/templates/link.json

@@ -1,31 +0,0 @@
-{
-	"$schema": "https://l3p3.de/shr/schema/lui-templates.intermediary.json",
-	"inputs": [
-		{
-			"name": "href",
-			"fallback": "#"
-		},
-		{
-			"name": "text"
-		}
-	],
-	"transformations": [],
-	"effects": [],
-	"nodes": [
-		{
-			"type": 1,
-			"tag": "a",
-			"props": {
-				"href": {
-					"type": 1,
-					"data": "href"
-				},
-				"innerText": {
-					"type": 1,
-					"data": "text"
-				}
-			},
-			"children": []
-		}
-	]
-}

package/test/templates/mixed.liquid

@@ -1,5 +0,0 @@
-<div>
-  <h1>{{ title }}</h1>
-  <p>Static text and {{ dynamic }} content</p>
-  <a href="{{ url }}">Link to {{ destination }}</a>
-</div>

package/test/templates/nested-attr-conditionals.liquid

@@ -1 +0,0 @@
-<button {% if showClass %}class="{% if primary %}btn-primary{% endif %}"{% endif %}>Click</button>

package/test/templates/nested-comprehensive.liquid

@@ -1,51 +0,0 @@
-<div>
-  <!-- Test 1: Nested conditionals around nodes -->
-  {% if outerCondition %}
-    {% if innerCondition %}
-      <p>Both conditions true</p>
-      <span>Second element</span>
-    {% endif %}
-  {% endif %}
-
-  <!-- Test 2: Nested conditionals around text nodes -->
-  {% if showText %}
-    {% if emphasize %}
-      Strong text here!
-    {% endif %}
-  {% endif %}
-
-  <!-- Test 3: Triple nesting -->
-  {% if level1 %}
-    {% if level2 %}
-      {% if level3 %}
-        <p>All three levels true</p>
-      {% endif %}
-    {% endif %}
-  {% endif %}
-
-  <!-- Test 4: Mixed if and unless -->
-  {% if enabled %}
-    {% unless disabled %}
-      <button>Click me</button>
-    {% endunless %}
-  {% endif %}
-
-  <!-- Test 5: Regular conditional attributes (should work as before) -->
-  <input {% if isRequired %}required{% endif %} type="text">
-
-  <!-- Test 6: Nested conditionals in attribute values -->
-  <div {% if hasClass %}class="{% if isPrimary %}primary{% endif %} btn"{% endif %}>Button</div>
-
-  <!-- Test 7: Complex nested in attribute value -->
-  <button class="btn {% if isActive %}active{% endif %} {% if isDisabled %}disabled{% endif %}">Multi-class</button>
-
-  <!-- Test 8: Conditional boolean attribute with nested condition -->
-  <button {% if outerCheck %}{% if innerCheck %}disabled{% endif %}{% endif %}>Nested boolean attr</button>
-
-  <!-- Test 9: Text with variables inside nested conditionals -->
-  {% if showGreeting %}
-    {% if showName %}
-      Hello {{ userName }}!
-    {% endif %}
-  {% endif %}
-</div>

package/test/templates/nested-conditionals.liquid

@@ -1,9 +0,0 @@
-<div>
-  {% if outer %}
-    <h1>Outer is true</h1>
-    {% if inner %}
-      <p>Both outer and inner are true</p>
-    {% endif %}
-  {% endif %}
-  <span>Always visible</span>
-</div>

package/test/templates/nested-if-flatten.liquid

@@ -1,6 +0,0 @@
-{% if A %}
-  {% if B %}
-    <p>1</p>
-    <p>2</p>
-  {% endif %}
-{% endif %}

package/test/templates/render-comprehensive.liquid

@@ -1,21 +0,0 @@
-<div>
-	<!-- Simple render with static values -->
-	{% render 'button', label: 'Submit', type: 'primary' %}
-	
-	<!-- Render with variables -->
-	{% render 'input', name: fieldName, value: fieldValue %}
-	
-	<!-- Render with complex expressions -->
-	{% render 'user-card', name: user.name, age: user.age %}
-	
-	<!-- Render with nested paths (only last part is used) -->
-	{% render 'components/ui/icon', name: 'check', size: 24 %}
-	
-	<!-- Render with boolean and number literals -->
-	{% render 'checkbox', checked: true, count: 5 %}
-	
-	<!-- Render within conditionals -->
-	{% if showProfile %}
-		{% render 'profile', user: currentUser %}
-	{% endif %}
-</div>

package/test/templates/render-conditional.liquid

@@ -1,6 +0,0 @@
-<div>
-	{% if showButton %}
-		{% render 'button', label: buttonLabel %}
-	{% endif %}
-	{% render 'icon', name: 'check' %}
-</div>

package/test/templates/render-expressions.liquid

@@ -1,3 +0,0 @@
-<div>
-	{% render 'button', label: user.name, count: items.length %}
-</div>

package/test/templates/render-test.liquid

@@ -1,7 +0,0 @@
-<div>
-	{% render 'button', label: 'Click me', color: 'blue' %}
-	{% render 'components/nested/icon', name: iconName, size: 24 %}
-	<p>Some text</p>
-	{% render 'link', href: url, text: linkText %}
-	{% render 'card', title: 'Test', enabled: true, count: 5 %}
-</div>

package/test/templates/root-text.liquid

@@ -1,2 +0,0 @@
-Hello {{ name }}!
-<p>Welcome</p>

package/test/templates/test-attr-cond.liquid

@@ -1 +0,0 @@
-<button class="btn {% if isActive %}active{% endif %}">Test</button>

package/test/templates/text-nodes.liquid

@@ -1,5 +0,0 @@
-<div>
-  Hello {{ name }}!
-  <p>Welcome</p>
-  Goodbye
-</div>

package/test/templates/unless.liquid

@@ -1,5 +0,0 @@
-<div>
-  {% unless hideContent %}
-    <p>Visible content</p>
-  {% endunless %}
-</div>