Merged in release/release-1.09 (pull request #10)

Release/release 1.09

* Install missing plugins 
* rs set to 1

* rebase pantheon for aws

* rebase pantheon for aws

* prod config change

* prod config change

* fix campaing issue

* revert


Approved-by: Jay Sharma

wp/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/interactivity/directives.js

@@ -1,10 +1,4 @@
-import {
-	useContext,
-	useMemo,
-	useEffect,
-	useLayoutEffect,
-	useRef,
-} from 'preact/hooks';
+import { useContext, useMemo, useEffect, useLayoutEffect } from 'preact/hooks';
 import { deepSignal, peek } from 'deepsignal';
 import { useSignalEffect } from './utils';
 import { directive } from './hooks';
@@ -13,16 +7,18 @@ import { prefetch, navigate } from './router';
 const isObject = ( item ) =>
 	item && typeof item === 'object' && ! Array.isArray( item );
 
-const mergeDeepSignals = ( target, source, overwrite ) => {
+const mergeDeepSignals = ( target, source ) => {
 	for ( const k in source ) {
-		if ( isObject( peek( target, k ) ) && isObject( peek( source, k ) ) ) {
+		if ( typeof peek( target, k ) === 'undefined' ) {
+			target[ `$${ k }` ] = source[ `$${ k }` ];
+		} else if (
+			isObject( peek( target, k ) ) &&
+			isObject( peek( source, k ) )
+		) {
 			mergeDeepSignals(
 				target[ `$${ k }` ].peek(),
-				source[ `$${ k }` ].peek(),
-				overwrite
+				source[ `$${ k }` ].peek()
 			);
-		} else if ( overwrite || typeof peek( target, k ) === 'undefined' ) {
-			target[ `$${ k }` ] = source[ `$${ k }` ];
 		}
 	}
 };
@@ -33,24 +29,20 @@ export default () => {
 		'context',
 		( {
 			directives: {
-				context: { default: newContext },
+				context: { default: context },
 			},
 			props: { children },
-			context: inheritedContext,
+			context: inherited,
 		} ) => {
-			const { Provider } = inheritedContext;
-			const inheritedValue = useContext( inheritedContext );
-			const currentValue = useRef( deepSignal( {} ) );
-			currentValue.current = useMemo( () => {
-				const newValue = deepSignal( newContext );
-				mergeDeepSignals( newValue, inheritedValue );
-				mergeDeepSignals( currentValue.current, newValue, true );
-				return currentValue.current;
-			}, [ newContext, inheritedValue ] );
+			const { Provider } = inherited;
+			const inheritedValue = useContext( inherited );
+			const value = useMemo( () => {
+				const localValue = deepSignal( context );
+				mergeDeepSignals( localValue, inheritedValue );
+				return localValue;
+			}, [ context, inheritedValue ] );
 
-			return (
-				<Provider value={ currentValue.current }>{ children }</Provider>
-			);
+			return <Provider value={ value }>{ children }</Provider>;
 		},
 		{ priority: 5 }
 	);
@@ -82,30 +74,12 @@ export default () => {
 		}
 	);
 
-	// data-wc-init--[name]
-	directive( 'init', ( { directives: { init }, context, evaluate } ) => {
-		const contextValue = useContext( context );
-		Object.values( init ).forEach( ( path ) => {
-			useEffect( () => {
-				return evaluate( path, { context: contextValue } );
-			}, [] );
-		} );
-	} );
-
 	// data-wc-on--[event]
 	directive( 'on', ( { directives: { on }, element, evaluate, context } ) => {
 		const contextValue = useContext( context );
-		const events = new Map();
 		Object.entries( on ).forEach( ( [ name, path ] ) => {
-			const event = name.split( '--' )[ 0 ];
-			if ( ! events.has( event ) ) events.set( event, new Set() );
-			events.get( event ).add( path );
-		} );
-		events.forEach( ( paths, event ) => {
-			element.props[ `on${ event }` ] = ( event ) => {
-				paths.forEach( ( path ) => {
-					evaluate( path, { event, context: contextValue } );
-				} );
+			element.props[ `on${ name }` ] = ( event ) => {
+				evaluate( path, { event, context: contextValue } );
 			};
 		} );
 	} );