JavaScriptExample
diff --git a/‎src/@types/global.d.ts‎
Lines changed: 6 additions & 0 deletions b/‎src/@types/global.d.ts‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎src/vector/init.tsx‎
Lines changed: 5 additions & 2 deletions b/‎src/vector/init.tsx‎
Lines changed: 5 additions & 2 deletions
diff --git a/‎src/vector/platform/PWAPlatform.ts‎
Lines changed: 29 additions & 0 deletions b/‎src/vector/platform/PWAPlatform.ts‎
Lines changed: 29 additions & 0 deletions
@@ -31,6 +31,12 @@ declare global {
         // https://developer.mozilla.org/en-US/docs/Web/API/InstallTrigger
         InstallTrigger: any;
     }
+
+    interface Navigator {
+        // PWA badging extensions https://w3c.github.io/badging/
+        setAppBadge?(count: number): Promise<void>;
+        clearAppBadge?(): Promise<void>;
+    }
 }
 
 // add method which is missing from the node typing
 
@@ -26,6 +26,7 @@ import * as React from "react";
 import * as languageHandler from "matrix-react-sdk/src/languageHandler";
 import SettingsStore from "matrix-react-sdk/src/settings/SettingsStore";
 import ElectronPlatform from "./platform/ElectronPlatform";
+import PWAPlatform from "./platform/PWAPlatform";
 import WebPlatform from "./platform/WebPlatform";
 import PlatformPeg from "matrix-react-sdk/src/PlatformPeg";
 import SdkConfig from "matrix-react-sdk/src/SdkConfig";
@@ -39,8 +40,10 @@ export const rageshakePromise = initRageshake();
 export function preparePlatform() {
     if (window.ipcRenderer) {
         console.log("Using Electron platform");
-        const plaf = new ElectronPlatform();
-        PlatformPeg.set(plaf);
+        PlatformPeg.set(new ElectronPlatform());
+    } else if (window.matchMedia('(display-mode: standalone)').matches) {
+        console.log("Using PWA platform");
+        PlatformPeg.set(new PWAPlatform());
     } else {
         console.log("Using Web platform");
         PlatformPeg.set(new WebPlatform());
 
@@ -0,0 +1,29 @@
+/*
+Copyright 2020 New Vector 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.
+*/
+
+import WebPlatform from "./WebPlatform";
+
+export default class PWAPlatform extends WebPlatform {
+    setNotificationCount(count: number) {
+        if (!navigator.setAppBadge) return super.setNotificationCount(count);
+        if (this.notificationCount === count) return;
+        this.notificationCount = count;
+
+        navigator.setAppBadge(count).catch(e => {
+            console.error("Failed to update PWA app badge", e);
+        });
+    }
+}
Original file line number	Diff line number	Diff line change
`@@ -31,6 +31,12 @@ declare global {`
`31`	`31`	`// https://developer.mozilla.org/en-US/docs/Web/API/InstallTrigger`
`32`	`32`	`InstallTrigger: any;`
`33`	`33`	`}`
	`34`	`+`
	`35`	`+ interface Navigator {`
	`36`	`+ // PWA badging extensions https://w3c.github.io/badging/`
	`37`	`+ setAppBadge?(count: number): Promise<void>;`
	`38`	`+ clearAppBadge?(): Promise<void>;`
	`39`	`+ }`
`34`	`40`	`}`
`35`	`41`
`36`	`42`	`// add method which is missing from the node typing`