Fix wp-each issue with non-arrays

Author: sirreal

html-api-debugger/interactivity.php

@@ -47,6 +47,7 @@ function generate_page( string $html, array $options ): string {
 			'htmlApiDoctypeName' => $htmlapi_response['result']['doctypeName'] ?? null,
 			'htmlApiDoctypePublicId' => $htmlapi_response['result']['doctypePublicId'] ?? null,
 			'htmlApiDoctypeSytemId' => $htmlapi_response['result']['doctypeSystemId'] ?? null,
+			'treeWarnings' => $htmlapi_response['result']['warnings'] ?? array(),
 			'normalizedHtml' => $htmlapi_response['normalizedHtml'] ?? '',
 
 			'playbackLength' => isset( $htmlapi_response['result']['playback'] )
@@ -165,8 +166,8 @@ class="context-html"
 			</div>
 		</div>
 
-		<div data-wp-bind--hidden="!state.htmlapiResponse.result.warnings.0">
-			<template data-wp-each="state.htmlapiResponse.result.warnings">
+		<div data-wp-bind--hidden="!state.treeWarnings.length">
+			<template data-wp-each="state.treeWarnings">
 				<p data-wp-text="context.item" class="error-holder"></p>
 			</template>
 		</div>

html-api-debugger/view.js

@@ -67,6 +67,7 @@ let mutationObserver = null;
  *
  *
  * @typedef  State
+ * @property {ReadonlyArray<string>} treeWarnings
  * @property {string|null} selector
  * @property {string|null} selectorErrorMessage
  * @property {boolean} showClosers
@@ -145,6 +146,10 @@ const store = createStore(NS, {
 			};
 		},
 
+		get treeWarnings() {
+			return store.state.htmlapiResponse.result?.warnings ?? [];
+		},
+
 		get playbackTree() {
 			if (store.state.playbackPoint === null) {
 				return undefined;