lilact 0.3.0 → 0.5.0

package/src/misc.jsx

@@ -10,10 +10,10 @@
 	modification, are permitted provided that the following conditions are met:
 
 	* Redistributions of source code must retain the above copyright
-	  notice, this list of conditions and the following disclaimer.
+		notice, this list of conditions and the following disclaimer.
 	* Redistributions in binary form must reproduce the above copyright
-	  notice, this list of conditions and the following disclaimer in the
-	  documentation and/or other materials provided with the distribution.
+		notice, this list of conditions and the following disclaimer in the
+		documentation and/or other materials provided with the distribution.
 
 	THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 	AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
@@ -38,10 +38,10 @@ const typeOf = (input) => {
 	// used for object comparison functions
 	// https://monsterlessons-academy.com/posts/shallow-comparison-vs-deep-comparison-in-javascript
 
-  const rawObject = Object.prototype.toString.call(input).toLowerCase();
-  const typeOfRegex = /\[object (.*)]/g;
-  const type = typeOfRegex.exec(rawObject)[1];
-  return type;
+	const rawObject = Object.prototype.toString.call(input).toLowerCase();
+	const typeOfRegex = /\[object (.*)]/g;
+	const type = typeOfRegex.exec(rawObject)[1];
+	return type;
 };
 
 
@@ -146,63 +146,6 @@ export const Children = {
 };
 
 
