From f187a359e6e7349bc627a12f11fd0238a3e4d1b5 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Thu, 6 Apr 2017 11:15:14 +0100
Subject: [PATCH 1/4] Add support for indexeddb sync in webworker

---
 src/vector/index.html          | 15 +++++++++++++--
 src/vector/index.js            |  4 ++++
 src/vector/indexedbd-worker.js | 26 ++++++++++++++++++++++++++
 webpack.config.js              |  1 +
 4 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 src/vector/indexedbd-worker.js
diff --git a/src/vector/index.html b/src/vector/index.html
index e86f2996..fa6c6e19 100644
--- a/src/vector/index.html
+++ b/src/vector/index.html
@@ -37,8 +37,19 @@
   <body style="height: 100%;">
     <section id="matrixchat" style="height: 100%;"></section>
     <noscript>Sorry, Riot requires JavaScript to be enabled.</noscript>
-    <% for (var i=0; i < htmlWebpackPlugin.files.js.length; i++) {%>
-       <script src="<%= htmlWebpackPlugin.files.js[i] %>"></script>
+    <% for (var i=0; i < htmlWebpackPlugin.files.js.length; i++) {
+        // Not a particularly graceful way of not putting the indexeddb worker script
+        // into the main page
+        if (htmlWebpackPlugin.files.js[i].endsWith('indexeddb-worker.js')) {
+            %>
+            <script>
+                window.vector_indexeddb_worker_script = '<%= htmlWebpackPlugin.files.js[i] %>';
+            </script>
+            <%
+            continue;
+        }
+        %>
+        <script src="<%= htmlWebpackPlugin.files.js[i] %>"></script>
     <% } %>
     <img src="img/warning.svg" width="24" height="23" style="visibility: hidden; position: absolute; top: 0px; left: 0px;"/>
     <audio id="messageAudio">
diff --git a/src/vector/index.js b/src/vector/index.js
index 73c004d3..e08b7174 100644
--- a/src/vector/index.js
+++ b/src/vector/index.js
@@ -68,11 +68,15 @@ import url from 'url';
 import {parseQs, parseQsFromFragment} from './url_utils';
 import Platform from './platform';
 
+import MatrixClientPeg from 'matrix-react-sdk/lib/MatrixClientPeg';
+
 var lastLocationHashSet = null;
 
 var CallHandler = require("matrix-react-sdk/lib/CallHandler");
 CallHandler.setConferenceHandler(VectorConferenceHandler);
 
+MatrixClientPeg.setIndexedDbWorkerScript(window.vector_indexeddb_worker_script);
+
 function checkBrowserFeatures(featureList) {
     if (!window.Modernizr) {
         console.error("Cannot check features - Modernizr global is missing.");
diff --git a/src/vector/indexedbd-worker.js b/src/vector/indexedbd-worker.js
new file mode 100644
index 00000000..6b6e7068
--- /dev/null
+++ b/src/vector/indexedbd-worker.js
@@ -0,0 +1,26 @@
+/*
+Copyright 2017 Vector Creations Ltd
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+// The prescribed way of doing this import would be:
+//import {IndexedDbStoreWorker} from 'matrix-js-sdk';
+// However, this still pulls in all of the js-sdk and we only use a tiny fraction
+// of it. It also causes an Olm error to appear because we don't have an Olm in scope.
+// Instead, we do this:
+import IndexedDbStoreWorker from 'matrix-js-sdk/lib/store/indexeddb-remote-worker';
+
+const remoteWorker = new IndexedDbStoreWorker(postMessage);
+
+onmessage = remoteWorker.onMessage;
diff --git a/webpack.config.js b/webpack.config.js
index f3cffa0e..e32f7177 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -6,6 +6,7 @@ var HtmlWebpackPlugin = require('html-webpack-plugin');
 module.exports = {
     entry: {
         "bundle": "./src/vector/index.js",
+        "indexeddb-worker": "./src/vector/indexedbd-worker.js",
 
         // We ship olm.js as a separate lump of javascript. This makes it get
         // loaded via a separate <script/> tag in index.html (which loads it

From 515b57ba12c347d5f651a9194bafc84b8595d9cf Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 7 Apr 2017 11:23:14 +0100
Subject: [PATCH 2/4] Update for rename of worker

---
 src/vector/indexedbd-worker.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/vector/indexedbd-worker.js b/src/vector/indexedbd-worker.js
index 6b6e7068..1e5c3206 100644
--- a/src/vector/indexedbd-worker.js
+++ b/src/vector/indexedbd-worker.js
@@ -19,8 +19,8 @@ limitations under the License.
 // However, this still pulls in all of the js-sdk and we only use a tiny fraction
 // of it. It also causes an Olm error to appear because we don't have an Olm in scope.
 // Instead, we do this:
-import IndexedDbStoreWorker from 'matrix-js-sdk/lib/store/indexeddb-remote-worker';
+import IndexedDBStoreWorker from 'matrix-js-sdk/lib/store/indexeddb-store-worker';
 
-const remoteWorker = new IndexedDbStoreWorker(postMessage);
+const remoteWorker = new IndexedDBStoreWorker(postMessage);
 
 onmessage = remoteWorker.onMessage;

From b65466bc4f28e369d94c34d0e2e029bf9784e3aa Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 7 Apr 2017 14:41:41 +0100
Subject: [PATCH 3/4] Use dedicated indexeddb worker import

---
 src/vector/indexedbd-worker.js | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/vector/indexedbd-worker.js b/src/vector/indexedbd-worker.js
index 1e5c3206..2e94509a 100644
--- a/src/vector/indexedbd-worker.js
+++ b/src/vector/indexedbd-worker.js
@@ -14,12 +14,7 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-// The prescribed way of doing this import would be:
-//import {IndexedDbStoreWorker} from 'matrix-js-sdk';
-// However, this still pulls in all of the js-sdk and we only use a tiny fraction
-// of it. It also causes an Olm error to appear because we don't have an Olm in scope.
-// Instead, we do this:
-import IndexedDBStoreWorker from 'matrix-js-sdk/lib/store/indexeddb-store-worker';
+import {IndexedDBStoreWorker} from 'matrix-js-sdk/lib/indexeddb-worker.js';
 
 const remoteWorker = new IndexedDBStoreWorker(postMessage);
 

From ec870039bfdf0ea2424417671957ec09e27c8e85 Mon Sep 17 00:00:00 2001
From: David Baker <dave@matrix.org>
Date: Fri, 7 Apr 2017 14:57:02 +0100
Subject: [PATCH 4/4] Don't use endsWith as it'll break on old node

It's a lodash template though, so use lodash
---
 src/vector/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/vector/index.html b/src/vector/index.html
index fa6c6e19..331bf684 100644
--- a/src/vector/index.html
+++ b/src/vector/index.html
@@ -40,7 +40,7 @@
     <% for (var i=0; i < htmlWebpackPlugin.files.js.length; i++) {
         // Not a particularly graceful way of not putting the indexeddb worker script
         // into the main page
-        if (htmlWebpackPlugin.files.js[i].endsWith('indexeddb-worker.js')) {
+        if (_.endsWith(htmlWebpackPlugin.files.js[i], 'indexeddb-worker.js')) {
             %>
             <script>
                 window.vector_indexeddb_worker_script = '<%= htmlWebpackPlugin.files.js[i] %>';
