From 473e41f423ccfdcf51b07958d2e7049ffc4b278f Mon Sep 17 00:00:00 2001
From: Ingvar Stepanyan <rreverser@google.com>
Date: Mon, 17 Jan 2022 20:12:37 +0000
Subject: [PATCH] Upgrade & pin Preact version

---
 ui/index.html |  6 +++---
 ui/widget.js  | 27 ++++++++-------------------
 2 files changed, 11 insertions(+), 22 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index 7c4f1de..051d002 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -38,9 +38,9 @@
     <script type="importmap">
       {
         "imports": {
-          "preact": "https://unpkg.com/preact/dist/preact.module.js",
-          "preact/debug": "https://unpkg.com/preact/debug/dist/debug.module.js",
-          "preact/devtools": "https://unpkg.com/preact@10.5.14/devtools/dist/devtools.module.js",
+          "preact": "https://unpkg.com/preact@10.6.4/dist/preact.module.js",
+          "preact/debug": "https://unpkg.com/preact@10.6.4/debug/dist/debug.module.js",
+          "preact/devtools": "https://unpkg.com/preact@10.6.4/devtools/dist/devtools.module.js",
           "stats.js": "https://unpkg.com/stats.js@0.17.0/src/Stats.js"
         }
       }
diff --git a/ui/widget.js b/ui/widget.js
index 082961c..e275b58 100644
--- a/ui/widget.js
+++ b/ui/widget.js
@@ -142,11 +142,14 @@ export class Widget extends Component {
           'select',
           attrs,
           choices.map(choice =>
-            h(Option, {
-              key: choice,
-              value: choice,
-              disabled: attrs.readonly && value !== choice
-            })
+            h(
+              'option',
+              {
+                key: choice,
+                disabled: attrs.readonly && value !== choice
+              },
+              choice
+            )
           )
         );
         break;
@@ -172,20 +175,6 @@ export class Widget extends Component {
   }
 }
 
-/**
- * Special memoized option to work around https://github.com/preactjs/preact/issues/3171.
- * @extends Component<{ value: string, disabled?: boolean }>
- */
-class Option extends Component {
-  shouldComponentUpdate(/** @type {Option['props']} */ nextProps) {
-    return nextProps.value !== this.props.value;
-  }
-
-  render() {
-    return h('option', this.props, this.props.value);
-  }
-}
-
 /**
  * Wrapper around <input /> that doesn't update it while it's in focus to allow editing.
  */