From 940b6df86bb48f467af8aba3bd4e7d8f7dc670ab Mon Sep 17 00:00:00 2001
From: Ginger Wong <omqmail@gmail.com>
Date: Sun, 23 Aug 2020 21:41:02 -0700
Subject: [PATCH] use only unpkg/preact + htm consistently for all components

---
 doc                                            | 1 -
 webroot/index-standalone-chat.html             | 4 +++-
 webroot/index-video-only.html                  | 5 ++++-
 webroot/index.html                             | 4 +++-
 webroot/js/app-standalone-chat.js              | 2 +-
 webroot/js/components/chat/chat.js             | 1 -
 webroot/js/components/chat/content-editable.js | 4 ++--
 webroot/js/components/chat/message.js          | 4 +++-
 webroot/js/components/chat/username.js         | 1 -
 webroot/js/components/social.js                | 4 +++-
 webroot/js/utils/chat.js                       | 4 ----
 11 files changed, 19 insertions(+), 15 deletions(-)
 delete mode 160000 doc

diff --git a/doc b/doc
deleted file mode 160000
index 54a0ee139..000000000
--- a/doc
+++ /dev/null
@@ -1 +0,0 @@
-Subproject commit 54a0ee13964c70585c24a9b5869604373faaa926
diff --git a/webroot/index-standalone-chat.html b/webroot/index-standalone-chat.html
index 6d47137d6..ad2a7e483 100644
--- a/webroot/index-standalone-chat.html
+++ b/webroot/index-standalone-chat.html
@@ -16,7 +16,9 @@
     <div id="messages-only"></div>
 
     <script type="module">
-      import { render, html } from "https://unpkg.com/htm/preact/index.mjs?module";
+      import { render, h } from 'https://unpkg.com/preact?module';
+      import htm from 'https://unpkg.com/htm?module';
+      const html = htm.bind(h);
       import StandaloneChat from './js/app-standalone-chat.js';
 
       (function () {
diff --git a/webroot/index-video-only.html b/webroot/index-video-only.html
index 259677894..cecd5583c 100644
--- a/webroot/index-video-only.html
+++ b/webroot/index-video-only.html
@@ -20,7 +20,10 @@
     <div id="video-only"></div>
 
     <script type="module">
-      import { render, html } from "https://unpkg.com/htm/preact/index.mjs?module";
+      import { h, render } from 'https://unpkg.com/preact?module';
+      import htm from 'https://unpkg.com/htm?module';
+      const html = htm.bind(h);
+
       import VideoOnly from './js/app-video-only.js';
 
       (function () {
diff --git a/webroot/index.html b/webroot/index.html
index 380ef490c..35af8ff07 100644
--- a/webroot/index.html
+++ b/webroot/index.html
@@ -48,7 +48,9 @@
   <div id="app"></div>
 
   <script type="module">
-    import { render, html } from "https://unpkg.com/htm/preact/index.mjs?module";
+    import { render, h } from 'https://unpkg.com/preact?module';
+    import htm from 'https://unpkg.com/htm?module';
+    const html = htm.bind(h);
     import App from './js/app.js';
 
     (function () {
diff --git a/webroot/js/app-standalone-chat.js b/webroot/js/app-standalone-chat.js
index fed24a391..a5c4f1cb0 100644
--- a/webroot/js/app-standalone-chat.js
+++ b/webroot/js/app-standalone-chat.js
@@ -1,4 +1,4 @@
-import { h, Component, Fragment } from 'https://unpkg.com/preact?module';
+import { h, Component } from 'https://unpkg.com/preact?module';
 import htm from 'https://unpkg.com/htm?module';
 const html = htm.bind(h);
 
diff --git a/webroot/js/components/chat/chat.js b/webroot/js/components/chat/chat.js
index 119f3ea26..4eb1ecc29 100644
--- a/webroot/js/components/chat/chat.js
+++ b/webroot/js/components/chat/chat.js
@@ -1,6 +1,5 @@
 import { h, Component } from 'https://unpkg.com/preact?module';
 import htm from 'https://unpkg.com/htm?module';
-// Initialize htm with Preact
 const html = htm.bind(h);
 
 import Message from './message.js';
diff --git a/webroot/js/components/chat/content-editable.js b/webroot/js/components/chat/content-editable.js
index 08c41cf19..c51dfd17d 100644
--- a/webroot/js/components/chat/content-editable.js
+++ b/webroot/js/components/chat/content-editable.js
@@ -6,7 +6,7 @@ and here:
 https://stackoverflow.com/questions/22677931/react-js-onchange-event-for-contenteditable/27255103#27255103
 
 */
-import { Component, createRef, createElement } from 'https://unpkg.com/preact?module';
+import { Component, createRef, h } from 'https://unpkg.com/preact?module';
 
 function replaceCaret(el) {
   // Place the caret at the end of the element
@@ -109,7 +109,7 @@ export default class ContentEditable extends Component {
 
   render(props) {
     const { html, innerRef } = props;
-    return createElement(
+    return h(
       'div',
       {
         ...props,
diff --git a/webroot/js/components/chat/message.js b/webroot/js/components/chat/message.js
index b4e10f53f..ec7cfdff5 100644
--- a/webroot/js/components/chat/message.js
+++ b/webroot/js/components/chat/message.js
@@ -1,4 +1,6 @@
-import { html, Component } from "https://unpkg.com/htm/preact/index.mjs?module";
+import { h, Component } from 'https://unpkg.com/preact?module';
+import htm from 'https://unpkg.com/htm?module';
+const html = htm.bind(h);
 
 import { messageBubbleColorForString } from '../../utils/user-colors.js';
 import { formatMessageText } from '../../utils/chat.js';
diff --git a/webroot/js/components/chat/username.js b/webroot/js/components/chat/username.js
index e5db55285..f18d37c4a 100644
--- a/webroot/js/components/chat/username.js
+++ b/webroot/js/components/chat/username.js
@@ -1,6 +1,5 @@
 import { h, Component, createRef } from 'https://unpkg.com/preact?module';
 import htm from 'https://unpkg.com/htm?module';
-// Initialize htm with Preact
 const html = htm.bind(h);
 
 import { generateAvatar, setLocalStorage } from '../../utils/helpers.js';
diff --git a/webroot/js/components/social.js b/webroot/js/components/social.js
index 0bdf94102..20d69f1f7 100644
--- a/webroot/js/components/social.js
+++ b/webroot/js/components/social.js
@@ -1,4 +1,6 @@
-import { html } from "https://unpkg.com/htm/preact/index.mjs?module";
+import { h } from 'https://unpkg.com/preact?module';
+import htm from 'https://unpkg.com/htm?module';
+const html = htm.bind(h);
 import { SOCIAL_PLATFORMS } from '../utils/social.js';
 import { classNames } from '../utils/helpers.js';
 
diff --git a/webroot/js/utils/chat.js b/webroot/js/utils/chat.js
index b7db2659c..896c2cc92 100644
--- a/webroot/js/utils/chat.js
+++ b/webroot/js/utils/chat.js
@@ -1,9 +1,5 @@
 import { addNewlines } from './helpers.js';
 import {
-  KEY_USERNAME,
-  KEY_AVATAR,
-  KEY_CHAT_DISPLAYED,
-  KEY_CHAT_FIRST_MESSAGE_SENT,
   CHAT_INITIAL_PLACEHOLDER_TEXT,
   CHAT_PLACEHOLDER_TEXT,
   CHAT_PLACEHOLDER_OFFLINE,