lilact 0.28.1 → 0.28.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lilact",
-  "version": "0.28.1",
+  "version": "0.28.5",
   "description": "A Little React/JSX Runtime Implementation for Browser",
   "repository": "github:arashkazemi/lilact",
   "homepage": "https://arashkazemi.github.io/lilact/",

package/src/components.jsx

@@ -310,23 +310,29 @@ if(DEBUG) {
 					i--;
 				}
 				else {
-					const core = prepareCore(this, item);
-					this.outlet[i] = core;
+					try {
+						const core = prepareCore(this, item);
+						this.outlet[i] = core;
 
-					if(core[TEXT]===undefined) {
-						core.container= this.element? this : this.container;
-						core.apply(item.props);
-					}
-					else {
-						if(!core.element) {
-							core.element = document.createTextNode(item[TEXT]);
-							core[TEXT] = item[TEXT];
+						if(core[TEXT]===undefined) {
+							core.container = this.element? this : this.container;
+							core.apply(item.props);
 						}
-						else if(core[TEXT]!==item[TEXT]) {
-							core.element.textContent = item[TEXT];
-							core[TEXT] = item[TEXT];
+						else {
+							if(!core.element) {
+								core.element = document.createTextNode(item[TEXT]);
+								core[TEXT] = item[TEXT];
+							}
+							else if(core[TEXT]!==item[TEXT]) {
+								core.element.textContent = item[TEXT];
+								core[TEXT] = item[TEXT];
+							}
 						}
 					}
+					catch(e) {
+						renderErrorHandler(this, e);
+					}
+
 				}
 			}
 
@@ -633,10 +639,12 @@ if(DEBUG) {
 const renderErrorHandler = (c, e) =>
 {
 	const stack = [c];
+
 	while(c && !c.component?.componentDidCatch) {
 		c = c.parent;
 		if(c) stack.push(c);
 	}
+
 	if(c?.component?.componentDidCatch) {
 		if(c.entity?.getDerivedStateFromError) {
 			c.component.setState(c.entity.getDerivedStateFromError.call(c, e));
@@ -655,7 +663,6 @@ const renderErrorHandler = (c, e) =>
 		c.component.componentDidCatch(e, {componentStack: stack, componentStackLog: stack_log});  
 	}
 	else throw(e);
-
 }
 
 

package/src/errors.jsx

@@ -37,6 +37,15 @@ import Lilact from "./lilact.jsx";
 import { required_scripts } from "./run.jsx";
 import { css } from "@emotion/css";
 
+function isSafari() {
+  const userAgent = navigator.userAgent;
+
+  return (
+    /Safari/.test(userAgent) &&
+    !/Chrome|Chromium|CriOS|FxiOS|EdgiOS|OPiOS/.test(userAgent)
+  );
+}
+
 function number(value) {
 	const result = Number(value);
 	return Number.isFinite(result) ? result : null;
@@ -87,22 +96,29 @@ function stackLocation(stack) {
 }
 
 function browserLocation(error) {
-	const line = number(
-		error?.lineNumber ??
-		error?.lineno ??
-		error?.line
-	);
-
-	const column = number(
-		error?.columnNumber ??
-		error?.colno ??
-		error?.column
-	);
-
-	return {
-		line: line == null ? null : Math.max(0, line - 1),
-		column: column == null ? null : Math.max(0, column - 1),
-	};
+  const line = number(
+    error?.lineNumber ??
+    error?.lineno ??
+    error?.line
+  );
+  const column = number(
+    error?.columnNumber ??
+    error?.colno ??
+    error?.column
+  );
+
+  const lineOffset = isSafari() ? 0 : 1;
+
+  return {
+    line:
+      line == null
+        ? null
+        : Math.max(0, line - lineOffset),
+    column:
+      column == null
+        ? null
+        : Math.max(0, column - 1),
+  };
 }
 
 function traceBlock(error) {
@@ -203,15 +219,20 @@ export function traceError(value, runPath) {
 		runPath ||
 		null;
 
+	const sameSource =
+		!source?.path ||
+		!stack?.path ||
+		source.path === stack.path;
+
 	let line =
-		stack?.line ??
-		browser.line ??
-		null;
+		sameSource
+		? stack?.line ?? browser.line ?? null
+		: browser.line ?? null;
 
 	let column =
-		stack?.column ??
-		browser.column ??
-		null;
+		sameSource
+		? stack?.column ?? browser.column ?? null
+		: browser.column ?? null;
 
 	const result = {
 		fileName,
@@ -253,7 +274,7 @@ export function traceError(value, runPath) {
 	) {
 		result.fileName ||= block.path || runPath || null;
 		result.lineNumber ??= block.line;
-		result.columnNumber ??= block.col;
+		result.columnNumber ??= block.column;
 		result.label = block.desc;
 	}
 
@@ -390,7 +411,7 @@ export function scanBlockLabels(code, path) {
 		Lilact.blocks_info.labels[match[1]] = {
 			path,
 			line: Number(match[2]),
-			col: Number(match[3]),
+			column: Number(match[3]),
 			desc: match[4],
 		};
 	}

package/src/jsx.js

@@ -950,8 +950,10 @@ function generateSourceMap(json, path, jsx_eols, out_eols, mappings=[])
 	}
 	sourcemap.mappings = mstr.substring(1).replace(/;,/g, ";"); 
 
-	return "\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(JSON.stringify(sourcemap));
+	let out = "\n\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(JSON.stringify(sourcemap));
+	out += `\n//# sourceURL=eval:/${path}`;
 
+	return out;
 }
 
 

package/src/run.jsx

@@ -143,6 +143,7 @@ export function run(
 	{
 		isInline = true,
 		isModule = true,
+		hotReload = true
 	} = {}
 ) {
 	let module = required_scripts[path];
@@ -181,20 +182,19 @@ export function run(
 			path,
 			mappings: module.mappings,
 			factory: "createComponent",
-			appendSourcemap: false,
+			appendSourcemap: true,
 			injectTraceLabels: true,
 			produceCJS: true,
 			blocks_info: Lilact.blocks_info,
 		});
-	} catch (value) {
+	} 
+	catch (value) {
 		const error = asError(value);
-
 		error.fileName ??= path;
+		error.lilact_source ??= {path};
 		error.sourcePhase = "transpile";
-
 		module.error = error;
 		Lilact.error = error;
-
 		throw error;
 	}
 
@@ -206,30 +206,23 @@ export function run(
 	* sourceURL helps when the browser includes eval locations in its stack.
 	* It is not used as the authoritative source; the catch block below is.
 	*/
-	processed += `\n//# sourceURL=eval:/${path}`;
 
 	try {
+		new Function(processed);
+
 		globalThis.Lilact = Lilact;
 		globalThis.createComponent = Lilact.createComponent;
 		globalThis.Fragment = Lilact.Fragment;
 
 		const result = eval(processed);
-
 		module.loaded = true;
 
-		return isEmpty(module.exports)
-			? result
-			: module.exports;
-	} catch (value) {
-		/*
-		* This catch executes in the module whose eval failed, including
-		* generated-JavaScript syntax errors. Therefore path is authoritative.
-		*/
+		return isEmpty(module.exports) ? result : module.exports;
+	} 
+	catch (value) {
 		const error = report(value, path);
-
 		error.sourcePhase ??= "runtime";
 		module.error = error;
-
 		throw error;
 	}
 }