Handle null bytes in more places

Author: sirreal

html-api-debugger/html-api-debugger.php

@@ -3,7 +3,7 @@
  * Plugin Name:       HTML API Debugger
  * Plugin URI:        https://github.com/sirreal/html-api-debugger
  * Description:       Add a page to wp-admin for debugging the HTML API.
- * Version:           2.5
+ * Version:           2.6
  * Requires at least: 6.7
  * Tested up to:      6.8
  * Author:            Jon Surrell
@@ -22,7 +22,7 @@
 require_once __DIR__ . '/html-api-integration.php';
 
 const SLUG    = 'html-api-debugger';
-const VERSION = '2.5';
+const VERSION = '2.6';
 
 /** Set up the plugin. */
 function init() {

html-api-debugger/interactivity.php

@@ -79,7 +79,7 @@ class="context-html"
 	<div>
 		<h2>Input HTML</h2>
 		<textarea
-			id='input_html'
+			id="input-html"
 			autocapitalize="off"
 			autocomplete="off"
 			spellcheck="false"
@@ -153,7 +153,7 @@ class="context-html"
 				<label>Show invisible <input type="checkbox" data-wp-bind--checked="state.showInvisible" data-wp-on-async--input="handleShowInvisibleClick"></label>
 				<span><label>Show virtual <input type="checkbox" data-wp-bind--checked="state.showVirtual" data-wp-on-async--input="handleShowVirtualClick"></label></span>
 				<div data-wp-bind--hidden="!state.htmlapiResponse.supports.selectors">
-					<label>CSS Selectors <textarea placeholder="CSS selector: .my-class" data-wp-on-async--input="handleSelectorChange"><?php echo "\n" . esc_textarea( str_replace( "\0", '', $options['selector'] ?? '' ) ); ?></textarea></label>
+					<label>CSS Selectors <textarea id="selector-input" placeholder="CSS selector: .my-class" data-wp-on-async--input="handleSelectorChange"><?php echo "\n" . esc_textarea( str_replace( "\0", '', $options['selector'] ?? '' ) ); ?></textarea></label>
 				</div>
 			</div>
 			<div>

html-api-debugger/readme.txt

@@ -3,7 +3,7 @@ Contributors: jonsurrell, bernhard-reiter
 Tags: HTML API, development, debug
 Requires at least: 6.7
 Tested up to: 6.8
-Stable tag: 2.5
+Stable tag: 2.6
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
 
@@ -15,6 +15,9 @@ Please file issues and pull requests on the [GitHub repository](https://github.c
 
 == Changelog ==
 
+= 2.6 =
+* Handle null bytes in selectors and context HTML.
+
 = 2.5 =
 * Fix a crash when using WordPress 6.7.
 

html-api-debugger/style.css

@@ -58,7 +58,7 @@
 		font-size: inherit;
 	}
 
-	#input_html {
+	#input-html {
 		width: 100%;
 		min-height: 200px;
 		font-family: var(--monospace-font-family);

html-api-debugger/view.js

@@ -69,7 +69,7 @@ let mutationObserver = null;
  *
  * @typedef  State
  * @property {ReadonlyArray<string>} treeWarnings
- * @property {string|null} selector
+ * @property {string} selector
  * @property {string|null} selectorErrorMessage
  * @property {boolean} showClosers
  * @property {boolean} showInvisible
@@ -354,9 +354,19 @@ const store = createStore(NS, {
 		// Force print them if we have null bytes.
 		if (store.state.html.includes('\0')) {
 			/** @type {HTMLTextAreaElement} */ (
-				document.getElementById('input_html')
+				document.getElementById('input-html')
 			).value = store.state.html;
 		}
+		if (store.state.contextHTML.includes('\0')) {
+			/** @type {HTMLTextAreaElement} */ (
+				document.getElementById('context-html')
+			).value = store.state.contextHTML;
+		}
+		if (store.state.selector.includes('\0')) {
+			/** @type {HTMLTextAreaElement} */ (
+				document.getElementById('selector-input')
+			).value = store.state.selector;
+		}
 
 		store.render();