refactor: improve readability by formatting long conditional statements in test-webpush.vue and webpush.ts

Author: productdevbook

app/pages/test-webpush.vue

@@ -37,7 +37,8 @@ const hasWebPushConfig = computed(() => {
 
 // Browser support check
 const isSupported = computed(() => {
-  if (typeof window === 'undefined') return false
+  if (typeof window === 'undefined')
+    return false
   return 'serviceWorker' in navigator && 'PushManager' in window && 'Notification' in window
 })
 
@@ -91,7 +92,8 @@ async function fetchApps() {
 }
 
 function initializeClient() {
-  if (!selectedApp.value?.vapidPublicKey) return
+  if (!selectedApp.value?.vapidPublicKey)
+    return
 
   nitroPingClient = new NitroPingClient({
     appId: selectedApp.value.id,
@@ -101,7 +103,8 @@ function initializeClient() {
 }
 
 async function checkSubscription() {
-  if (!isSupported.value || !nitroPingClient) return
+  if (!isSupported.value || !nitroPingClient)
+    return
 
   try {
     const status = await nitroPingClient.getSubscriptionStatus()
@@ -114,7 +117,8 @@ async function checkSubscription() {
 }
 
 async function subscribeToPush() {
-  if (!isSupported.value || !nitroPingClient) return
+  if (!isSupported.value || !nitroPingClient)
+    return
 
   isLoading.value = true
   error.value = ''
@@ -143,7 +147,8 @@ async function subscribeToPush() {
 }
 
 async function unsubscribeFromPush() {
-  if (!nitroPingClient) return
+  if (!nitroPingClient)
+    return
 
   isLoading.value = true
   error.value = ''
@@ -171,7 +176,8 @@ async function unsubscribeFromPush() {
 }
 
 async function sendTestNotification() {
-  if (!isSubscribed.value || !selectedAppId.value) return
+  if (!isSubscribed.value || !selectedAppId.value)
+    return
 
   isLoading.value = true
   error.value = ''

server/providers/webpush.ts

@@ -139,8 +139,32 @@ class WebPushProvider {
     const subscriberPublicKeyRaw = Buffer.from(subscription.keys.p256dh, 'base64url')
     // Reconstruct SPKI format for the subscriber's public key (P-256 SPKI header + raw key)
     const spkiHeader = Buffer.from([
-      0x30, 0x59, 0x30, 0x13, 0x06, 0x07, 0x2A, 0x86, 0x48, 0xCE, 0x3D, 0x02, 0x01,
-      0x06, 0x08, 0x2A, 0x86, 0x48, 0xCE, 0x3D, 0x03, 0x01, 0x07, 0x03, 0x42, 0x00,
+      0x30,
+      0x59,
+      0x30,
+      0x13,
+      0x06,
+      0x07,
+      0x2A,
+      0x86,
+      0x48,
+      0xCE,
+      0x3D,
+      0x02,
+      0x01,
+      0x06,
+      0x08,
+      0x2A,
+      0x86,
+      0x48,
+      0xCE,
+      0x3D,
+      0x03,
+      0x01,
+      0x07,
+      0x03,
+      0x42,
+      0x00,
     ])
     const subscriberSpki = Buffer.concat([spkiHeader, subscriberPublicKeyRaw])
     const subscriberPublicKeyObj = crypto.createPublicKey({ key: subscriberSpki, format: 'der', type: 'spki' })