jails-js 6.5.4 → 6.6.0

package/src/component.ts

@@ -8,6 +8,7 @@ export const Component = ({ name, module, dependencies, node, templates, signal,
 	let preserve		= []
 	let observer 		= null
 	let observables 	= []
+	let effect 			= null
 
 	const _model 		= module.model || {}
 	const initialState 	= (new Function( `return ${node.getAttribute('html-model') || '{}'}`))()
@@ -32,6 +33,14 @@ export const Component = ({ name, module, dependencies, node, templates, signal,
 			node.addEventListener(':mount', fn)
 		},
 
+		effect(fn) {
+			if( fn ) {
+				effect = fn
+			} else {
+				return effect
+			}
+		},
+
 		/**
 		 * @State
 		 */
@@ -220,7 +229,17 @@ export const Component = ({ name, module, dependencies, node, templates, signal,
 						const child = register.get(element)
 						if(!child) return
 						child.state.protected().forEach( key => delete data[key] )
-						child.state.set(data)
+						const useEffect = child.effect()
+						if( useEffect ) {
+							const promise = useEffect(data)
+							if( promise && promise.then ) {
+								promise.then(() => child.state.set(data))
+							} else {
+								child.state.set(data)
+							}
+						} else {
+							child.state.set(data)
+						}
 					})
 				Promise.resolve().then(() => {
 					g.scope = {}

package/src/utils/index.ts

@@ -27,7 +27,8 @@ export const dup = (o) => {
 
 export const safe = (execute, val) => {
 	try{
-		return execute() || ''
+		const value = execute()
+		return value !== undefined && value !== null ? value : val || ''
 	}catch(err){
 		return val || ''
 	}

package/types.d.ts

@@ -24,6 +24,8 @@ export type Component = {
 		getRaw() : any
 	}
 
+	effect( callback: ( state: any ) => Promise<any> | void )
+
 	main( mainArgs: ( t: Component ) => void ): void
 
 	publish( name: string, value: any ) : void