Update matrix-js-sdk and dependent packages

package.json

@@ -9,11 +9,14 @@
     "create-sticker-config": "node ./create_sticker_config.js $1"
   },
   "dependencies": {
-    "@matrix-org/olm": "^3.2.8",
+    "@matrix-org/olm": "^3.2.12",
     "aes-js": "^3.1.2",
     "axios": "^0.21.0",
+    "browserify-fs": "^1.0.0",
+    "buffer": "^6.0.3",
     "clean-insights-sdk": "^2.4",
     "core-js": "^3.6.5",
+    "crypto-browserify": "^3.12.0",
     "data-uri-to-buffer": "^3.0.1",
     "dayjs": "^1.10.3",
     "file-saver": "^2.0.5",
@@ -26,13 +29,15 @@
     "jszip": "^3.9.1",
     "linkifyjs": "3.0.0-beta.3",
     "material-design-icons-iconfont": "^6.1",
-    "matrix-js-sdk": "^17.2.0",
+    "matrix-js-sdk": "^19.7.0",
     "md-gum-polyfill": "^1.0.0",
     "mic-recorder-to-mp3": "^2.2.2",
+    "path-browserify": "^1.0.1",
     "pretty-bytes": "^5.6.0",
     "qrcode": "^1.4.4",
     "raw-loader": "^4.0.2",
     "roboto-fontface": "*",
+    "stream-browserify": "^3.0.0",
     "v-emoji-picker": "^2.3.1",
     "vue": "^2.6.11",
     "vue-clipboard2": "^0.3.1",
@@ -46,11 +51,11 @@
     "vuex-persist": "^3.1.3"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "~4.5.0",
-    "@vue/cli-plugin-eslint": "~4.5.0",
-    "@vue/cli-service": "~4.5.0",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
     "babel-eslint": "^10.1.0",
-    "copy-webpack-plugin": "^5.1.2",
+    "copy-webpack-plugin": "^11.0.0",
     "eslint": "^7.0",
     "eslint-plugin-vue": "^7.0",
     "sass": "^1.19.0",

src/components/rememberMeMixin.js

@@ -1,7 +1,7 @@
 export default {
   data() {
     return {
-      rememberMe: false
+      rememberMe: this.$store.state.useLocalStorage
     }
   },
   methods: {

src/services/matrix.service.js

@@ -1,6 +1,6 @@
 import olm from "@matrix-org/olm/olm";
 global.Olm = olm;
-import sdk from "matrix-js-sdk";
+import * as sdk from "matrix-js-sdk";
 import { TimelineWindow, EventTimeline } from "matrix-js-sdk";
 import util from "../plugins/utils";
 import User from "../models/user";
@@ -230,15 +230,11 @@ export default {
           }
 
           const matrixStore = new sdk.MemoryStore(this.$store.getters.storage);
-          const webStorageSessionStore = new sdk.WebStorageSessionStore(
-            this.$store.getters.storage
-          );
 
           var opts = {
             baseUrl: user.home_server,
             userId: user.user_id,
             store: matrixStore,
-            sessionStore: webStorageSessionStore,
             deviceId: user.device_id,
             accessToken: user.access_token,
             timelineSupport: true,

vue.config.js

@@ -1,4 +1,5 @@
 const CopyWebpackPlugin = require("copy-webpack-plugin");
+const webpack = require("webpack");
 
 module.exports = {
   transpileDependencies: ["vuetify"],
@@ -15,8 +16,23 @@ module.exports = {
 
   configureWebpack: {
     devtool: "source-map",
+    resolve: {
+      fallback: {
+        "path": require.resolve("path-browserify"),
+        "crypto": false, //require.resolve("crypto-browserify"),
+        "stream": require.resolve("stream-browserify"),
+        "fs": require.resolve("browserify-fs"),
+        "buffer": require.resolve("buffer")
+      }
+    },
     plugins: [
-      new CopyWebpackPlugin([
+      new webpack.ProvidePlugin({
+        Buffer: ['buffer', 'Buffer'],
+      }),
+      new webpack.ProvidePlugin({
+        process: 'process/browser',
+    }),
+      new CopyWebpackPlugin({patterns: [
         {
           from: "./src/assets/config.json",
           to: "./",
@@ -25,7 +41,7 @@ module.exports = {
           from: "./node_modules/@matrix-org/olm/olm.wasm",
           to: "./js/olm.wasm",
         },
-      ]),
+      ]}),
     ],
   },