wip: increase powersync connection speed

betagouv · Jan 29, 2025 · b4626d8 · b4626d8
1 parent ef2a6c0
commit b4626d8
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 7 deletions.
diff --git a/packages/frontend/src/db/Connector.ts b/packages/frontend/src/db/Connector.ts
@@ -12,8 +12,6 @@ export class Connector implements PowerSyncBackendConnector {
     console.log("fetching credentials");
     const token = await getTokenOrRefresh();
 
-    console.log("aaaa");
-
     return {
       endpoint: ENV.VITE_POWERSYNC_URL,
       token,

diff --git a/packages/frontend/src/db/db.ts b/packages/frontend/src/db/db.ts
@@ -11,7 +11,7 @@ const isFirefox = browser.getBrowser().name === "Firefox";
 export const powerSyncDb = new PowerSyncDatabase({
   schema: AppSchema,
   flags: {
-    useWebWorker: !isFirefox,
+    useWebWorker: false && !isFirefox,
   },
   database: {
     dbFilename: "crvif-sync.db",
@@ -22,7 +22,6 @@ export const db = wrapPowerSyncWithKysely<Database>(powerSyncDb);
 export const useDbQuery = useQuery;
 
 export const setupPowersync = async () => {
-  console.log("setup");
   const connector = new Connector();
   await powerSyncDb.init();
   await powerSyncDb.connect(connector, {

diff --git a/packages/frontend/src/main.tsx b/packages/frontend/src/main.tsx
@@ -1,5 +1,5 @@
 import { startReactDsfr } from "@codegouvfr/react-dsfr/spa";
-import React, { PropsWithChildren, useEffect, useMemo } from "react";
+import React, { PropsWithChildren, useEffect, useMemo, useRef } from "react";
 import ReactDOM from "react-dom/client";
 import { App } from "./App";
 import { AuthProvider, useAuthContext } from "./contexts/AuthContext";
@@ -33,9 +33,14 @@ const queryClient = new QueryClient({
   },
 });
 
-setupPowersync();
-
 const WithPowersync = ({ children }: PropsWithChildren) => {
+  const initRef = useRef(false);
+  useEffect(() => {
+    if (initRef.current) return;
+    setupPowersync();
+    initRef.current = true;
+  }, []);
+
   return <PowerSyncContext.Provider value={powerSyncDb}>{children}</PowerSyncContext.Provider>;
 };
 

diff --git a/packages/frontend/vite.config.ts b/packages/frontend/vite.config.ts
@@ -40,6 +40,7 @@ export default defineConfig({
       manifestFilename: "manifest.webmanifest",
       injectManifest: {
         maximumFileSizeToCacheInBytes: 2097152 * 3,
+        // globPatterns: ["**/*.{svg,woff2,js,wasm,css,html,png}"],
         globPatterns: ["**/*.{svg,woff2,js,wasm,css,html,png}"],
         rollupFormat: "es",
       },