lilact 0.27.2 → 0.27.3

package/package.json

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

package/src/accessories.jsx

@@ -32,7 +32,7 @@
 import { useEffect, useLayoutEffect, useMemo, useRef, useState, useImperativeHandle, useCallback } from "./hooks.jsx";
 import { Children, forwardRef, isThenable } from "./misc.jsx";
 
-import {setTimeout, clearTimeout} from "./timers.jsx"
+//import {setTimeout, clearTimeout} from "./timers.jsx"
 import {Component} from "./components.jsx"
 import {emotion} from "./lilact.jsx"
 const {css,cx} = emotion;

package/src/components.jsx

@@ -423,7 +423,7 @@ if(DEBUG) {
 		}
 		else if(this.entity==="select") {
 			if(patch?.value!==this.element.value) {
-				Lilact.setTimeout(()=>this.element.value=String(patch.value), 0);
+				Lilact._setTimeout(()=>this.element.value=String(patch.value), 0);
 			}
 		}
 
@@ -1003,11 +1003,11 @@ export class Component
 	*/
 	forceUpdate(callback)
 	{
-		Lilact.clearTimeout(Lilact.update_timeout);
+		Lilact._clearTimeout(Lilact.update_timeout);
 
 		Lilact.update_set.add(this[CORE].container || this[CORE]);
 		if(callback) Lilact.update_cbs.add(callback.bind(this));
-		Lilact.update_timeout = Lilact.setTimeout( doUpdates,  Lilact.update_interval_margin );
+		Lilact.update_timeout = Lilact._setTimeout( doUpdates,  Lilact.update_interval_margin );
 	}
 
 	/**

package/src/expscan.js

@@ -240,10 +240,10 @@ export function processImportExports(node, jsx)
 					}
 
 					let cjs = '';
-					for(const s of import_alls) {
+					for(const s of star_imports) {
 						cjs+=`const ${s} = require(${src},{requirer:module});\n`;
 					}
-					for(const s of star_imports) {
+					for(const s of import_alls) {
 						cjs+=`const ${s} = require(${src},{requirer:module, checkExport: ['default']}).default;\n`;
 					}
 					if(Object.keys(imports).length) {

package/src/hooks.jsx

@@ -294,8 +294,8 @@ export async function useLayoutEffect(effect, deps=undefined)
 	hk.deps = deps;
 	Lilact.layout_effects.add( async ()=>{ hk.cleanup = await effect(); });
 	
-	Lilact.clearTimeout( Lilact.effect_timeout );
-	Lilact.setTimeout( Lilact.processEffects, 0 );
+	Lilact._clearTimeout( Lilact.effect_timeout );
+	Lilact._setTimeout( Lilact.processEffects, 0 );
 }
 
 /**
@@ -330,8 +330,8 @@ export async function useEffect(effect, deps=undefined)
 	hk.deps = deps;
 	Lilact.passive_effects.add( async ()=>{ hk.cleanup = await effect(); });
 
-	Lilact.clearTimeout( Lilact.effect_timeout );
-	Lilact.setTimeout( Lilact.processEffects, 0 );
+	Lilact._clearTimeout( Lilact.effect_timeout );
+	Lilact._setTimeout( Lilact.processEffects, 0 );
 }
 
 
@@ -367,8 +367,8 @@ export async function useInsertionEffect(effect, deps=undefined)
 	hk.deps = deps;
 	Lilact.insertion_effects.add( async ()=>{ hk.cleanup = await effect(); });
 
-	Lilact.clearTimeout( Lilact.effect_timeout );
-	Lilact.setTimeout( Lilact.processEffects, 0 );
+	Lilact._clearTimeout( Lilact.effect_timeout );
+	Lilact._setTimeout( Lilact.processEffects, 0 );
 }
 
 

package/src/lilact.jsx

@@ -126,10 +126,14 @@ export const Lilact =
 	redux,
 	emotion,
 
+	_setTimeout: window.setTimeout.bind(window),
+	_setInterval: window.setInterval.bind(window),
+	_clearTimeout: window.clearTimeout.bind(window),
+	_clearInterval: window.clearInterval.bind(window),
+
 }
 
 Lilact.default = Lilact;
-
 export default Lilact;
 
 Lilact.importObjectPaths = {
@@ -144,6 +148,8 @@ globalThis.Fragment = Lilact.Fragment;
 globalThis.require = Lilact.require;
 
 document.addEventListener("DOMContentLoaded", () => {
+	Lilact.grabTimers();
+
   Lilact.runScripts().catch(error => {
     Lilact.globalErrorHandler?.(error);
   });

package/src/timers.jsx

@@ -230,6 +230,7 @@ export function setInterval(callback, interval, ...args)
 export function clearTimeout(id)
 {
 	if(all_timers[id]) all_timers[id][CLEARED] = true;
+	else _clearTimeout(id);
 }
 
 /**
@@ -240,6 +241,7 @@ export function clearTimeout(id)
 export function clearInterval(id)
 {
 	if(all_timers[id]) all_timers[id][CLEARED] = true;
+	else _clearInterval(id);
 }
 
 /**

package/src/transition.jsx

@@ -29,7 +29,7 @@
 */
 import Lilact from './lilact.jsx';
 
-import { setTimeout, clearTimeout } from "./timers.jsx"
+//import { setTimeout, clearTimeout } from "./timers.jsx"
 import { Children } from "./misc.jsx"
 import { useEffect, useLayoutEffect, useMemo, useRef, useState } from "./hooks.jsx"