@torpor/view 0.3.4 → 0.4.0

package/src/compile/build/client/buildSwitchNode.ts

@@ -4,6 +4,8 @@ import isControlNode from "../../utils/isControlNode";
 import nextVarName from "../utils/nextVarName";
 import type BuildStatus from "./BuildStatus";
 import addMappedText from "./addMappedText";
+import addPopDevBoundary from "./addPopDevBoundary";
+import addPushDevBoundary from "./addPushDevBoundary";
 import buildAddFragment from "./buildAddFragment";
 import buildFragment from "./buildFragment";
 import buildNode from "./buildNode";
@@ -12,7 +14,7 @@ import replaceForVarNames from "./replaceForVarNames";
 export default function buildSwitchNode(node: ControlNode, status: BuildStatus, b: Builder): void {
 	const anchorName = node.varName!;
 	const parentName = node.parentName!;
-	const rangeName = nextVarName("switch_range", status);
+	const regionName = nextVarName("switch_region", status);
 	const stateName = "$" + nextVarName("switch_state", status);
 	const creatorsName = nextVarName("switch_creators", status);
 
@@ -26,43 +28,49 @@ export default function buildSwitchNode(node: ControlNode, status: BuildStatus,
 			operation: "@default",
 			statement: "default",
 			children: [],
-			range: { start: 0, end: 0 },
+			span: { start: 0, end: 0 },
 		};
 		branches.push(defaultBranch);
 	}
 
 	status.imports.add("$watch");
 	status.imports.add("$run");
-	status.imports.add("t_range");
+	status.imports.add("t_region");
 	status.imports.add("t_run_control");
 	status.imports.add("t_run_branch");
 
 	b.append("");
