lilact 0.26.16 → 0.27.1

package/src/hooks.jsx

@@ -87,8 +87,12 @@ export function useState(initialValue)
  */
 export function useCallback(callback, deps=undefined)
 {
-	if( deps!==undefined && (typeof(deps)!=='object' || deps.constructor.name!=='Array') ) {
-		throw new Error("Callback dependencies must be an array or omitted.");
+	if(
+	    deps !== undefined && !Array.isArray(deps) &&
+	    deps !== null && typeof deps !== "object"
+	  ) 
+	{
+		throw new Error("Callback dependencies must be an array, object  or omitted.");
 	}
 
 	const hk = useHook();
@@ -275,7 +279,11 @@ export function useRef(initialValue = null)
  */
 export async function useLayoutEffect(effect, deps=undefined)
 {
-	if( deps!==undefined && (typeof(deps)!=='object' || deps.constructor.name!=='Array') ) {
+	if(
+	    deps !== undefined && !Array.isArray(deps) &&
+	    deps !== null && typeof deps !== "object"
+	  ) 
+	{
 		throw new Error("Layout effect dependencies must be an array, object or omitted.");
 	}
 
@@ -287,7 +295,8 @@ export async function useLayoutEffect(effect, deps=undefined)
 
 	if(hk?.cleanup) {
 		await hk.cleanup();
-	}
+  		hk.cleanup = undefined;
+  	}
 
 	hk.deps = deps;
 	Lilact.layout_effects.add( async ()=>{ hk.cleanup = await effect(); });
@@ -306,7 +315,11 @@ export async function useLayoutEffect(effect, deps=undefined)
  */
 export async function useEffect(effect, deps=undefined)
 {
-	if( deps!==undefined && (typeof(deps)!=='object' || deps.constructor.name!=='Array') ) {
+	if(
+	    deps !== undefined && !Array.isArray(deps) &&
+	    deps !== null && typeof deps !== "object"
+	  ) 
+	{
 		throw new Error("Effect dependencies must be an array, object or omitted.");
 	}
 
@@ -318,6 +331,7 @@ export async function useEffect(effect, deps=undefined)
 
 	if(hk?.cleanup) {
 		await hk.cleanup();
+  		hk.cleanup = undefined;
 	}
 
 	hk.deps = deps;
@@ -338,7 +352,11 @@ export async function useEffect(effect, deps=undefined)
  */
 export async function useInsertionEffect(effect, deps=undefined)
 {
-	if( deps!==undefined && (typeof(deps)!=='object' || deps.constructor.name!=='Array') ) {
+	if(
+	    deps !== undefined && !Array.isArray(deps) &&
+	    deps !== null && typeof deps !== "object"
+	  ) 
+	{
 		throw new Error("Insertion effect dependencies must be an array, object, or omitted.");
 	}
 
@@ -350,6 +368,7 @@ export async function useInsertionEffect(effect, deps=undefined)
 
 	if(hk?.cleanup) {
 		await hk.cleanup();
+  		hk.cleanup = undefined;
 	}
 
 	hk.deps = deps;
@@ -370,7 +389,11 @@ export async function useInsertionEffect(effect, deps=undefined)
  */
 export function useMemo(factory,deps=undefined)
 {
-	if( deps!==undefined && (typeof(deps)!=='object' || deps.constructor.name!=='Array') ) {
+	if(
+	    deps !== undefined && !Array.isArray(deps) &&
+	    deps !== null && typeof deps !== "object"
+	  ) 
+	{
 		throw new Error("Memo dependencies must be an array or omitted.");
 	}
 
@@ -404,12 +427,12 @@ export function useActionState(action, initialState)
 
 		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);
 					},
 					[]
@@ -523,7 +546,7 @@ export function useImperativeHandle(ref, factory, deps=undefined)
 	if(typeof ref?.current !== 'object') {
 		ref.current = {};
 	}
-	Object.assign( ref.current, factory(), 0 );	
+	Object.assign( ref.current, factory());	
 
 }
 

package/src/jsx.js

@@ -44,7 +44,7 @@
 // to report any bugs, and please include a testable example. Thanks! :)
 
 // note: JSX or preprocessors are not processed inside template strings
-// todo: injected string try catchs should be generated by a function
+// todo: injected string try/catches should be generated by a function
 
 /** @ignore */
 export const transpilerConfig = {
@@ -88,7 +88,7 @@ function parseRegex(code, index, container)
 
 	let i = index;
 	let dels = `;=,([{}!^~&|:?*%-+/<>${transpilerConfig.preprocessorDelimiter}`;
-	while(--i>0) { 
+	while(--i>=0) { 
 		if( ' \t\r'.indexOf(code[i])!==-1 ) continue;
 		if(code[i]==='\n' ) {
 			dels+=")]";
@@ -615,10 +615,10 @@ function parseXML(code, index, container, look_behind=false)
 }
 
 
-function parseParanthesis(code, index, container)
+function parseParenthesis(code, index, container)
 {
 	const b = { // block
-		type: "paranthesis",
+		type: "parenthesis",
 		begin: index,
 		cbegin: ++index,
 		children: [],
@@ -647,7 +647,7 @@ function parseParanthesis(code, index, container)
 			break;
 
 		case '(':
-			[index] = lookAhead( parseParanthesis, code, index, b );
+			[index] = lookAhead( parseParenthesis, code, index, b );
 			break;
 
 		case '}':
@@ -674,7 +674,7 @@ function parseParanthesis(code, index, container)
 		}
 	}
 
-	raiseError(`Unterminated paranthesis block`, b.begin);
+	raiseError(`Unterminated parenthesis block`, b.begin);
 }
 
 
@@ -713,11 +713,11 @@ function parseJS(code, index=0, is_block=false, container)
 		}
 
 		case '(': // this is only for function detection
-			[index] = lookAhead( parseParanthesis, code, index, b );
+			[index] = lookAhead( parseParenthesis, code, index, b );
 			break;
 
 		case ')': // this is only for function detection
-			raiseError(`Unmatched paranthesis`, b.begin);
+			raiseError(`Unmatched parenthesis`, b.begin);
 			break;
 
 		case '}':
@@ -790,7 +790,7 @@ function labelFunctions(node, eols, blocks_info)
 	let i, nxt, prev;
 	for(let chi=0; chi<node.children.length; chi++) {
 
-		if(typeof(node.children[chi])==='object' && node.children[chi].type==='paranthesis') {
+		if(typeof(node.children[chi])==='object' && node.children[chi].type==='parenthesis') {
 
 			[i, prev] = getNext(chi, -1);
 			if(prev===null) continue;
@@ -808,7 +808,7 @@ function labelFunctions(node, eols, blocks_info)
 			if(nxt===null) continue;
 
 			if(transpilerConfig.injectTraceLabels && typeof(nxt)==='object' && nxt.type==='js') {
-				const begin = getRowCol(eols, chi); // begin is always the location of function args paranthesis
+				const begin = getRowCol(eols, chi); // begin is always the location of function args parenthesis
 				nxt.children.splice(1,0, `/*LILACTBLOCK${++blocks_info.counter}:${begin}:${label}*/try{`);
 				if(transpilerConfig.enableLabelStack) {
 					nxt.children.splice(nxt.children.length-1, 0, `} catch(e){ if(typeof(e)!=='object') e=new Error(e);e.lilact_trace=[${blocks_info.counter},e.lilact_trace];throw e}`);
@@ -823,9 +823,9 @@ function labelFunctions(node, eols, blocks_info)
 		else if(node.children[chi]==='=>') {
 			[i, prev] = getNext(chi, -1);
 
-			if(typeof(prev)==='object' && prev.type==='paranthesis') {
+			if(typeof(prev)==='object' && prev.type==='parenthesis') {
 
-				const begin = getRowCol(eols, prev.begin); // begin is always the location of function args paranthesis
+				const begin = getRowCol(eols, prev.begin); // begin is always the location of function args parenthesis
 
 				[i, nxt] = getNext(chi);
 
@@ -958,7 +958,7 @@ function generateSourceMap(json, path, jsx_eols, out_eols, mappings=[])
 /**
  * This is the function that transpiles jsx code to js. It is not recommended to use directly.
  * 
- * Use `Lilact.require` instead, or `Lilact.run` available in `run`, or add a `<scirpt type="text/jsx" .../>` to your html.
+ * Use `Lilact.require` instead, or `Lilact.run` available in `run`, or add a `<script type="text/jsx" .../>` to your html.
  * 
  * Lilact jsx parser doesn't rely on the Lilact itself, and can be used by other engines. The easiest way
  * is using the `bin/transpile.js` script. It has its own help.
@@ -1090,7 +1090,7 @@ export function transpileJSX( jsx, {
 		if(node.type==='directive') return node.value;
 
 
-		if(node.type==='paranthesis') {
+		if(node.type==='parenthesis') {
 			let out = "(";
 
 			if(node.out) {

package/src/lilact.jsx

@@ -94,7 +94,7 @@ export {transpileJSX, transpilerConfig} from "./jsx";
 export const Lilact = 
 {	
 
-	VERSION: "RC.3",
+	VERSION: "RC.4",
 	
 	// Configuration
 
@@ -143,8 +143,10 @@ globalThis.createComponent = Lilact.createComponent;
 globalThis.Fragment = Lilact.Fragment;
 globalThis.require = Lilact.require;
 
-document.addEventListener('DOMContentLoaded', () => {
-  Lilact.runScripts();
+document.addEventListener("DOMContentLoaded", () => {
+  Lilact.runScripts().catch(error => {
+    Lilact.globalErrorHandler?.(error);
+  });
 });
 
 if(DEBUG) {