Test

Author: JayJay1024

apps/web/src/components/pwa-badge.tsx

@@ -2,7 +2,7 @@ import { useRegisterSW } from "virtual:pwa-register/react";
 import Button from "../ui/button";
 
 const isPWA = window.matchMedia("(display-mode: standalone)").matches;
-const enableReload = false;
+const enableReload = true;
 
 export default function PWABadge() {
   // Periodic sync is disabled, change the value to enable it, the period is in milliseconds

apps/web/src/main.tsx

@@ -3,7 +3,7 @@ import ReactDOM from "react-dom/client";
 import "./index.css";
 import { RouterProvider } from "react-router-dom";
 import { router } from "./router.tsx";
-// import PWABadge from "./components/pwa-badge.tsx";
+import PWABadge from "./components/pwa-badge.tsx";
 
 import * as Sentry from "@sentry/react";
 
@@ -18,11 +18,10 @@ Sentry.init({
   replaysSessionSampleRate: 0.1, // This sets the sample rate at 10%. You may want to change it to 100% while in development and then sample at a lower rate in production.
   replaysOnErrorSampleRate: 1.0, // If you're not already sampling the entire session, change the sample rate to 100% when sampling sessions where errors occur.
 });
-console.log("Hello World");
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>
     <RouterProvider router={router} />
-    {/* <PWABadge /> */}
+    <PWABadge />
   </React.StrictMode>,
 );

apps/web/vite.config.ts

@@ -3,41 +3,41 @@ import { sentryVitePlugin } from "@sentry/vite-plugin";
 
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react-swc";
-// import { VitePWA } from "vite-plugin-pwa";
+import { VitePWA } from "vite-plugin-pwa";
 
 // https://vitejs.dev/config/
 export default defineConfig({
   base: "",
 
   plugins: [
     react(),
-    // VitePWA({
-    //   registerType: "prompt",
-    //   injectRegister: false,
-    //   manifestFilename: "manifest.json",
-    //   pwaAssets: {
-    //     disabled: false,
-    //     config: true,
-    //   },
-    //   manifest: {
-    //     name: "Helix Bridge",
-    //     short_name: "HelixBridge",
-    //     description: "Secure, fast, and low-cost cross-chain crypto transfers",
-    //     theme_color: "#00141D",
-    //     background_color: "#00141D",
-    //   },
-    //   workbox: {
-    //     globPatterns: ["**/*.{js,css,html,svg,png,ico}"],
-    //     cleanupOutdatedCaches: true,
-    //     clientsClaim: true,
-    //   },
-    //   devOptions: {
-    //     enabled: false,
-    //     navigateFallback: "index.html",
-    //     suppressWarnings: true,
-    //     type: "module",
-    //   },
-    // }),
+    VitePWA({
+      registerType: "prompt",
+      injectRegister: false,
+      manifestFilename: "manifest.json",
+      pwaAssets: {
+        disabled: false,
+        config: true,
+      },
+      manifest: {
+        name: "Helix Bridge",
+        short_name: "HelixBridge",
+        description: "Secure, fast, and low-cost cross-chain crypto transfers",
+        theme_color: "#00141D",
+        background_color: "#00141D",
+      },
+      workbox: {
+        globPatterns: ["**/*.{js,css,html,svg,png,ico}"],
+        cleanupOutdatedCaches: true,
+        clientsClaim: true,
+      },
+      devOptions: {
+        enabled: false,
+        navigateFallback: "index.html",
+        suppressWarnings: true,
+        type: "module",
+      },
+    }),
     sentryVitePlugin({
       org: "helix-ck",
       project: "javascript-react",