Gutenboarding: Add wp-data to window (#36985)

client/gutenboarding/devtools.ts

@@ -0,0 +1,20 @@
+interface MagicWindow extends Window {
+	wp: undefined | Record< string, any >;
+}
+
+// Don't complain about window.wp.data types in our debug function
+declare const window: undefined | MagicWindow;
+
+export const wpDataDebugMiddleware: PageJS.Callback = ( context, next ) => {
+	if ( process.env.NODE_ENV !== 'production' ) {
+		if ( typeof window === 'object' ) {
+			if ( ! window.wp ) {
+				window.wp = {};
+			}
+			if ( ! window.wp.data ) {
+				window.wp.data = require( '@wordpress/data' );
+			}
+		}
+	}
+	next();
+};

client/gutenboarding/index.ts

@@ -8,7 +8,16 @@ import page from 'page';
  */
 import { hideMasterbar, main, redirectIfNotEnabled } from './controller';
 import { makeLayout, render as clientRender } from 'controller';
+import { wpDataDebugMiddleware } from './devtools';
 
 export default function() {
-	page( '/gutenboarding', redirectIfNotEnabled, hideMasterbar, main, makeLayout, clientRender );
+	page(
+		'/gutenboarding',
+		redirectIfNotEnabled,
+		wpDataDebugMiddleware,
+		hideMasterbar,
+		main,
+		makeLayout,
+		clientRender
+	);
 }