lilact 0.27.2 → 0.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lilact",
-  "version": "0.27.2",
+  "version": "0.28.0",
   "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

@@ -283,12 +283,10 @@ if(DEBUG) {
 				}
 			}
 
-
 			if( this?.portal ) {
 				this.element = this.portal;
 			}
 
-
 			if(this.outlet?.constructor?.name!=='Array') {
 				this.outlet = [this.outlet];
 			}
@@ -422,8 +420,18 @@ if(DEBUG) {
 			}
 		}
 		else if(this.entity==="select") {
-			if(patch?.value!==this.element.value) {
-				Lilact.setTimeout(()=>this.element.value=String(patch.value), 0);
+			const s = String(patch.value);
+
+			if(s!==this.element.value) {
+				this.element.value=s;
+			}
+		}
+		else if(this.entity==="option") {
+			if(this.container?.props?.value?.constructor?.name==='Array') {
+				patch.selected = this.container.props.value.indexOf(patch.value)!==-1;
+			}
+			else if(typeof(this.container?.props?.value)==='string') {
+				patch.selected = this.container.props.value===patch.value;
 			}
 		}
 
@@ -489,8 +497,11 @@ if(DEBUG) {
 					}
 				}
 				else if(boolean_html_attributes_set.has(a)) { // not lower cased(al), as it is set as a js property
-					this.element[a] = toBool(patch[a]);
-					if(!this.element[a]) this.element.removeAttribute(a);
+					const v = toBool(patch[a]);
+					
+					if(v!==this.element[a]) {
+						this.element[a] = v;
+					}
 				}
 				else if(a==='autoFocus') { // not lower cased(al), as it is set as a js property
 					this.element['autofocus'] = toBool(patch[a]);
@@ -498,10 +509,8 @@ if(DEBUG) {
 				else if(a==='htmlFor') { // not lower cased(al), as it is set as a js property
 					this.element.setAttribute('for', patch[a]);
 				}
-				else {
-					if(al!=='value' || ['input', 'textarea', 'select'].indexOf(this.entity)===-1) {
-						this.element.setAttribute(al, patch[a]);
-					}
+				else if(al!=='value' || ['input', 'textarea', 'select'].indexOf(this.entity)===-1) {
+					this.element.setAttribute(al, patch[a]);
 				}
 			}
 		}
@@ -514,10 +523,6 @@ if(DEBUG) {
 			this.element.onsubmit = undefined;
 		}
 
-if(DEBUG) {
-		//this.element.setAttribute('key', this.props.key);
-}		
-
 		this.updateElementClass(patch);
 	}
 
@@ -1003,11 +1008,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 );
 	}
 
 	/**
@@ -1411,7 +1416,7 @@ export const length_css_attributes_set = new Set([
 
 /** @ignore */
 export const boolean_html_attributes_set = new 
-	Set(["disabled", "readOnly", "required", "checked", "multiple",
+	Set(["disabled", "readOnly", "required", "checked", "multiple", "selected",
 			 "hidden","open","loop","muted","controls","playsInline","allowFullScreen"]);
 
 

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/run.jsx

@@ -341,7 +341,7 @@ export function require(path) {
 	* A completed module can be returned synchronously unless the caller
 	* explicitly requests lazy loading.
 	*/
-	if (module.loaded && !options.forceUpdate && !loadAsync) {
+	if (module.loaded && !options.forceUpdate) {
 		return module.exports;
 	}
 

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"