From 3c6fe0b63a6d311610bcf53cb84b552ef382f17e Mon Sep 17 00:00:00 2001
From: JC Brand <jc@opkode.com>
Date: Wed, 25 Apr 2018 16:15:00 +0200
Subject: [PATCH] Fixes #2 Update to newer webcomponents polyfill

---
 chat-window-component.html |  8 ++++----
 index.html                 |  2 +-
 package-lock.json          | 12 ++++++------
 package.json               |  2 +-
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/chat-window-component.html b/chat-window-component.html
index 4793640..5b724c7 100644
--- a/chat-window-component.html
+++ b/chat-window-component.html
@@ -33,10 +33,8 @@
 
     initConverse(shadowRoot) {
 
-      const component = document.querySelector('hd-chat-window');
-
       window.addEventListener("converse-loaded", function(event) {
-
+        const component = document.querySelector('hd-chat-window');
         converse.initialize({
             'debug': (component.dataset.debug === "true"),
             'root': shadowRoot,
@@ -51,5 +49,7 @@
       });
     }
   }
-  window.customElements.define("hd-chat-window", ChatWindow);
+  window.addEventListener('WebComponentsReady', function () {
+    window.customElements.define("hd-chat-window", ChatWindow);
+  });
 </script>
diff --git a/index.html b/index.html
index 880393e..cd663b1 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
 <html>
   <head>
     <meta charset="UTF-8">
-    <script src="node_modules/webcomponentsjs/full.js"></script>
+    <script src="node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
     <link rel="import" href="chat-window-component.html">
     <title>XMPP chat</title>
     <style>
diff --git a/package-lock.json b/package-lock.json
index 79e2a22..9b7d094 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4,6 +4,11 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@webcomponents/webcomponentsjs": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@webcomponents/webcomponentsjs/-/webcomponentsjs-1.2.0.tgz",
+      "integrity": "sha512-P9JWydfpBR+CK12UwtBaoD/lYF3PR9XBArAWk5J9nfPaJwA3OUox4StZmyFSVDLsvpFq5HsEtxU/OdHAlAWPnw=="
+    },
     "async": {
       "version": "1.5.2",
       "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
@@ -17,7 +22,7 @@
       "dev": true
     },
     "converse.js": {
-      "version": "github:conversejs/converse.js#59a72efe1b3545866f82dd80b825e3a92a85e48c",
+      "version": "github:conversejs/converse.js#e487fe4e54f91fd4f8c6999cd03bd399995be5ba",
       "dev": true,
       "requires": {
         "npm": "5.8.0"
@@ -4563,11 +4568,6 @@
       "integrity": "sha1-WvIvGMBSoACkjXuCxenC4v7tpyg=",
       "dev": true
     },
-    "webcomponentsjs": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/webcomponentsjs/-/webcomponentsjs-1.0.2.tgz",
-      "integrity": "sha1-sCiRTFeaYdgUSRPHyUws9zuV/Gk="
-    },
     "wordwrap": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-0.0.3.tgz",
diff --git a/package.json b/package.json
index 978a0a2..45c85b3 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
   "description": "XMPP Chat Web Component",
   "main": "index.html",
   "dependencies": {
-    "webcomponentsjs": "^1.0.2"
+    "@webcomponents/webcomponentsjs": "^1.2.0"
   },
   "devDependencies": {
     "converse.js": "conversejs/converse.js",
-- 
GitLab