+	b.append("/* @switch */");
+	addPushDevBoundary("control", `@${branches[0].statement}`, status, b);
 	b.append(`
-		/* @switch */
-		const ${rangeName} = t_range();
+		const ${regionName} = t_region(${status.options.dev === true ? `"switch"` : ""});
 		let ${stateName} = $watch({ index: -1 });
-		let ${creatorsName}: ((t_before: Node | null) => void)[] = [];`);
-
-	b.append(`
-		$run(function runSwitch() {`);
-
-	let index = 0;
+		let ${creatorsName}: ((t_before: Node | null) => void)[] = [];
+		$run(() => {`);
 
 	// TODO: replaceForVarNames is going to throw mapping out
-	addMappedText("", `${replaceForVarNames(node.statement, status)}`, " {", node.range, status, b);
+	addMappedText("", `${replaceForVarNames(node.statement, status)}`, " {", node.span, status, b);
 
+	let index = 0;
 	for (let branch of branches) {
 		buildSwitchBranch(branch, status, b, parentName, stateName, creatorsName, index++);
 	}
 	b.append(`
 		}
-	});`);
+	}${status.options.dev === true ? `, "runSwitch"` : ""});`);
 
 	b.append(`
-		t_run_control(${rangeName}, ${anchorName}, (t_before) => {
-			t_run_branch(${rangeName}, () => ${creatorsName}[${stateName}.index](t_before));
-		});`);
+		t_run_control(${regionName}, ${anchorName}, (t_before) => {
+			const index = ${stateName}.index;`);
+	//addPushDevBoundary("branch", "`branch ${index}`", status, b);
+	b.append(
+		`t_run_branch(${regionName}, () => ${creatorsName}[index](t_before)${status.options.dev === true ? ", `branch ${index}`" : ""});`,
+	);
+	addPopDevBoundary(status, b);
+	b.append("});");
+
+	addPopDevBoundary(status, b);
+
 	b.append("");
 }
 
@@ -76,7 +84,7 @@ function buildSwitchBranch(
 	index: number,
 ) {
 	// TODO: replaceForVarNames is going to throw mapping out
-	addMappedText("", `${replaceForVarNames(node.statement, status)}`, " {", node.range, status, b);
+	addMappedText("", `${replaceForVarNames(node.statement, status)}`, " {", node.span, status, b);
 
 	if (node.children.length > 0) {
 		b.append(`${creatorsName}[${index}] = (t_before) => {`);

package/src/compile/build/client/buildTextNode.ts

@@ -94,6 +94,6 @@ export default function buildTextNode(node: TextNode, status: BuildStatus): void
 		offsetChange += functionBody.length;
 		offsets.map((_, i) => (offsets[i] += offsetChange));
 		functionBody += `${textContent};`;
-		stashRunWithOffsets(fragment, functionBody, node.ranges, offsets, lengths, status);
+		stashRunWithOffsets(fragment, functionBody, node.spans, offsets, lengths, status);
 	}
 }

package/src/compile/build/client/replaceForVarNames.ts

@@ -8,8 +8,8 @@ export default function replaceForVarNames(value: string, status: BuildStatus):
 	// get it from the loop data to trigger an update when it is changed
 	for (let varName of status.forVarNames) {
 		value = value.replaceAll(
-			new RegExp(`(^|\\s|\\(|\\[|\\{)${varName}($|\\s|\\.|\\(|\\)|\\[|\\]|\\}|;)`, "g"),
-			`$1t_item.data.${varName}$2`,
+			new RegExp(`(^|\\s|\\(|\\[|\\{|!)${varName[0]}($|\\s|\\.|\\(|\\)|\\[|\\]|\\}|;)`, "g"),
+			`$1${varName[1]}$2`,
 		);
 	}
 	return value;

package/src/compile/build/client/stashRun.ts

@@ -1,4 +1,4 @@
-import type SourceRange from "../../types/SourceRange";
+import type SourceSpan from "../../types/SourceSpan";
 import type Fragment from "../../types/nodes/Fragment";
 import type BuildStatus from "./BuildStatus";
 import replaceForVarNames from "./replaceForVarNames";
@@ -8,14 +8,14 @@ export default function stashRun(
 	functionStart: string,
 	value: string,
 	functionEnd: string,
-	range: SourceRange,
+	span: SourceSpan,
 	status: BuildStatus,
 ): void {
 	value = replaceForVarNames(value, status);
 	let functionBody = functionStart + value + functionEnd;
 	fragment.effects.push({
 		functionBody,
-		ranges: [range],
+		spans: [span],
 		offsets: [functionStart.length],
 		lengths: [value.length],
 	});

package/src/compile/build/client/stashRunWithOffsets.ts

@@ -1,4 +1,4 @@
-import type SourceRange from "../../types/SourceRange";
+import type SourceSpan from "../../types/SourceSpan";
 import type Fragment from "../../types/nodes/Fragment";
 import type BuildStatus from "./BuildStatus";
 import replaceForVarNames from "./replaceForVarNames";
@@ -6,7 +6,7 @@ import replaceForVarNames from "./replaceForVarNames";
 export default function stashRunWithOffsets(
 	fragment: Fragment,
 	functionBody: string,
-	ranges: SourceRange[],
+	spans: SourceSpan[],
 	offsets: number[],
 	lengths: number[],
 	status: BuildStatus,
@@ -25,7 +25,7 @@ export default function stashRunWithOffsets(
 	}
 	fragment.effects.push({
 		functionBody,
-		ranges,
+		spans: spans,
 		offsets,
 		lengths,
 	});

package/src/compile/build/server/BuildServerStatus.ts

@@ -1,4 +1,4 @@
-import type BuildOptions from "../../../types/BuildOptions";
+import type BuildOptions from "../../types/BuildOptions";
 
 export default interface BuildServerStatus {
 	imports: Set<string>;

package/src/compile/build/server/buildServerCode.ts

@@ -1,5 +1,5 @@
-import type BuildOptions from "../../../types/BuildOptions";
 import type Template from "../../../types/Template";
+import type BuildOptions from "../../types/BuildOptions";
 import Builder from "../../utils/Builder";
 import buildStyles from "../client/buildStyles";
 import type BuildServerStatus from "./BuildServerStatus";

package/src/compile/build/server/buildServerElementNode.ts

@@ -48,18 +48,18 @@ function buildElementAttributes(node: ElementNode, status: BuildServerStatus) {
 		} else if (name.startsWith("on") || name.startsWith(":on")) {
 			// No events on the server
 		} else if (name.startsWith("transition") && value) {
-			// No animation on the server, but we do need to set the attributes
-			// from the first keyframe
+			// TODO: No animation on the server, but we do need to set the
+			// attributes from the first keyframe
 			// HACK: use a regex instead maybe?
-			value = value.split(",")[0].trim();
-			if (value.startsWith("[")) {
-				value = value.substring(1);
-			} else {
-				value = value + "[0]";
-			}
-			attributes.push(
-				`style="\${Object.entries(${value}).map(([k, v]) => \`$\{k}: $\{v}\`).join("; ")}"`,
-			);
+			//value = value.split(",")[0].trim();
+			//if (value.startsWith("[")) {
+			//	value = value.substring(1);
+			//} else {
+			//	value = value + "[0]";
+			//}
+			//attributes.push(
+			//	`style="\${Object.entries(${value}).map(([k, v]) => \`$\{k}: $\{v}\`).join("; ")}"`,
+			//);
 		} else if (value != null && fullyReactive) {
 			if (name === "&value" || name === "&checked" || name === "&group") {
 				let defaultValue = "";

package/src/compile/build.ts

@@ -1,8 +1,8 @@
-import type BuildOptions from "../types/BuildOptions";
 import type Template from "../types/Template";
 import buildCode from "./build/client/buildCode";
 import buildStyles from "./build/client/buildStyles";
 import buildServerCode from "./build/server/buildServerCode";
+import type BuildOptions from "./types/BuildOptions";
 import type BuildResult from "./types/BuildResult";
 import type SourceMapping from "./types/SourceMapping";
 

package/src/compile/buildType.ts

@@ -1,5 +1,5 @@
-import type BuildOptions from "../types/BuildOptions";
 import type Template from "../types/Template";
+import type BuildOptions from "./types/BuildOptions";
 import Builder from "./utils/Builder";
 
 /**

package/src/compile/parse/ParseStatus.ts

@@ -1,7 +1,8 @@
+import type TemplateComponent from "../../types/TemplateComponent";
 import type CompileError from "../types/CompileError";
 import type Import from "../types/Import";
 import type ScriptChunk from "../types/ScriptChunk";
-import type ParseComponentStatus from "./ParseComponentStatus";
+import ElementNode from "../types/nodes/ElementNode";
 
 export default interface ParseStatus {
 	source: string;
@@ -12,7 +13,8 @@ export default interface ParseStatus {
 	imports: Import[];
 	script: ScriptChunk[];
 
-	components: ParseComponentStatus[];
+	components: TemplateComponent[];
+	stack: ElementNode[];
 
 	errors: CompileError[];
 }

package/src/compile/parse/addSpaceElement.ts

@@ -18,7 +18,7 @@ export default function addSpaceElement(
 			const space: TextNode = {
 				type: "text",
 				content,
-				ranges: [],
+				spans: [],
 			};
 			parent.children.push(space);
 		}

package/src/compile/parse/parseCode.ts

@@ -5,7 +5,6 @@ import endOfTemplateString from "../utils/endOfTemplateString";
 import isElementNode from "../utils/isElementNode";
 import isSpaceNode from "../utils/isSpaceNode";
 import trimQuotes from "../utils/trimQuotes";
-import ParseComponentStatus from "./ParseComponentStatus";
 import type ParseStatus from "./ParseStatus";
 import parseInlineScript from "./parseInlineScript";
 import parseMarkup from "./parseMarkup";
@@ -25,6 +24,7 @@ export default function parseCode(source: string): ParseResult {
 		imports: [],
 		script: [],
 		components: [],
+		stack: [],
 		errors: [],
 	};
 
@@ -90,7 +90,7 @@ export default function parseCode(source: string): ParseResult {
 	}
 	status.script.push({
 		script: source.substring(status.marker, source.length),
-		range: { start: status.marker, end: source.length },
+		span: { start: status.marker, end: source.length },
 	});
 
 	scopeStyles(status);
@@ -107,23 +107,7 @@ export default function parseCode(source: string): ParseResult {
 			? {
 					imports: status.imports,
 					script: status.script,
-					components: status.components.map((c) => {
-						return {
-							start: c.start,
-							name: c.name,
-							exported: c.exported,
-							default: c.default,
-							documentation: c.documentation,
-							params: c.params,
-							markup: c.markup,
-							head: c.head,
-							style: c.style,
-							propsType: c.propsType,
-							props: c.props,
-							contextProps: c.contextProps,
-							slotProps: c.slotProps,
-						} satisfies TemplateComponent;
-					}),
+					components: status.components,
 				}
 			: undefined,
 	};
@@ -139,7 +123,7 @@ function parseComponentStart(status: ParseStatus) {
 	let componentStart = status.i;
 	let name = consumeAlphaNumeric(status);
 
-	const current: ParseComponentStatus = {
+	const current: TemplateComponent = {
 		start: componentStart,
 		name,
 		exported,
@@ -185,9 +169,9 @@ function parseComponentStart(status: ParseStatus) {
 
 	status.script.push({
 		script: status.source.substring(status.marker, start),
-		range: { start: status.marker, end: start },
+		span: { start: status.marker, end: start },
 	});
-	status.script.push({ script: "/* @params */", range: { start: 0, end: 0 } });
+	status.script.push({ script: "/* @params */", span: { start: 0, end: 0 } });
 
 	current.params = status.source.substring(start, end).trim() || undefined;
 
@@ -211,6 +195,7 @@ function parseComponentStart(status: ParseStatus) {
 					imports: [],
 					script: [],
 					components: [],
+					stack: [],
 					errors: [],
 				};
 				const propsType = parseInlineScript(status2);
@@ -238,7 +223,7 @@ function parseComponentStart(status: ParseStatus) {
 	// Sneak in a function type
 	const postFunctionChunk = {
 		script: status.source.substring(status.marker, status.i),
-		range: { start: status.marker, end: status.i },
+		span: { start: status.marker, end: status.i },
 	};
 	if (/\)\s+\{/.test(postFunctionChunk.script)) {
 		postFunctionChunk.script = ") /* @return_type */ {";
@@ -247,14 +232,14 @@ function parseComponentStart(status: ParseStatus) {
 
 	status.script.push({
 		script: "/* @start */",
-		range: { start: 0, end: 0 },
+		span: { start: 0, end: 0 },
 	});
 
 	status.marker = status.i;
 	const space = consumeSpace(status);
 	status.script.push({
 		script: space,
-		range: { start: status.marker, end: status.i },
+		span: { start: status.marker, end: status.i },
 	});
 
 	status.marker = status.i;
@@ -271,11 +256,11 @@ function parseComponentRender(status: ParseStatus) {
 
 	status.script.push({
 		script: status.source.substring(status.marker, status.i),
-		range: { start: status.marker, end: status.i },
+		span: { start: status.marker, end: status.i },
 	});
 	status.script.push({
 		script: "/* @render */",
-		range: { start: 0, end: 0 },
+		span: { start: 0, end: 0 },
 	});
 
 	accept("@render", status);
@@ -298,11 +283,11 @@ function parseComponentHead(status: ParseStatus) {
 
 	status.script.push({
 		script: status.source.substring(status.marker, status.i),
-		range: { start: status.marker, end: status.i },
+		span: { start: status.marker, end: status.i },
 	});
 	status.script.push({
 		script: "/* @head */",
-		range: { start: 0, end: 0 },
+		span: { start: 0, end: 0 },
 	});
 
 	// HACK: add a new component, and move its markup into the current
@@ -335,11 +320,11 @@ function parseComponentStyle(status: ParseStatus) {
 
 	status.script.push({
 		script: status.source.substring(status.marker, status.i),
-		range: { start: status.marker, end: status.i },
+		span: { start: status.marker, end: status.i },
 	});
 	status.script.push({
 		script: "/* @style */",
-		range: { start: 0, end: 0 },
+		span: { start: 0, end: 0 },
 	});
 
 	let start = -1;
@@ -401,12 +386,12 @@ function parseComponentEnd(status: ParseStatus) {
 
 	status.script.push({
 		script: status.source.substring(status.marker, status.i),
-		range: { start: status.marker, end: status.i },
+		span: { start: status.marker, end: status.i },
 	});
 
 	status.script.push({
 		script: "/* @end */",
-		range: { start: 0, end: 0 },
+		span: { start: 0, end: 0 },
 	});
 
 	// Get all usages of $props.name and $props["name"]

package/src/compile/parse/parseControl.ts

@@ -152,7 +152,7 @@ function parseControlOpen(status: ParseStatus): ControlNode | null {
 		operation: operation as OperationType,
 		statement,
 		children: [],
-		range: { start: statementStart, end: status.i },
+		span: { start: statementStart, end: status.i },
 	};
 }
 
@@ -209,7 +209,7 @@ function wrangleControlNode(node: ControlNode, parentNode: RootNode | ElementNod
 			operation: "@if group",
 			statement: "",
 			children: [node],
-			range: { start: 0, end: 0 },
+			span: { start: 0, end: 0 },
 		};
 		parentNode.children.push(ifGroup);
 	} else if (node.operation === "@else") {
@@ -232,7 +232,7 @@ function wrangleControlNode(node: ControlNode, parentNode: RootNode | ElementNod
 			operation: "@for group",
 			statement: "",
 			children: [node],
-			range: { start: 0, end: 0 },
+			span: { start: 0, end: 0 },
 		};
 		parentNode.children.push(forGroup);
 	}
@@ -246,7 +246,7 @@ function wrangleControlNode(node: ControlNode, parentNode: RootNode | ElementNod
 			operation: "@await group",
 			statement: "",
 			children: [node],
-			range: { start: 0, end: 0 },
+			span: { start: 0, end: 0 },
 		};
 		parentNode.children.push(awaitGroup);
 	} else if (node.operation === "@then" || node.operation === "@catch") {
@@ -264,7 +264,7 @@ function wrangleControlNode(node: ControlNode, parentNode: RootNode | ElementNod
 			operation: "@replace group",
 			statement: "",
 			children: [node],
-			range: { start: 0, end: 0 },
+			span: { start: 0, end: 0 },
 		};
 		parentNode.children.push(replaceGroup);
 	} else if (node.operation === "@html") {
@@ -273,7 +273,7 @@ function wrangleControlNode(node: ControlNode, parentNode: RootNode | ElementNod
 			operation: "@html group",
 			statement: "",
 			children: [node],
-			range: { start: 0, end: 0 },
+			span: { start: 0, end: 0 },
 		};
 		parentNode.children.push(htmlGroup);
 	} else {

package/src/compile/parse/parseElement.ts

@@ -2,7 +2,6 @@ import type ControlNode from "../types/nodes/ControlNode";
 import type ElementNode from "../types/nodes/ElementNode";
 import isSpecialNode from "../utils/isSpecialNode";
 import voidTags from "../utils/voidTags";
-import type ParseComponentStatus from "./ParseComponentStatus";
 import type ParseStatus from "./ParseStatus";
 import addSpaceElement from "./addSpaceElement";
 import parseControl from "./parseControl";
@@ -37,8 +36,7 @@ export default function parseElement(status: ParseStatus): ElementNode {
 	}
 
 	if (!element.selfClosed && !voidTags.includes(element.tagName)) {
-		current.stack ??= [];
-		current.stack.push(element);
+		status.stack.push(element);
 
 		// Get the children
 		while (status.i < status.source.length) {
@@ -57,7 +55,7 @@ export default function parseElement(status: ParseStatus): ElementNode {
 				status.i = status.source.indexOf("*/", status.i) + 2;
 			} else if (accept("</", status, false)) {
 				// It's a close tag, so we're done here
-				if (checkCloseTag(status, element, current)) {
+				if (checkCloseTag(status, element)) {
 					break;
 				}
 			} else if (accept("<", status, false)) {
@@ -73,7 +71,7 @@ export default function parseElement(status: ParseStatus): ElementNode {
 			}
 		}
 
-		current!.stack.pop();
+		status.stack.pop();
 	}
 
 	// If this is a component element, add a default <fill> node
@@ -108,14 +106,14 @@ export default function parseElement(status: ParseStatus): ElementNode {
 					operation: "@replace",
 					statement: selfValue,
 					children: [element],
-					range: { start: 0, end: 0 },
+					span: { start: 0, end: 0 },
 				};
 				const replaceGroup: ControlNode = {
 					type: "control",
 					operation: "@replace group",
 					statement: selfValue,
 					children: [replace],
-					range: { start: 0, end: 0 },
+					span: { start: 0, end: 0 },
 				};
 
 				return replaceGroup as any;
@@ -164,7 +162,7 @@ function checkVoidElement(status: ParseStatus, element: ElementNode) {
 	status.i = i;
 }
 
-function checkCloseTag(status: ParseStatus, element: ElementNode, current: ParseComponentStatus) {
+function checkCloseTag(status: ParseStatus, element: ElementNode) {
 	const start = status.i;
 
 	accept("</", status);
@@ -178,15 +176,14 @@ function checkCloseTag(status: ParseStatus, element: ElementNode, current: Parse
 	accept(">", status);
 
 	let found = false;
-	if (current.stack) {
-		for (let i = current.stack.length - 1; i >= 0; i--) {
-			if (closingTagName === current.stack[i].tagName) {
-				current.stack[i].closed = true;
-				found = true;
-				break;
-			}
+	for (let i = status.stack.length - 1; i >= 0; i--) {
+		if (closingTagName === status.stack[i].tagName) {
+			status.stack[i].closed = true;
+			found = true;
+			break;
 		}
 	}
+
 	if (!found) {
 		addError(
 			status,

package/src/compile/parse/parseMarkup.ts

@@ -30,7 +30,7 @@ export default function parseMarkup(status: ParseStatus, source: string): void {
 			const text: TextNode = {
 				type: "text",
 				content: space,
-				ranges: [],
+				spans: [],
 			};
 			current.markup.children.push(text);
 		} else if (accept("<", status, false)) {

package/src/compile/parse/parseStyles.ts

@@ -26,6 +26,7 @@ export default function parseStyles(source: string, status: ParseStatus): void {
 		imports: [],
 		script: [],
 		components: [],
+		stack: [],
 		errors: [],
 	};
 

package/src/compile/parse/parseTag.ts

@@ -58,7 +58,7 @@ export default function parseTag(status: ParseStatus): ElementNode {
 		closed: selfClosed || undefined,
 		attributes,
 		children: [],
-		range: { start: tagStart, end: tagEnd },
+		span: { start: tagStart, end: tagEnd },
 	} satisfies ElementNode;
 }
 
@@ -130,7 +130,7 @@ function parseAttribute(status: ParseStatus): Attribute {
 		value,
 		reactive,
 		fullyReactive,
-		range: { start: valueStart, end: valueEnd },
+		span: { start: valueStart, end: valueEnd },
 	};
 }
 

package/src/compile/parse/parseText.ts

@@ -1,4 +1,4 @@
-import type SourceRange from "../types/SourceRange";
+import type SourceSpan from "../types/SourceSpan";
 import type ElementNode from "../types/nodes/ElementNode";
 import type TextNode from "../types/nodes/TextNode";
 import endOfString from "../utils/endOfString";
@@ -10,7 +10,7 @@ import isSpaceChar from "./utils/isSpaceChar";
 export default function parseText(status: ParseStatus, element: ElementNode): void {
 	// Add a range for each reactive part of the text so that we can map them
 	// back when building
-	let ranges: SourceRange[] = [];
+	let spans: SourceSpan[] = [];
 
 	// Text ends at the next element, or at the next control statement, or at
 	// the end of the render
@@ -52,7 +52,7 @@ export default function parseText(status: ParseStatus, element: ElementNode): vo
 				}
 			}
 			// Add the source range
-			ranges.push({ start: reactiveStart, end: j });
+			spans.push({ start: reactiveStart, end: j });
 		} else if (status.source[j] === "<") {
 			end = j;
 		} else if (status.source[j] === "@") {
@@ -77,14 +77,14 @@ export default function parseText(status: ParseStatus, element: ElementNode): vo
 			const previousNode = element.children[element.children.length - 1];
 			if (previousNode && isTextNode(previousNode)) {
 				previousNode.content += content + spaceContent;
-				previousNode.ranges.push(...ranges);
+				previousNode.spans.push(...spans);
 				//previousNode.range.endIndex += content.length + spaceContent.length;
 				// TODO: end char etc
 			} else {
 				const text: TextNode = {
 					type: "text",
 					content: content + spaceContent,
-					ranges,
+					spans: spans,
 				};
 				element.children.push(text);
 			}

package/src/compile/parse/slottifyChildNodes.ts

@@ -19,7 +19,7 @@ export default function slottifyChildNodes(node: ElementNode): void {
 				tagName: "fill",
 				attributes: [],
 				children: nonFillNodes,
-				range: { start: 0, end: 0 },
+				span: { start: 0, end: 0 },
 			};
 			node.children.unshift(defaultFillNode);
 		}

package/src/compile/types/BuildOptions.ts

@@ -0,0 +1,25 @@
+export default interface BuildOptions {
+	/**
+	 * Whether to create the component for server side rendering
+	 */
+	server?: boolean;
+	/**
+	 * Whether to create source maps
+	 */
+	mapped?: boolean;
+	/**
+	 * Whether to add debugging info etc for development mode
+	 */
+	dev?: boolean;
+	/**
+	 * If true, fragments will be built with calls to createElement etc. If
+	 * false, fragments will be built with innerHTML. Using createElement is a
+	 * bit slower, but may be useful in the future for rendering to different
+	 * targets
+	 */
+	useCreateElement?: boolean;
+	/**
+	 * For internal testing and benchmarking
+	 */
+	renderFolder?: string;
+}