2,
'double' => 4,
)
);
wp_interactivity_state(
'test/deferred-store/derived-state',
array(
'value' => function () {
$context = wp_interactivity_get_context( 'test/deferred-store/derived-state' );
return 'bind-' . $context['counter'];
},
'below10' => function () {
$context = wp_interactivity_get_context( 'test/deferred-store/derived-state' );
return $context['counter'] < 10;
},
'redOrGreen' => function () {
$context = wp_interactivity_get_context( 'test/deferred-store/derived-state' );
return $context['isReady'] ? 'rgb(0, 255, 0)' : 'rgb(255, 0, 0)';
},
'derivedText' => function () {
$context = wp_interactivity_get_context( 'test/deferred-store/derived-state' );
return $context['isReady'] ? 'client-updated text' : 'server-rendered text';
},
'radiotelephonicAlphabet' => function () {
$context = wp_interactivity_get_context( 'test/deferred-store/derived-state' );
$dictionary = array(
'a' => 'alpha',
'b' => 'bravo',
'c' => 'charlie',
'd' => 'delta',
);
return array_map(
function ( $item ) use ( $dictionary ) {
return $dictionary[ $item ];
},
$context['list']
);
},
)
);
add_filter(
'script_module_data_@wordpress/interactivity',
function ( $data ) {
if ( ! isset( $data ) ) {
$data = array();
}
$data['derivedStateClosures'] = array(
'test/deferred-store/derived-state' => array(
'state.value',
'state.below10',
'state.redOrGreen',
'state.derivedText',
'state.radiotelephonicAlphabet',
),
);
return $data;
}
);
?>
'!dlrow ,olleH' ) ); ?>
>
hydrated
loaded