jails-js 6.5.5 → 6.7.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') || '{}'}`))()
@@ -15,7 +16,7 @@ export const Component = ({ name, module, dependencies, node, templates, signal,
 	const scopeid 		= node.getAttribute('html-scopeid')
 	const tpl 			= templates[ tplid ]
 	const scope 		= g.scope[ scopeid ]
-	const model  		= dup(module?.model?.apply ? _model({ elm:node, initialState }) : _model)
+	const model  		= dup(module?.model?.apply ? _model({ elm:node, initialState, dependencies }) : _model)
 	const state 		= Object.assign({}, scope, model, initialState)
 	const view 			= module.view? module.view : (data) => data
 
@@ -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/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