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