lilact 0.26.16 → 0.27.1

package/dist/lilact.development.js

@@ -1930,10 +1930,10 @@ function getComponentByPointer() {
   const pr = new Promise((res, rej) => {
     resolve_func = res;
   });
-  function click_handler(event2) {
-    event2.stopImmediatePropagation();
+  function click_handler(event) {
+    event.stopImmediatePropagation();
     window.removeEventListener("click", click_handler, true);
-    let t = event2.target;
+    let t = event.target;
     while (!t[COMPONENT] && t.parentNode) {
       t = t.parentNode;
     }
@@ -2579,24 +2579,25 @@ var ComponentCore = class {
       if (this.outlet !== void 0) {
         for (let c of this.outlet) {
           if (c.cleanup) {
-            c.cleanup();
+            promises.push(c.cleanup());
           }
         }
       }
       if (((_c = this.props) == null ? void 0 : _c.children) !== void 0) {
         for (let c of this.props.children) {
           if (c.cleanup) {
-            c.cleanup();
+            promises.push(c.cleanup());
           }
         }
       }
       if (this.hooks !== void 0) {
         for (let h of this.hooks) {
           if (h.cleanup) {
-            h.cleanup();
+            promises.push(h.cleanup());
           }
         }
       }
+      await Promise.all(promises);
     } catch (e) {
       throw e;
     }
@@ -2627,7 +2628,7 @@ var ComponentCore = class {
         if (events_set.has(al)) {
           this.event_detachers[al]();
         } else {
-          this.element.setAttribute(a, void 0);
+          this.element.removeAttribute(a);
         }
       }
     }
@@ -2670,6 +2671,7 @@ var ComponentCore = class {
           }
         } else if (boolean_html_attributes_set.has(a)) {
           this.element[a] = toBool(patch[a]);
+          if (!this.element[a]) this.element.removeAttribute(a);
         } else if (a === "autoFocus") {
           this.element["autofocus"] = toBool(patch[a]);
         } else if (a === "htmlFor") {
@@ -3349,8 +3351,8 @@ function useState(initialValue) {
   return [hk.value, hk.set_func];
 }
 function useCallback(callback, deps = void 0) {
-  if (deps !== void 0 && (typeof deps !== "object" || deps.constructor.name !== "Array")) {
-    throw new Error("Callback dependencies must be an array or omitted.");
+  if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
+    throw new Error("Callback dependencies must be an array, object  or omitted.");
   }
   const hk = useHook();
   if (!isEmpty(hk)) {
@@ -3443,7 +3445,7 @@ function useRef(initialValue = null) {
   return hk;
 }
 async function useLayoutEffect(effect, deps = void 0) {
-  if (deps !== void 0 && (typeof deps !== "object" || deps.constructor.name !== "Array")) {
+  if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Layout effect dependencies must be an array, object or omitted.");
   }
   const hk = useHook();
@@ -3452,6 +3454,7 @@ async function useLayoutEffect(effect, deps = void 0) {
   }
   if (hk == null ? void 0 : hk.cleanup) {
     await hk.cleanup();
+    hk.cleanup = void 0;
   }
   hk.deps = deps;
   lilact_default.layout_effects.add(async () => {
@@ -3461,7 +3464,7 @@ async function useLayoutEffect(effect, deps = void 0) {
   lilact_default.setTimeout(lilact_default.processEffects, 0);
 }
 async function useEffect(effect, deps = void 0) {
-  if (deps !== void 0 && (typeof deps !== "object" || deps.constructor.name !== "Array")) {
+  if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Effect dependencies must be an array, object or omitted.");
   }
   const hk = useHook();
@@ -3470,6 +3473,7 @@ async function useEffect(effect, deps = void 0) {
   }
   if (hk == null ? void 0 : hk.cleanup) {
     await hk.cleanup();
+    hk.cleanup = void 0;
   }
   hk.deps = deps;
   lilact_default.passive_effects.add(async () => {
@@ -3479,7 +3483,7 @@ async function useEffect(effect, deps = void 0) {
   lilact_default.setTimeout(lilact_default.processEffects, 0);
 }
 async function useInsertionEffect(effect, deps = void 0) {
-  if (deps !== void 0 && (typeof deps !== "object" || deps.constructor.name !== "Array")) {
+  if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Insertion effect dependencies must be an array, object, or omitted.");
   }
   const hk = useHook();
@@ -3488,6 +3492,7 @@ async function useInsertionEffect(effect, deps = void 0) {
   }
   if (hk == null ? void 0 : hk.cleanup) {
     await hk.cleanup();
+    hk.cleanup = void 0;
   }
   hk.deps = deps;
   lilact_default.insertion_effects.add(async () => {
@@ -3497,7 +3502,7 @@ async function useInsertionEffect(effect, deps = void 0) {
   lilact_default.setTimeout(lilact_default.processEffects, 0);
 }
 function useMemo(factory, deps = void 0) {
-  if (deps !== void 0 && (typeof deps !== "object" || deps.constructor.name !== "Array")) {
+  if (deps !== void 0 && !Array.isArray(deps) && deps !== null && typeof deps !== "object") {
     throw new Error("Memo dependencies must be an array or omitted.");
   }
   const hk = useHook();
@@ -3515,11 +3520,11 @@ function useActionState(action, initialState) {
   const [is_pending, tran_start_func] = useTransition();
   if (isEmpty(hk)) {
     hk.state = initialState;
-    hk.form_action = (sub) => {
+    hk.form_action = (event) => {
       event.preventDefault();
       tran_start_func(
         async () => {
-          const form_data = new FormData(sub.target, sub.submitter);
+          const form_data = new FormData(event.target, event.submitter);
           hk.state = await action(hk.state, form_data);
         },
         []
@@ -3580,7 +3585,7 @@ function useImperativeHandle(ref, factory, deps = void 0) {
   if (typeof (ref == null ? void 0 : ref.current) !== "object") {
     ref.current = {};
   }
-  Object.assign(ref.current, factory(), 0);
+  Object.assign(ref.current, factory());
 }
 function useDebugValue(val, formatter = (x) => x) {
   if (true) {
@@ -3601,165 +3606,144 @@ __export(run_exports, {
   runScripts: () => runScripts
 });
 function joinPaths(basePath, relativePath) {
-  const isAbsolute = relativePath.startsWith("/");
-  const stack = [];
-  const parts = (isAbsolute ? "" : basePath).split("/").filter(Boolean);
-  for (const part of parts) {
-    stack.push(part);
-  }
-  if (!basePath.endsWith("/")) {
-    stack.pop();
-  }
+  const absolute = relativePath.startsWith("/");
+  const parts = (absolute ? "" : basePath).split("/").filter(Boolean);
+  if (!absolute && !basePath.endsWith("/")) parts.pop();
   for (const part of relativePath.split("/")) {
-    if (part === "" || part === ".") continue;
-    if (part === "..") {
-      if (stack.length > 0) stack.pop();
-    } else {
-      stack.push(part);
-    }
+    if (!part || part === ".") continue;
+    if (part === "..") parts.pop();
+    else parts.push(part);
   }
-  return `${isAbsolute ? "/" : ""}${stack.join("/")}`;
+  return `${absolute ? "/" : ""}${parts.join("/")}`;
 }
-function asError(value, fallbackMessage = "Unknown error") {
+function asError(value, fallback = "Unknown error") {
   if (value instanceof Error) return value;
+  if ((value == null ? void 0 : value.error) instanceof Error) return value.error;
+  const error2 = new Error(
+    (value == null ? void 0 : value.message) == null ? fallback : String(value.message)
+  );
   if (value && typeof value === "object") {
-    if (value.error instanceof Error) return value.error;
-    const error2 = new Error(
-      value.message == null ? fallbackMessage : String(value.message)
-    );
     if (value.name) error2.name = value.name;
-    if (value.stack) {
-      Object.defineProperty(error2, "stack", {
-        value: value.stack,
-        configurable: true
-      });
-    }
+    if (value.stack) error2.stack = value.stack;
     for (const key of Object.keys(value)) {
       if (!(key in error2)) error2[key] = value[key];
     }
-    return error2;
   }
-  return new Error(
-    value == null ? fallbackMessage : String(value)
-  );
+  return error2;
 }
-function attachPath(error2, path2) {
-  const result2 = asError(error2);
-  if (result2.fileName == null) result2.fileName = path2;
-  return result2;
+function markSource(value, path2) {
+  const error2 = asError(value);
+  if (!error2.lilact_source) {
+    error2.lilact_source = { path: path2 };
+  }
+  return error2;
 }
-function reportRuntimeError(error2, path2) {
-  const withPath = attachPath(error2, path2);
+function report(value, path2) {
+  const error2 = markSource(value, path2);
+  if (error2.isTraced) return error2;
   if (typeof lilact_default.traceError === "function") {
-    return lilact_default.traceError(withPath, path2);
+    return lilact_default.traceError(error2, path2);
   }
-  lilact_default.error = withPath;
-  return withPath;
+  lilact_default.error = error2;
+  return error2;
 }
 var required_scripts = {};
 function run(jsx, path = `InlineJSX-${++lilact_default.eval_num}`, {
   isInline = true,
   isModule = true
 } = {}) {
-  const mappings = [];
+  var _a, _b;
   const module = {
-    mappings,
-    isInline,
-    isModule,
     path,
     code: String(jsx),
-    exports: {}
+    mappings: [],
+    exports: {},
+    isInline,
+    isModule
   };
   required_scripts[path] = module;
   let processed;
   try {
     processed = lilact_default.transpileJSX(String(jsx), {
       path,
-      mappings,
+      mappings: module.mappings,
       factory: "createComponent",
       appendSourcemap: false,
       injectTraceLabels: true,
       produceCJS: true,
       blocks_info: lilact_default.blocks_info
     });
-  } catch (error2) {
-    const parserError = attachPath(error2, path);
-    parserError.sourcePhase = "transpile";
-    module.error = parserError;
-    lilact_default.error = parserError;
-    throw parserError;
-  }
-  if (true) {
-    module.processed = processed;
+  } catch (value) {
+    const error2 = asError(value);
+    (_a = error2.fileName) != null ? _a : error2.fileName = path;
+    error2.sourcePhase = "transpile";
+    module.error = error2;
+    lilact_default.error = error2;
+    throw error2;
   }
-  processed = `${processed}
-//# sourceURL=eval:/${path}`;
   if (typeof lilact_default.scanBlockLabels === "function") {
     lilact_default.scanBlockLabels(processed, path);
   }
+  processed += `
+//# sourceURL=eval:/${path}`;
   try {
     globalThis.Lilact = lilact_default;
     globalThis.createComponent = lilact_default.createComponent;
     globalThis.Fragment = lilact_default.Fragment;
     const result = eval(processed);
-    if (!isEmpty(module.exports)) {
-      return module.exports;
-    }
-    return result;
-  } catch (error2) {
-    const runtimeError = reportRuntimeError(error2, path);
-    runtimeError.sourcePhase = "runtime";
-    module.error = runtimeError;
-    throw runtimeError;
+    return isEmpty(module.exports) ? result : module.exports;
+  } catch (value) {
+    const error2 = report(value, path);
+    (_b = error2.sourcePhase) != null ? _b : error2.sourcePhase = "runtime";
+    module.error = error2;
+    throw error2;
   }
 }
 function require2(path2) {
   var _a, _b, _c, _d, _e, _f;
-  let forceUpdate;
-  let checkExport;
-  let requirer;
-  let isLazy;
+  let options = {};
   if (arguments.length === 2 && arguments[1] && typeof arguments[1] === "object") {
-    forceUpdate = arguments[1].forceUpdate;
-    checkExport = arguments[1].checkExport;
-    requirer = arguments[1].requirer;
-    isLazy = arguments[1].isLazy;
+    options = arguments[1];
   }
   if ((_a = lilact_default.importObjectPaths) == null ? void 0 : _a[path2]) {
     return lilact_default.importObjectPaths[path2];
   }
-  if (required_scripts[path2] && !forceUpdate) {
+  const loadAsync = Boolean(lilact_default[LAZY]) || Boolean(options.isLazy);
+  if ((_b = options.requirer) == null ? void 0 : _b.path) {
+    path2 = joinPaths(options.requirer.path, path2);
+  }
+  if (required_scripts[path2] && !options.forceUpdate && !loadAsync) {
     return required_scripts[path2].exports;
   }
-  if (path2[0] === "#") {
+  if (path2.startsWith("#")) {
     const element = document.getElementById(path2.slice(1));
     if (!element) {
-      const error3 = new Error(
-        `Required element not found (${path2})`
+      throw report(
+        new Error(`Required element not found (${path2})`),
+        path2
       );
-      error3.fileName = path2;
-      throw error3;
     }
     return run(element.textContent || "", path2);
   }
-  if (requirer == null ? void 0 : requirer.path) {
-    path2 = joinPaths(requirer.path, path2);
-  }
-  const loadAsync = Boolean((_b = lilact_default) == null ? void 0 : _b[LAZY]) || Boolean(isLazy);
   if (loadAsync) {
     lilact_default[LAZY] = false;
     let request2 = (_d = (_c = lilact_default).resolver) == null ? void 0 : _d.call(_c, path2);
-    if (request2 === void 0 || request2 === null) {
-      request2 = fetch(path2).then((response) => {
-        if (!response.ok) {
-          const error3 = new Error(
-            `Unable to load ${path2}: HTTP ${response.status}`
-          );
-          error3.fileName = path2;
-          throw error3;
-        }
-        return response.text();
-      });
+    if (request2 == null) {
+      if (required_scripts[path2] && !options.forceUpdate) {
+        request2 = Promise.resolve(required_scripts[path2].code);
+      } else {
+        request2 = fetch(path2).then((response) => {
+          if (!response.ok) {
+            throw report(
+              new Error(
+                `Unable to load ${path2}: HTTP ${response.status}`
+              ),
+              path2
+            );
+          }
+          return response.text();
+        });
+      }
     } else {
       request2 = Promise.resolve(request2);
     }
@@ -3772,16 +3756,17 @@ function require2(path2) {
         isInline: false,
         isModule: true
       });
-    }).then((result2) => {
-      var _a2;
-      if (path2.endsWith(".css")) return result2;
-      return (_a2 = result2 == null ? void 0 : result2.default) != null ? _a2 : result2;
-    }).catch((error3) => {
-      throw reportRuntimeError(error3, path2);
+    }).then(
+      (result2) => {
+        var _a2;
+        return (_a2 = result2 == null ? void 0 : result2.default) != null ? _a2 : result2;
+      }
+    ).catch((error2) => {
+      throw report(error2, path2);
     });
   }
   const resolved = (_f = (_e = lilact_default).resolver) == null ? void 0 : _f.call(_e, path2);
-  if (resolved !== void 0 && resolved !== null) {
+  if (resolved != null) {
     if (path2.endsWith(".css")) {
       injectGlobal(String(resolved));
       return;
@@ -3795,8 +3780,8 @@ function require2(path2) {
   try {
     request.open("GET", path2, false);
     request.send(null);
-  } catch (error3) {
-    throw reportRuntimeError(error3, path2);
+  } catch (value) {
+    throw report(value, path2);
   }
   if (request.status >= 200 && request.status < 300) {
     if (path2.endsWith(".css")) {
@@ -3808,11 +3793,10 @@ function require2(path2) {
       isModule: true
     });
   }
-  const error2 = new Error(
-    `Unable to load ${path2}: HTTP ${request.status || 0}`
+  throw report(
+    new Error(`Unable to load ${path2}: HTTP ${request.status || 0}`),
+    path2
   );
-  error2.fileName = path2;
-  throw error2;
 }
 function lazy(factory) {
   let status = "pending";
@@ -3826,9 +3810,9 @@ function lazy(factory) {
   }
   if (lilact_default.isThenable(result2)) {
     result2.then(
-      (module2) => {
+      (value) => {
         status = "success";
-        result2 = module2;
+        result2 = value;
       },
       (error2) => {
         status = "error";
@@ -3846,7 +3830,7 @@ function lazy(factory) {
   }
   return LazyComponent;
 }
-function scanScriptTagsWithType() {
+function scriptTags() {
   return Array.from(
     document.querySelectorAll('script[type="text/jsx"]')
   ).map((element) => ({
@@ -3854,9 +3838,9 @@ function scanScriptTagsWithType() {
     content: element.textContent || ""
   }));
 }
-function runScripts() {
-  for (const script of scanScriptTagsWithType()) {
-    if (script.src) require2(script.src);
+async function runScripts() {
+  for (const script of scriptTags()) {
+    if (script.src) await require2(script.src);
     if (script.content) run(script.content);
   }
 }
@@ -4529,220 +4513,135 @@ __export(errors_exports, {
   blocks_info: () => blocks_info,
   error: () => error,
   globalErrorHandler: () => globalErrorHandler,
-  mapLocation: () => mapLocation,
   scanBlockLabels: () => scanBlockLabels,
   traceError: () => traceError
 });
-function numberOrNull(value) {
-  const n = Number(value);
-  return Number.isFinite(n) ? n : null;
-}
-function firstNumber(...values) {
-  for (const value of values) {
-    const n = numberOrNull(value);
-    if (n !== null) return n;
-  }
-  return null;
+function number(value) {
+  const result2 = Number(value);
+  return Number.isFinite(result2) ? result2 : null;
 }
 function asError2(value) {
   if (value instanceof Error) return value;
+  if ((value == null ? void 0 : value.error) instanceof Error) return value.error;
+  const error2 = new Error(
+    (value == null ? void 0 : value.message) == null ? String(value) : String(value.message)
+  );
   if (value && typeof value === "object") {
-    if (value.error instanceof Error) return value.error;
-    const error2 = new Error(
-      value.message == null ? String(value) : String(value.message)
-    );
     if (value.name) error2.name = value.name;
     if (value.stack) error2.stack = value.stack;
     for (const key of Object.keys(value)) {
       if (!(key in error2)) error2[key] = value[key];
     }
-    return error2;
   }
-  return new Error(String(value));
+  return error2;
 }
 function isParserError(error2) {
   return (error2 == null ? void 0 : error2.name) === "JSXParserError";
 }
-function getErrorLocation(error2, { zeroBased = false } = {}) {
-  const line2 = firstNumber(
-    error2 == null ? void 0 : error2.lineNumber,
-    error2 == null ? void 0 : error2.lineno,
-    error2 == null ? void 0 : error2.line
-  );
-  const column2 = firstNumber(
-    error2 == null ? void 0 : error2.columnNumber,
-    error2 == null ? void 0 : error2.colno,
-    error2 == null ? void 0 : error2.column
-  );
-  if (line2 !== null || column2 !== null) {
-    return {
-      line: line2 === null ? null : zeroBased ? line2 : Math.max(0, line2 - 1),
-      col: column2 === null ? null : zeroBased ? column2 : Math.max(0, column2 - 1)
-    };
-  }
-  return null;
-}
-function sourceUrlFromStack(stack) {
-  const text = typeof stack === "string" ? stack : "";
-  const expression = /(?:^|[\s(@])((?:eval:\/)[\s\S]*):(\d+):(\d+)(?:\)?$)/;
-  for (const line2 of text.split(/\r?\n/)) {
-    const match2 = line2.trim().match(expression);
+function stackLocation(stack) {
+  if (typeof stack !== "string") return null;
+  for (const line2 of stack.split(/\r?\n/)) {
+    const match2 = line2.match(/(eval:\/.*):(\d+):(\d+)/);
     if (!match2) continue;
     return {
-      url: match2[1],
-      line: Number(match2[2]),
-      col: Number(match2[3])
+      path: match2[1].replace(/^eval:\/+/, ""),
+      line: Number(match2[2]) - 1,
+      column: Number(match2[3]) - 1
     };
   }
   return null;
 }
-function sourcePathFromEvalUrl(url) {
-  if (typeof url !== "string") return null;
-  if (url.startsWith("eval:/")) {
-    return url.slice("eval:/".length);
-  }
-  if (url.startsWith("eval:")) {
-    return url.slice("eval:".length).replace(/^\/+/, "");
-  }
-  return null;
-}
-function mapLocation(mappings2, generatedLine, generatedColumn) {
-  if (!Array.isArray(mappings2) || mappings2.length === 0) {
-    return {
-      line: generatedLine,
-      col: generatedColumn
-    };
-  }
-  const line2 = Number(generatedLine);
-  const col = Number(generatedColumn);
-  if (!Number.isFinite(line2) || !Number.isFinite(col)) {
-    return {
-      line: null,
-      col: null
-    };
-  }
-  const validMappings = mappings2.filter(
-    (mapping2) => Array.isArray(mapping2) && mapping2.length >= 4 && Number.isFinite(Number(mapping2[0])) && Number.isFinite(Number(mapping2[1])) && Number.isFinite(Number(mapping2[2])) && Number.isFinite(Number(mapping2[3]))
-  ).slice().sort((a, b2) => {
-    const lineDifference = Number(a[0]) - Number(b2[0]);
-    if (lineDifference !== 0) {
-      return lineDifference;
-    }
-    return Number(a[1]) - Number(b2[1]);
-  });
-  if (validMappings.length === 0) {
-    return {
-      line: line2,
-      col
-    };
-  }
-  let mapping = validMappings[0];
-  for (const candidate of validMappings) {
-    const generatedMappingLine = Number(candidate[0]);
-    const generatedMappingColumn = Number(candidate[1]);
-    if (generatedMappingLine < line2 || generatedMappingLine === line2 && generatedMappingColumn <= col) {
-      mapping = candidate;
-      continue;
-    }
-    break;
-  }
-  const mappingGeneratedLine = Number(mapping[0]);
-  const mappingGeneratedColumn = Number(mapping[1]);
-  const mappingSourceLine = Number(mapping[2]);
-  const mappingSourceColumn = Number(mapping[3]);
-  const sourceLine = mappingSourceLine + (line2 - mappingGeneratedLine);
-  const sourceColumn = line2 === mappingGeneratedLine ? Math.max(
-    0,
-    mappingSourceColumn + (col - mappingGeneratedColumn)
-  ) : mappingSourceColumn;
+function browserLocation(error2) {
+  var _a, _b, _c, _d;
+  const line2 = number(
+    (_b = (_a = error2 == null ? void 0 : error2.lineNumber) != null ? _a : error2 == null ? void 0 : error2.lineno) != null ? _b : error2 == null ? void 0 : error2.line
+  );
+  const column2 = number(
+    (_d = (_c = error2 == null ? void 0 : error2.columnNumber) != null ? _c : error2 == null ? void 0 : error2.colno) != null ? _d : error2 == null ? void 0 : error2.column
+  );
   return {
-    line: sourceLine,
-    col: sourceColumn
+    line: line2 == null ? null : Math.max(0, line2 - 1),
+    column: column2 == null ? null : Math.max(0, column2 - 1)
   };
 }
-function getBlockTrace(error2) {
+function traceBlock(error2) {
   const trace = error2 == null ? void 0 : error2.lilact_trace;
-  if (Array.isArray(trace)) {
-    return trace[0];
-  }
-  return trace;
+  return Array.isArray(trace) ? trace[0] : trace;
 }
-function getBlockInfo(error2) {
-  var _a, _b, _c;
-  const trace = getBlockTrace(error2);
-  if (trace === void 0 || trace === null) {
-    return null;
-  }
-  return (_c = (_b = (_a = lilact_default.blocks_info) == null ? void 0 : _a.labels) == null ? void 0 : _b[trace]) != null ? _c : null;
+function blockInfo(error2) {
+  var _a, _b;
+  const trace = traceBlock(error2);
+  return trace == null ? null : (_b = (_a = lilact_default.blocks_info) == null ? void 0 : _a.labels) == null ? void 0 : _b[trace];
 }
-function applyBlockFallback(error2, result2, currentPath) {
-  const block = getBlockInfo(error2);
-  if (!block) return result2;
-  if (block.path) {
-    result2.fileName = block.path;
-  } else if (!result2.fileName) {
-    result2.fileName = currentPath;
+function mapLocation(mappings, line2, column2) {
+  if (!Array.isArray(mappings) || !mappings.length || !Number.isFinite(line2) || !Number.isFinite(column2)) {
+    return { line: line2, column: column2 };
   }
-  if (Number.isFinite(block.line) && Number.isFinite(block.col)) {
-    result2.lineNumber = block.line;
-    result2.columnNumber = block.col;
-  }
-  if (block.desc) {
-    result2.label = block.desc;
-  }
-  return result2;
-}
-function copyErrorMetadata(source, target) {
-  if (!source || typeof source !== "object") return;
-  for (const key of [
-    "fileName",
-    "lineNumber",
-    "columnNumber",
-    "lineno",
-    "colno",
-    "line",
-    "column",
-    "componentStackLog",
-    "lilact_trace"
-  ]) {
-    if (source[key] !== void 0 && target[key] === void 0) {
-      target[key] = source[key];
+  const valid = mappings.filter(
+    (mapping) => Array.isArray(mapping) && mapping.length >= 4 && mapping.slice(0, 4).every((value) => Number.isFinite(Number(value)))
+  ).sort(
+    (a, b2) => Number(a[0]) - Number(b2[0]) || Number(a[1]) - Number(b2[1])
+  );
+  if (!valid.length) return { line: line2, column: column2 };
+  let selected = valid[0];
+  for (const mapping of valid) {
+    const generatedLine2 = Number(mapping[0]);
+    const generatedColumn2 = Number(mapping[1]);
+    if (generatedLine2 < line2 || generatedLine2 === line2 && generatedColumn2 <= column2) {
+      selected = mapping;
+    } else {
+      break;
     }
   }
+  const generatedLine = Number(selected[0]);
+  const generatedColumn = Number(selected[1]);
+  const sourceLine = Number(selected[2]);
+  const sourceColumn = Number(selected[3]);
+  return {
+    line: sourceLine + (line2 === generatedLine ? 0 : line2 - generatedLine),
+    column: line2 === generatedLine ? Math.max(0, sourceColumn + column2 - generatedColumn) : sourceColumn
+  };
 }
 function traceError(value, runPath) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f;
   if (value == null ? void 0 : value.isTraced) return value;
-  const original = (value == null ? void 0 : value.error) instanceof Error ? value.error : asError2(value);
-  const parserError = isParserError(original);
-  const stackLocation = parserError ? null : sourceUrlFromStack(original.stack);
-  const eventLocation = parserError ? getErrorLocation(original, { zeroBased: true }) : getErrorLocation(original);
+  const error2 = asError2(value);
+  const source = error2.lilact_source;
+  const stack = isParserError(error2) ? null : stackLocation(error2.stack);
+  const browser = isParserError(error2) ? {
+    line: number(error2.lineNumber),
+    column: number(error2.columnNumber)
+  } : browserLocation(error2);
+  const fileName = (source == null ? void 0 : source.path) || (stack == null ? void 0 : stack.path) || error2.fileName || runPath || null;
+  let line2 = (_b = (_a = stack == null ? void 0 : stack.line) != null ? _a : browser.line) != null ? _b : null;
+  let column2 = (_d = (_c = stack == null ? void 0 : stack.column) != null ? _c : browser.column) != null ? _d : null;
   const result2 = {
-    fileName: sourcePathFromEvalUrl(stackLocation == null ? void 0 : stackLocation.url) || original.fileName || runPath || null,
-    lineNumber: (stackLocation == null ? void 0 : stackLocation.line) != null ? Math.max(0, stackLocation.line - 1) : (_a = eventLocation == null ? void 0 : eventLocation.line) != null ? _a : null,
-    columnNumber: (stackLocation == null ? void 0 : stackLocation.col) != null ? Math.max(0, stackLocation.col - 1) : (_b = eventLocation == null ? void 0 : eventLocation.col) != null ? _b : null,
-    message: original.message == null ? String(original) : String(original.message),
-    name: original.name || "Error",
-    stack: original.stack || null,
-    _error: original,
+    fileName,
+    lineNumber: line2,
+    columnNumber: column2,
+    message: error2.message == null ? String(error2) : String(error2.message),
+    name: error2.name || "Error",
+    stack: error2.stack || null,
+    lilact_source: source || null,
+    _error: error2,
     isTraced: true
   };
-  copyErrorMetadata(value, result2);
-  copyErrorMetadata(original, result2);
-  if (!parserError && (stackLocation == null ? void 0 : stackLocation.url)) {
-    const module2 = required_scripts[result2.fileName];
-    if (module2 == null ? void 0 : module2.mappings) {
-      const mapped = mapLocation(
-        module2.mappings,
-        result2.lineNumber,
-        result2.columnNumber
-      );
-      result2.lineNumber = mapped.line;
-      result2.columnNumber = mapped.col;
-    }
-  }
-  if (!parserError && !(stackLocation == null ? void 0 : stackLocation.url)) {
-    applyBlockFallback(original, result2, runPath);
+  const module2 = fileName && required_scripts[fileName];
+  if (module2) {
+    const mapped = mapLocation(
+      module2.mappings,
+      result2.lineNumber,
+      result2.columnNumber
+    );
+    result2.lineNumber = mapped.line;
+    result2.columnNumber = mapped.column;
+  }
+  const block = blockInfo(error2);
+  if (block && (result2.lineNumber == null || result2.columnNumber == null || !result2.fileName)) {
+    result2.fileName || (result2.fileName = block.path || runPath || null);
+    (_e = result2.lineNumber) != null ? _e : result2.lineNumber = block.line;
+    (_f = result2.columnNumber) != null ? _f : result2.columnNumber = block.col;
+    result2.label = block.desc;
   }
   lilact_default.error = result2;
   return result2;
@@ -4750,24 +4649,27 @@ function traceError(value, runPath) {
 function escapeHtml(value) {
   return String(value != null ? value : "").replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 }
-function sourceExcerpt(module2, zeroBasedLine) {
+function sourceExcerpt(module2, line2) {
   var _a, _b, _c, _d;
-  if (!module2 || !Number.isFinite(zeroBasedLine)) {
-    return null;
-  }
+  if (!module2 || !Number.isFinite(line2)) return null;
   const lines = String((_a = module2.code) != null ? _a : "").split(/\r?\n/);
-  const before = (_b = lines[zeroBasedLine - 1]) != null ? _b : "";
-  const current = (_c = lines[zeroBasedLine]) != null ? _c : "";
-  const after = (_d = lines[zeroBasedLine + 1]) != null ? _d : "";
-  return { before, current, after };
+  return {
+    before: (_b = lines[line2 - 1]) != null ? _b : "",
+    current: (_c = lines[line2]) != null ? _c : "",
+    after: (_d = lines[line2 + 1]) != null ? _d : ""
+  };
 }
 function globalErrorHandler(eventOrError) {
   var _a, _b;
-  const raw = (eventOrError == null ? void 0 : eventOrError.error) instanceof Error ? eventOrError.error : (eventOrError == null ? void 0 : eventOrError.reason) !== void 0 ? eventOrError.reason : eventOrError;
-  const runPath = (eventOrError == null ? void 0 : eventOrError.fileName) || null;
-  const traced = traceError(raw, runPath);
-  const module2 = required_scripts[traced.fileName];
-  const excerpt = sourceExcerpt(module2, traced.lineNumber);
+  const value = (eventOrError == null ? void 0 : eventOrError.error) instanceof Error ? eventOrError.error : (eventOrError == null ? void 0 : eventOrError.reason) !== void 0 ? eventOrError.reason : eventOrError;
+  const error2 = traceError(
+    value,
+    (eventOrError == null ? void 0 : eventOrError.fileName) || null
+  );
+  const excerpt = sourceExcerpt(
+    required_scripts[error2.fileName],
+    error2.lineNumber
+  );
   const className = css(`
     background: linear-gradient(135deg, #fff2f2d4, #ffffffd4);
     backdrop-filter: blur(10px);
@@ -4791,14 +4693,14 @@ function globalErrorHandler(eventOrError) {
   `);
   const dialog = document.createElement("dialog");
   dialog.className = className;
-  const location = traced.fileName ? `At ${escapeHtml(traced.fileName)}` : "";
-  const line2 = Number.isFinite(traced.lineNumber) ? `: Line ${traced.lineNumber + 1}` : "";
-  const componentStack = ((_a = traced._error) == null ? void 0 : _a.componentStackLog) || ((_b = traced._error) == null ? void 0 : _b.componentStack) || "";
+  const location = error2.fileName ? `At ${escapeHtml(error2.fileName)}` : "";
+  const line2 = Number.isFinite(error2.lineNumber) ? `: Line ${error2.lineNumber + 1}` : "";
+  const componentStack = ((_a = error2._error) == null ? void 0 : _a.componentStackLog) || ((_b = error2._error) == null ? void 0 : _b.componentStack) || "";
   dialog.innerHTML = `
     <h3><red>Error!</red></h3>
     <b>${location}${line2}</b><br><br>
-    <b>${escapeHtml(traced.name)}</b>:
-    <span>${escapeHtml(traced.message)}</span>
+    <b>${escapeHtml(error2.name)}</b>:
+    <span>${escapeHtml(error2.message)}</span>
     <br><br>
 
     ${excerpt ? "<code><pre></pre><red><pre></pre></red><pre></pre></code>" : ""}
@@ -4822,15 +4724,13 @@ function globalErrorHandler(eventOrError) {
   } else {
     dialog.setAttribute("open", "");
   }
-  return traced;
+  return error2;
 }
 function scanBlockLabels(code2, path2) {
-  const labels = String(code2).matchAll(
+  for (const match2 of String(code2).matchAll(
     /LILACTBLOCK(\d+):(\d+),(\d+):([^*]+)\*\//gm
-  );
-  for (const match2 of labels) {
-    const id = match2[1];
-    lilact_default.blocks_info.labels[id] = {
+  )) {
+    lilact_default.blocks_info.labels[match2[1]] = {
       path: path2,
       line: Number(match2[2]),
       col: Number(match2[3]),
@@ -5712,7 +5612,7 @@ function labeler(custom_words, x) {
     if (x.type === "comment") return "C";
     if (x.type === "regexp") return "R";
     if (x.type === "js") return "J";
-    if (x.type === "paranthesis") return "P";
+    if (x.type === "parenthesis") return "P";
     if (x.type === "string") return "S";
     if (x.type === "xml") return "X";
   }
@@ -6011,7 +5911,7 @@ function lookAhead(f, code2, index2, ...args) {
 function parseRegex(code, index, container) {
   let i = index;
   let dels = `;=,([{}!^~&|:?*%-+/<>${transpilerConfig.preprocessorDelimiter}`;
-  while (--i > 0) {
+  while (--i >= 0) {
     if (" 	\r".indexOf(code[i]) !== -1) continue;
     if (code[i] === "\n") {
       dels += ")]";
@@ -6433,10 +6333,10 @@ function parseXML(code2, index2, container2, look_behind = false) {
     }
   }
 }
-function parseParanthesis(code2, index2, container2) {
+function parseParenthesis(code2, index2, container2) {
   const b2 = {
     // block
-    type: "paranthesis",
+    type: "parenthesis",
     begin: index2,
     cbegin: ++index2,
     children: [],
@@ -6460,7 +6360,7 @@ function parseParanthesis(code2, index2, container2) {
         [index2] = lookAhead(parseJS, code2, index2, true, b2);
         break;
       case "(":
-        [index2] = lookAhead(parseParanthesis, code2, index2, b2);
+        [index2] = lookAhead(parseParenthesis, code2, index2, b2);
         break;
       case "}":
         raiseError(`Unmatched curly bracket`, b2.begin);
@@ -6482,7 +6382,7 @@ function parseParanthesis(code2, index2, container2) {
         break;
     }
   }
-  raiseError(`Unterminated paranthesis block`, b2.begin);
+  raiseError(`Unterminated parenthesis block`, b2.begin);
 }
 function parseJS(code2, index2 = 0, is_block = false, container2) {
   const b2 = {
@@ -6512,10 +6412,10 @@ function parseJS(code2, index2 = 0, is_block = false, container2) {
         break;
       }
       case "(":
-        [index2] = lookAhead(parseParanthesis, code2, index2, b2);
+        [index2] = lookAhead(parseParenthesis, code2, index2, b2);
         break;
       case ")":
-        raiseError(`Unmatched paranthesis`, b2.begin);
+        raiseError(`Unmatched parenthesis`, b2.begin);
         break;
       case "}":
         if (is_block) {
@@ -6567,7 +6467,7 @@ function labelFunctions(node3, eols, blocks_info2) {
   }
   let i2, nxt, prev2;
   for (let chi = 0; chi < node3.children.length; chi++) {
-    if (typeof node3.children[chi] === "object" && node3.children[chi].type === "paranthesis") {
+    if (typeof node3.children[chi] === "object" && node3.children[chi].type === "parenthesis") {
       [i2, prev2] = getNext(chi, -1);
       if (prev2 === null) continue;
       if (typeof prev2 !== "string" || ["switch", "catch", "try", "class"].find((x) => prev2.trim().endsWith(x)) !== void 0) continue;
@@ -6589,7 +6489,7 @@ function labelFunctions(node3, eols, blocks_info2) {
       }
     } else if (node3.children[chi] === "=>") {
       [i2, prev2] = getNext(chi, -1);
-      if (typeof prev2 === "object" && prev2.type === "paranthesis") {
+      if (typeof prev2 === "object" && prev2.type === "parenthesis") {
         const begin = getRowCol(eols, prev2.begin);
         [i2, nxt] = getNext(chi);
         if (typeof nxt === "object" && nxt.type === "js") {
@@ -6643,7 +6543,7 @@ function getRowCol(eols, i2) {
   }
   return [eols.last - 1, i2 - eols[eols.last - 1]];
 }
-function generateSourceMap(json, path2, jsx_eols, out_eols, mappings2 = []) {
+function generateSourceMap(json, path2, jsx_eols, out_eols, mappings = []) {
   let mpps = [];
   const sourcemap = {
     "version": 3,
@@ -6673,7 +6573,7 @@ function generateSourceMap(json, path2, jsx_eols, out_eols, mappings2 = []) {
       return a[0] - b2[0];
     }
   );
-  mappings2.push(...mpps);
+  mappings.push(...mpps);
   let mstr = "";
   let r = 0, oc = 0;
   let lr = 0, lc = 0;
@@ -6707,7 +6607,7 @@ function transpileJSX(jsx2, {
     labels: {},
     counter: 0
   },
-  mappings: mappings2 = []
+  mappings = []
 } = {}) {
   var _a, _b;
   (_a = transpilerConfig.preprocessorDelimiter) != null ? _a : transpilerConfig.preprocessorDelimiter = "\u0294";
@@ -6786,7 +6686,7 @@ function transpileJSX(jsx2, {
     if (node3.type === "regex") return jsx2.substring(node3.begin, node3.end);
     if (node3.type === "comment") return discardComments || is_attr ? "" : jsx2.substring(node3.begin, node3.end);
     if (node3.type === "directive") return node3.value;
-    if (node3.type === "paranthesis") {
+    if (node3.type === "parenthesis") {
       let out2 = "(";
       if (node3.out) {
         if (produceCJS) processImportExports(node3, jsx2);
@@ -6859,7 +6759,7 @@ function transpileJSX(jsx2, {
       out += `}catch(e){ if(typeof(e)!=='object') e=new Error(e);e.lilact_trace=${blocks_info2.counter};throw e}`;
     }
   }
-  const inline_sm = generateSourceMap(json, path2, eols, scanEOLs(out), mappings2);
+  const inline_sm = generateSourceMap(json, path2, eols, scanEOLs(out), mappings);
   if (appendSourcemap) {
     out += inline_sm;
   }
@@ -6868,7 +6768,7 @@ function transpileJSX(jsx2, {
 
 // .tmp/src/lilact.jsx
 var Lilact2 = {
-  VERSION: "RC.3",
+  VERSION: "RC.4",
   // Configuration
   defaultTransitionTimeout: 300,
   defaultIsEqual: Object.is,
@@ -6905,7 +6805,10 @@ globalThis.createComponent = Lilact2.createComponent;
 globalThis.Fragment = Lilact2.Fragment;
 globalThis.require = Lilact2.require;
 document.addEventListener("DOMContentLoaded", () => {
-  Lilact2.runScripts();
+  Lilact2.runScripts().catch((error2) => {
+    var _a;
+    (_a = Lilact2.globalErrorHandler) == null ? void 0 : _a.call(Lilact2, error2);
+  });
 });
 if (true) {
   window.addEventListener("unhandledrejection", (e) => {
@@ -6999,7 +6902,6 @@ export {
   layout_effects,
   lazy,
   length_css_attributes_set,
-  mapLocation,
   memo,
   passive_effects,
   pauseTimers,