working behaviour

plugins/interactivity-router-2f43f8/src/render.php

@@ -16,7 +16,6 @@
 	<?php echo wp_kses_data( get_block_wrapper_attributes() ); ?>
 	data-wp-interactive="router-2f43f8"
 	data-wp-router-region="region-example-2f43f8"
-	data-wp-init="callbacks.setUrlPathname"
 >
 
 		<p><em>Displaying region "region-example-2f43f8" from <a data-wp-bind--href="state.urlRegionDisplay" data-wp-text="state.urlRegionDisplay"></a></em></p>
@@ -40,14 +39,12 @@
 		</nav>
 
 		<div class="debugInfo">
-			<p>state.isPlayground: <code data-wp-text="state.isPlayground"></code></p>
 			<p>block (region in display) attributes: <code style="text-align: left;">
 				<?php echo wp_json_encode( $attributes ); ?>
 			</code></p>
 
 			<p>state.urlRegionDisplay: <code data-wp-text="state.urlRegionDisplay"></code></p>
 
-			<p>state.urlRegionDisplaySlug: <code data-wp-text="state.urlRegionDisplaySlug"></code></p>
 
 		</div>
 

plugins/interactivity-router-2f43f8/src/view.js

@@ -2,32 +2,25 @@ import { store } from '@wordpress/interactivity';
 
 const { state } = store( 'router-2f43f8', {
 	state: {
-		urlPathname: '',
 		urlRegionDisplay: window.location.href,
 		get urlRegionDisplaySlug() {
-			const isHome = state.urlPathname === '/';
+			const { pathname } = new URL( state.urlRegionDisplay );
+			const isHome = pathname === '/';
 			return isHome
 				? '/'
-				: '/' + state.urlPathname.split( '/' ).filter( Boolean ).pop();
-		},
-		get isPlayground() {
-			return state.urlPathname.includes( 'scope' );
-		},
-	},
-	callbacks: {
-		setUrlPathname: () => {
-			state.urlPathname = new URL( state.urlRegionDisplay ).pathname;
+				: '/' + pathname.split( '/' ).filter( Boolean ).pop();
 		},
 	},
 	actions: {
 		*navigate( e ) {
-			console.log( 'navigate', e );
 			e.preventDefault();
 			const { actions } = yield import(
 				'@wordpress/interactivity-router'
 			);
 			state.urlRegionDisplay = e.target.href;
-			yield actions.navigate( state.urlRegionDisplaySlug );
+
+			//yield actions.navigate( state.urlRegionDisplaySlug );
+			yield actions.navigate( e.target.href );
 		},
 	},
 } );