-// Lilact API
-/** @ignore */
-export function getErrorLocation(err) // works for both error and error-event, and also in node env
-{
-	if(err.lineno!==undefined || err.line!==undefined || err.lineNumber!==undefined) {
-		const l = err.lineno || err.line || err.lineNumber;
-		const c = err.colno || err.column || err.columnNumber;
-
-		return [l, c];
-	}
-
-	let match = /:(\d+):(\d+)[\n].*/m.exec(err.stack);
-	if(match===null) {
-		match = /:(\d+):(\d+)\)\s+at .*/m.exec(err.stack);
-	}
-
-	if(match) {
-		return [parseInt(match[1]), parseInt(match[2])]
-	}
-
-	return null;
-}
-
-/** @ignore */
-export function mapLocation(mps, r,c)
-{
-	let map = [0,0,0,0];
-
-	for(const i in mps) {
-		if(mps[i][0]<r) continue;
-		if(mps[i][0]>r || mps[i][1]>=c) {
-			map = mps[i-1];
-			break;
-		}
-	}
-
-	return [r-map[0]+map[2], ((r-map[0]===0)?map[3]:0)];
-}
-
-
-/** @ignore */
-export function scanFunctionLabels(code, path)
-{
-	const ls = Array.from( code.matchAll(/LILACTBLOCK(\d+):(\d+),(\d+):([^*]+)\*\//mg) );
-
-	ls.forEach(
-		(x) => Lilact.transpilerConfig.func_labels[x[1]] = {
-			path,
-			row: parseInt(x[2])+1,
-			col: parseInt(x[3])+1,
-			label: x[4],
-			required: Lilact.transpilerConfig.required[path]
-		} );
-
-}
-
-
 /**
  * Debug tool to detect the component visible at a point on screen.
  *
@@ -347,7 +290,7 @@ export function isClass(func) {
  * @returns True if the value is an async function; otherwise false.
  */
 export function isAsync(fn) {
-  return typeof fn === 'function' && fn.constructor && fn.constructor.name === 'AsyncFunction';
+	return typeof fn === 'function' && fn.constructor && fn.constructor.name === 'AsyncFunction';
 }
 
 /**
@@ -370,11 +313,31 @@ export function isError(x) {
 	return x instanceof Error || Object.prototype.toString.call(x) === '[object Error]';
 }
 
+/**
+ * Converts the input to a boolean value
+ *
+ * @param value - Value to inspect.
+ * @returns boolean value
+ */
+export function toBool(x) {
+	if (typeof x === "boolean") return x;
 
+	if (typeof x === "number") return x !== 0;
+
+	if (typeof x === "string") {
+		x = x.trim().toLowerCase();
+		if (x === "true") return true;
+		if (x === "false") return false;
+	}
+
+	return Boolean(x);
+}
 
 
 // Internals
 
+export const required_scripts = {};
+
 /** @ignore */
 export let update_timeout = undefined;
 /** @ignore */
@@ -395,13 +358,16 @@ export let update_cbs  = new Set;
 /** @ignore */
 export let roots  = new Set;
 /** @ignore */
-export let special_attributes = new Set(["classname", "classname", "ref", "action", "lilact_jsx_loc", "children", "key"]);
-/** @ignore */
-export let err = null; // this is only to ease debuggin,
-/** @ignore */
 export let layout_effects = new Set;
+
+/** @ignore */
+export const special_attributes = new Set([
+		"classname", "classname", "ref", "action", "lilact_jsx_loc", "children", "key",
+		"defaultvalue", "defaultchecked"
+	]);
+
 /** @ignore */
-export let events_set = new Set([
+export const events_set = new Set([
 	"onafterprint","onbeforeprint","onbeforeunload","onerror","onhashchange","onload","onmessage",
 	"onoffline","ononline","onpagehide","onpageshow","onpopstate","onresize","onstorage","onunload",
 	"onblur","onchange","oncontextmenu","onfocus","oninput","oninvalid","onreset","onsearch","onselect",
@@ -418,14 +384,19 @@ export let events_set = new Set([
 
 	"onpointerdown", "onpointerup", "onpointermove", "onpointercancel", "onpointerover", "onpointerout", 
 	"onpointerenter", "onpointerleave"
-])
+]);
+
 /** @ignore */
-export let length_css_attributes_set = new Set([
+export const length_css_attributes_set = new Set([
 	"width","height","minWidth","minHeight","maxWidth","maxHeight","top","right","bottom","left","margin",
 	"marginTop","marginRight","marginBottom","marginLeft","padding","paddingTop","paddingRight","paddingBottom",
 	"paddingLeft","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth",
 	"outlineWidth","fontSize","lineHeight","letterSpacing","wordSpacing","textIndent","borderRadius",
 	"borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius",
 	"columnGap","rowGap","gap"
-])
+]);
 
+/** @ignore */
+export const boolean_html_attributes_set = new 
+	Set(["disabled", "readOnly", "required", "checked", "multiple",
+			 "hidden","open","loop","muted","controls","playsInline","allowFullScreen"]);

package/src/run.jsx

@@ -50,12 +50,19 @@ import Lilact from './lilact.jsx';
  */
 export function run(jsx, path=`<string input ${++Lilact.eval_num}>`, is_inline=true)
 {
-	if(Lilact.checkTraceErrors) Lilact.checkTraceErrors;
-
 	const mappings = [];
-
+	const module = {};
 	let processed;
 
+	Lilact.required_scripts[path] = { 	
+		mappings,
+		module,
+		is_inline,
+		path,
+		code: jsx,
+	};
+
+
 	try {
 		processed = Lilact.transpileJSX( jsx,
 		{
@@ -63,37 +70,23 @@ export function run(jsx, path=`<string input ${++Lilact.eval_num}>`, is_inline=t
 			mappings,
 			factory: "Lilact.createComponent",
 			append_sourcemap: !is_inline,
-			wrap_all: false
+			blocks_info: Lilact.blocks_info,
+
+			injectTraceLabels: true,
 		} );
 	}
 	catch(e) {
-		e.lilact_trace = path;
+		//e = Lilact.traceError(e);
+		Lilact.error = e;
 		throw e;
 	}
 
-	// the separation of module property is to create the required object even on error
-
-	const module = {};
-
-	Lilact.transpilerConfig.required[path] = { 	
-		mappings,
-		processed,
-		module,
-		is_inline,
-		path,
-		code: jsx
-	};
 
+ʔ if(DEBUG) {
+		Lilact.required_scripts[path].processed = processed;
+ʔ }		
 	
-	Lilact.scanFunctionLabels(processed, path);
-
-	Lilact.transpilerConfig.func_labels[path] = {
-		path,
-		row: 0,
-		col: 0,
-		label: "<EXEC>",
-		required: Lilact.transpilerConfig.required[path]
-	}
+	Lilact.scanBlockLabels(processed, path);
 
 	try {
 		globalThis.Lilact = Lilact;
@@ -103,7 +96,7 @@ export function run(jsx, path=`<string input ${++Lilact.eval_num}>`, is_inline=t
 		return res;
 	}
 	catch(e) {
-		e.lilact_trace = path;
+		e = Lilact.traceError(e);
 		throw e;
 	}
 }
@@ -220,74 +213,6 @@ export function lazy(factory) {
 	return LazyComponent;
 }
 
-/**
- * Debug tool to get the Lilact traced location of an error. It can also produce some block based stack trace 
- * if `Lilact.transpilerConfig.enableLabelStack` is set to `true` before loading the script. This is `false`
- * by default for efficiency.
- *
- * @returns A new object that includes `path`, `row`, `col`, `msg`, `name`, and optional `stack`. 
- * The exception itself is stored as `err`.
- */
-export function traceError(err)
-{
-	const loc = Lilact.getErrorLocation(err);
-
-	const obj = {
-		path: err.fileName,
-		label: null,
-		
-		row: loc[0],
-		col: loc[1],
-
-		msg: err.message,
-		name: err.name,
-
-		stack: null,
-		err: err
-	};		
-
-
-	if(err.lilact_trace!==undefined) {
-
-		// to be able to trace, we assume that all of the scripts are running inside lilact.
-		// if not, the error is returned unchanged and stack and label would remain null.
-
-		let mps;
-		let blk;
-		if(typeof(err.lilact_trace)==='string') {
-			blk = Lilact.func_labels[err.lilact_trace];
-			mps = blk.required.mappings;
-		}
-		else if(typeof(err.lilact_trace)==='object') {
-			blk = Lilact.func_labels[err.lilact_trace[0]];
-			mps = blk.mappings;
-		}
-
-		obj.path = blk.path;
-		obj.label = blk.label;
-
-		[obj.row, obj.col] = Lilact.mapLocation(mps, obj.row,obj.col);
-
-		//const rm = Lilact.func_labels[func_num].required;
-
-		// Lilact.onError( err.message,
-		// 				rm.path,
-		// 				Lilact.func_labels[func_num].label,
-		// 				...Lilact.mapLocation(...loc,mps),
-		// 				Lilact.call_stack.map(
-		// 					(x)=>({ path: Lilact.func_labels[x].path,
-		// 							label: Lilact.func_labels[x].label,
-		// 							row: Lilact.func_labels[x].row
-		// 						})
-		// 				),	err );
-
-		
-	}
-
-	return obj;
-	
-}
-
 function scanScriptTagsWithType() {
 	const scripts = Array.from(
 		document.querySelectorAll('script[type="text/jsx"]')
@@ -320,4 +245,5 @@ export function runScripts()
 		if(s.src) Lilact.require(s.src);
 		if(s.content) Lilact.run(s.content);
 	}
-}
+}
+

package/docs/functions/run.traceError.html

@@ -1,6 +0,0 @@
-<!DOCTYPE html><html class="default" lang="en" data-base="../"><head><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="IE=edge"/><title>traceError | Lilact</title><meta name="description" content="Documentation for Lilact"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script defer src="../assets/main.js"></script><script async src="../assets/icons.js" id="tsd-icons-script"></script><script async src="../assets/search.js" id="tsd-search-script"></script><script async src="../assets/navigation.js" id="tsd-nav-script"></script><script async src="../assets/hierarchy.js" id="tsd-hierarchy-script"></script></head><body><script>document.documentElement.dataset.theme = localStorage.getItem("tsd-theme") || "os";document.body.style.display="none";setTimeout(() => window.app?app.showPage():document.body.style.removeProperty("display"),500)</script><header class="tsd-page-toolbar"><div class="tsd-toolbar-contents container"><a href="../index.html" class="title">Lilact</a><div id="tsd-toolbar-links"></div><button id="tsd-search-trigger" class="tsd-widget" aria-label="Search"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-search"></use></svg></button><dialog id="tsd-search" aria-label="Search"><input role="combobox" id="tsd-search-input" aria-controls="tsd-search-results" aria-autocomplete="list" aria-expanded="true" autocapitalize="off" autocomplete="off" placeholder="Search the docs" maxLength="100"/><ul role="listbox" id="tsd-search-results"></ul><div id="tsd-search-status" aria-live="polite" aria-atomic="true"><div>Preparing search index...</div></div></dialog><a href="#" class="tsd-widget menu" id="tsd-toolbar-menu-trigger" data-toggle="menu" aria-label="Menu"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-menu"></use></svg></a></div></header><div class="container container-main"><div class="col-content"><div class="tsd-page-title"><ul class="tsd-breadcrumb" aria-label="Breadcrumb"><li><a href="../modules/run.html">run</a></li><li><a href="" aria-current="page">traceError</a></li></ul><h1>Function traceError</h1></div><section class="tsd-panel"><ul class="tsd-signatures"><li class=""><div class="tsd-signature tsd-anchor-link" id="traceerror"><span class="tsd-kind-call-signature">traceError</span><span class="tsd-signature-symbol">(</span><br/>    <span class="tsd-kind-parameter">err</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">,</span><br/><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">col</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">err</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">label</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">msg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">path</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">row</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">stack</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span><a href="#traceerror" aria-label="Permalink" class="tsd-anchor-icon"><svg viewBox="0 0 24 24" aria-hidden="true"><use href="../assets/icons.svg#icon-anchor"></use></svg></a></div><div class="tsd-description"><div class="tsd-comment tsd-typography"><p>Debug tool to get the Lilact traced location of an error. It can also produce some block based stack trace
-if <code>Lilact.transpilerConfig.enableLabelStack</code> is set to <code>true</code> before loading the script. This is <code>false</code>
-by default for efficiency.</p>
-</div><div class="tsd-parameters"><h4 class="tsd-parameters-title">Parameters</h4><ul class="tsd-parameter-list"><li><span><span class="tsd-kind-parameter">err</span>: <span class="tsd-signature-type">any</span></span></li></ul></div><h4 class="tsd-returns-title">Returns <span class="tsd-signature-symbol">{</span><br/>    <span class="tsd-kind-property">col</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">err</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">label</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">msg</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">name</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">path</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">row</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">;</span><br/>    <span class="tsd-kind-property">stack</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol">;</span><br/><span class="tsd-signature-symbol">}</span></h4><p>A new object that includes <code>path</code>, <code>row</code>, <code>col</code>, <code>msg</code>, <code>name</code>, and optional <code>stack</code>.
-The exception itself is stored as <code>err</code>.</p>
-<aside class="tsd-sources"><ul><li>Defined in run.js:231</li></ul></aside></div></li></ul></section></div><div class="col-sidebar"><div class="page-menu"><div class="tsd-navigation settings"><details class="tsd-accordion"><summary class="tsd-accordion-summary"><svg width="20" height="20" viewBox="0 0 24 24" fill="none" aria-hidden="true"><use href="../assets/icons.svg#icon-chevronDown"></use></svg><h3>Settings</h3></summary><div class="tsd-accordion-details"><div class="tsd-filter-visibility"><span class="settings-label">Member Visibility</span><ul id="tsd-filter-options"><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-protected" name="protected"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Protected</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-inherited" name="inherited" checked/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>Inherited</span></label></li><li class="tsd-filter-item"><label class="tsd-filter-input"><input type="checkbox" id="tsd-filter-external" name="external"/><svg width="32" height="32" viewBox="0 0 32 32" aria-hidden="true"><rect class="tsd-checkbox-background" width="30" height="30" x="1" y="1" rx="6" fill="none"></rect><path class="tsd-checkbox-checkmark" d="M8.35422 16.8214L13.2143 21.75L24.6458 10.25" stroke="none" stroke-width="3.5" stroke-linejoin="round" fill="none"></path></svg><span>External</span></label></li></ul></div><div class="tsd-theme-toggle"><label class="settings-label" for="tsd-theme">Theme</label><select id="tsd-theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></div></div></details></div></div><div class="site-menu"><nav class="tsd-navigation"><a href="../modules.html">Lilact</a><ul class="tsd-small-nested-navigation" id="tsd-nav-container"><li>Loading...</li></ul></nav></div></div></div><footer><p class="tsd-generator">Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></footer><div class="overlay"></div></body></html>