Update sendMessage in ServiceWorker

aaronamm · aaronamm · commit b2854d4d64ce · 2025-07-25T01:31:59.000+07:00
diff --git a/PushMessageFromServer.js b/PushMessageFromServer.js
@@ -19,12 +19,13 @@ webPush.setVapidDetails(
 
 // This is an sample subscription object that we get after subscript on browser
 const pushSubscription =
+
 {
-  "endpoint": "https://fcm.googleapis.com/fcm/send/eh4su7PQuF4:APA91bGJ2lTdArT_n0zLEkth_p7NTqyQ41KtXO5p0SsbcQ2iGgLHz1Y8FyDFS-MnWZjD5e6fair2TozX1bvccy_pHo4k-B3Ov_SLI-7lRvTE1_dppXQvP6IawxnSTBQk6AK5o4ks_mHv",
+  "endpoint": "https://fcm.googleapis.com/fcm/send/fRXzVzVNHiY:APA91bH54ZXsVo1qq0FVb_OoPZ_CPRB2U-CGX6x8seB90AjpZQyu_AIS7BZXQ6XgV9BNBYBCC8_fL3dXxEaAgzNngOcU1ebuHlzfeXb_mAx5KpXlE1on_HEwZi8WPjdyNS9dONGmDaBT",
   "expirationTime": null,
   "keys": {
-    "p256dh": "BEIlI4DO6N7gKHmT_FMHVHt8D2X4FWJp3vx9L8MOONfOsYNuYuxWAUWsscEWH4q5c-t6l5s769gGJr74n40H74w",
-    "auth": "HSyGvAqddC7T0crQ3B6bHw"
+    "p256dh": "BPR7g7k8pWxYFGoF6JRFcXKj6iKjg1bYZQQqB0Ele-LAeY7IhrapymrWMikxnRw82_euZLAFfnD8FT-TZfSsfJA",
+    "auth": "P7ldHqkHFLl93VEkYFi20w"
   }
 }
 
diff --git a/public/index.html b/public/index.html
@@ -10,6 +10,7 @@
   <!-- For iOS web push -->
   <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
   <meta name="apple-mobile-web-app-capable" content="yes">
+
 </head>
 
 <body>
@@ -29,9 +30,9 @@
     async function copyContent(message) {
       try {
         await navigator.clipboard.writeText(message);
-        alert("copy");
+        alert("Copied");
         /* Resolved - text copied to clipboard successfully */
-        window.close();
+        //window.close();
       } catch (err) {
         console.error('Failed to copy: ', err);
         /* Rejected - text failed to copy to the clipboard */
diff --git a/public/service-worker.js b/public/service-worker.js
@@ -84,34 +84,36 @@ async function sendMessage(event, content) {
     type: 'window',
   });
 
-  let chatClient;
+  let homeWindow;
 
-  // Let's see if we already have a chat window open:
+  // Let's see if we already on root URL:
   for (const client of allClients) {
     const url = new URL(client.url);
 
     // https://web-push-book.gauntface.com/common-notification-patterns/
     if (url.pathname === '/') {
-      // Excellent, let's use it!
+
+      console.log('found homeUrlClient');
       await client.focus();
-      chatClient = client;
+      homeWindow = client;
       break;
     }
   }
 
-  // If we didn't find an existing chat window,
+  // If we didn't find an existing window,
   // open a new one:
-  if (!chatClient) {
-    chatClient = await clients.openWindow('/');
-    //await chatClient.focus();
+  if (!homeWindow) {
+    homeWindow = await clients.openWindow('/');
+    // We can't access UI API from service worker, therefore we cannot focus a new created window.
+    // await homeWindow.focus();
+    console.log('new window opened');
   }
 
   // Send a message to the client.
-  chatClient.postMessage({
+  homeWindow.postMessage({
     type: 'clipboard',
     content: content,
   });
-
 }
 
 async function openLink(data) {
@@ -124,4 +126,3 @@ async function openLink(data) {
 async function showNotificationAsync(payload, options) {
   await self.registration.showNotification(payload.title, options);
 }
-

Original file line number	Diff line number	Diff line change
`@@ -19,12 +19,13 @@ webPush.setVapidDetails(`
`19`	`19`
`20`	`20`	`// This is an sample subscription object that we get after subscript on browser`
`21`	`21`	`const pushSubscription =`
	`22`	`+`
`22`	`23`	`{`
`23`		`- "endpoint": "https://fcm.googleapis.com/fcm/send/eh4su7PQuF4:APA91bGJ2lTdArT_n0zLEkth_p7NTqyQ41KtXO5p0SsbcQ2iGgLHz1Y8FyDFS-MnWZjD5e6fair2TozX1bvccy_pHo4k-B3Ov_SLI-7lRvTE1_dppXQvP6IawxnSTBQk6AK5o4ks_mHv",`
	`24`	`+ "endpoint": "https://fcm.googleapis.com/fcm/send/fRXzVzVNHiY:APA91bH54ZXsVo1qq0FVb_OoPZ_CPRB2U-CGX6x8seB90AjpZQyu_AIS7BZXQ6XgV9BNBYBCC8_fL3dXxEaAgzNngOcU1ebuHlzfeXb_mAx5KpXlE1on_HEwZi8WPjdyNS9dONGmDaBT",`
`24`	`25`	`"expirationTime": null,`
`25`	`26`	`"keys": {`
`26`		`- "p256dh": "BEIlI4DO6N7gKHmT_FMHVHt8D2X4FWJp3vx9L8MOONfOsYNuYuxWAUWsscEWH4q5c-t6l5s769gGJr74n40H74w",`
`27`		`- "auth": "HSyGvAqddC7T0crQ3B6bHw"`
	`27`	`+ "p256dh": "BPR7g7k8pWxYFGoF6JRFcXKj6iKjg1bYZQQqB0Ele-LAeY7IhrapymrWMikxnRw82_euZLAFfnD8FT-TZfSsfJA",`
	`28`	`+ "auth": "P7ldHqkHFLl93VEkYFi20w"`
`28`	`29`	`}`
`29`	`30`	`}`
`30`	`31`