Release v4.2.1 (#1953)

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "cinny",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "cinny",
-      "version": "4.1.0",
+      "version": "4.2.1",
       "license": "AGPL-3.0-only",
       "dependencies": {
         "@atlaskit/pragmatic-drag-and-drop": "1.1.6",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cinny",
-  "version": "4.1.0",
+  "version": "4.2.1",
   "description": "Yet another matrix client",
   "main": "index.js",
   "type": "module",

src/app/hooks/useMediaAuthentication.ts

@@ -1,10 +1,11 @@
 import { useSpecVersions } from './useSpecVersions';
 
 export const useMediaAuthentication = (): boolean => {
-  const { versions } = useSpecVersions();
+  const { versions, unstable_features: unstableFeatures } = useSpecVersions();
 
   // Media authentication is introduced in spec version 1.11
-  const authenticatedMedia = versions.includes('v1.11');
+  const authenticatedMedia =
+    unstableFeatures?.['org.matrix.msc3916.stable'] || versions.includes('v1.11');
 
   return authenticatedMedia;
 };

src/app/pages/auth/AuthFooter.tsx

@@ -15,7 +15,7 @@ export function AuthFooter() {
         target="_blank"
         rel="noreferrer"
       >
-        v4.1.0
+        v4.2.1
       </Text>
       <Text as="a" size="T300" href="https://twitter.com/cinnyapp" target="_blank" rel="noreferrer">
         Twitter

src/app/pages/client/WelcomePage.tsx

@@ -24,7 +24,7 @@ export function WelcomePage() {
                   target="_blank"
                   rel="noreferrer noopener"
                 >
-                  v4.1.0
+                  v4.2.1
                 </a>
               </span>
             }

src/client/state/cons.js

@@ -1,5 +1,5 @@
 const cons = {
-  version: '4.1.0',
+  version: '4.2.1',
   secretKey: {
     ACCESS_TOKEN: 'cinny_access_token',
     DEVICE_ID: 'cinny_device_id',

src/index.tsx

@@ -21,30 +21,25 @@ import './app/i18n';
 document.body.classList.add(configClass, varsClass);
 settings.applyTheme();
 
-const registerServiceWorker = async () => {
+// Register Service Worker
 if ('serviceWorker' in navigator) {
   const swUrl =
     import.meta.env.MODE === 'production'
       ? `${trimTrailingSlash(import.meta.env.BASE_URL)}/sw.js`
       : `/dev-sw.js?dev-sw`;
 
-    await navigator.serviceWorker.register(swUrl);
+  navigator.serviceWorker.register(swUrl);
-
-    navigator.serviceWorker.ready.then((registration) => {
   navigator.serviceWorker.addEventListener('message', (event) => {
-        if (event.data?.type === 'token' && event.data?.messageId) {
+    if (event.data?.type === 'token' && event.data?.responseKey) {
+      // Get the token for SW.
       const token = localStorage.getItem('cinny_access_token') ?? undefined;
-          registration.active?.postMessage({
+      event.source!.postMessage({
-            messageId: event.data.messageId,
+        responseKey: event.data.responseKey,
         token,
       });
     }
   });
-    });
 }
-};
-
-window.addEventListener('load', registerServiceWorker);
 
 const mountApp = () => {
   const rootContainer = document.getElementById('root');

src/sw.ts

@@ -3,26 +3,16 @@
 export type {};
 declare const self: ServiceWorkerGlobalScope;
 
-type Message = { messageId: string };
-type MessageListener = (message: Message) => void;
-const messageListeners = new Map<string, MessageListener>();
-
-self.addEventListener('message', (event) => {
-  const { messageId } = event.data;
-  if (typeof messageId === 'string') {
-    messageListeners.get(messageId)?.(event.data);
-    messageListeners.delete(messageId);
-  }
-});
-
-type TokenMessage = Message & {
-  token?: string;
-};
 async function askForAccessToken(client: Client): Promise<string | undefined> {
   return new Promise((resolve) => {
-    const messageId = Math.random().toString(36);
+    const responseKey = Math.random().toString(36);
-    messageListeners.set(messageId, (message: TokenMessage) => resolve(message.token));
+    const listener = (event: ExtendableMessageEvent) => {
-    client.postMessage({ messageId, type: 'token' });
+      if (event.data.responseKey !== responseKey) return;
+      resolve(event.data.token);
+      self.removeEventListener('message', listener);
+    };
+    self.addEventListener('message', listener);
+    client.postMessage({ responseKey, type: 'token' });
   });
 }