fix(examples): init network each time because it network data can be cleaned up on logout

Author: andinux

examples/sport-tracker-app/src/SQLiteSync.ts

@@ -22,6 +22,13 @@ export class SQLiteSync {
     this.db = db;
   }
 
+  /**
+   * 
+   */
+  async initSQLiteSyncNetwork(): Promise<void> {
+    console.log("SQLite Sync - init network...", import.meta.env.VITE_SQLITECLOUD_CONNECTION_STRING);
+    await this.db.sqliteSyncInitNetwork(import.meta.env.VITE_SQLITECLOUD_CONNECTION_STRING);
+  }
 
   /**
    * Sets up SQLite Sync using Access Tokens authentication for a specific user.

examples/sport-tracker-app/src/components/UserLogin.tsx

@@ -104,6 +104,8 @@ const UserLogin: React.FC<UserLoginProps> = ({
       // If SQLite Sync is enabled, sync with cloud before refreshing
       if (sqliteSyncEnabled && sqliteSync && currentSession) {
         try {
+          console.log("SQLite Sync - Starting init network...");
+          await sqliteSync.initSQLiteSyncNetwork();
           await sqliteSync.setupWithToken(currentSession);
 
           console.log("SQLite Sync - Starting sync...");

examples/sport-tracker-app/src/db/database.ts

@@ -93,6 +93,10 @@ export class Database {
     return this.sendMessage("sqliteVersion");
   }
 
+  async sqliteSyncInitNetwork(connectionString: string): Promise<void> {
+    return this.sendMessage("sqliteSyncInitNetwork", connectionString);
+  }
+
   async sqliteSyncSetToken(token: string): Promise<void> {
     return this.sendMessage("sqliteSyncSetToken", token);
   }

examples/sport-tracker-app/src/db/sqliteSyncOperations.ts

@@ -14,6 +14,16 @@ export const getSqliteSyncOperations = (db: any) => ({
     return version;
   },
 
+  sqliteSyncInitNetwork(connectionString: string) {
+    // Initialize SQLite Sync with the SQLite Cloud Connection String.
+    // On the SQLite Cloud Dashboard, enable OffSync (SQLite Sync) 
+    // on the remote database and copy the Connection String.
+    db.exec(
+      `SELECT cloudsync_network_init('${connectionString}')`
+    );
+    console.log("SQLite Sync - init network done", connectionString);
+  },
+
   /** Authorize SQLite Sync with the user's Access Token. */
   sqliteSyncSetToken(token: string) {
     db.exec(`SELECT cloudsync_network_set_token('${token}')`);
@@ -29,6 +39,12 @@ export const getSqliteSyncOperations = (db: any) => ({
   */
   sqliteSyncNetworkSync() {
     console.log("SQLite Sync - Starting sync...");
+    db.exec({
+      sql: "SELECT hex(cloudsync_siteid())",
+    callback: (row: any) => {
+        console.log("SQLite Sync - Device site_id: ", row[0]);
+      },
+    });
     db.exec("SELECT cloudsync_network_sync(1000, 2);");
     console.log("SQLite Sync - Sync completed");
   },
@@ -89,13 +105,4 @@ export const initSQLiteSync = (db: any) => {
   db.exec(`SELECT cloudsync_init('workouts');`);
   // ...or initialize all tables at once 
   //  db.exec('SELECT cloudsync_init("*");');
-
-  // Initialize SQLite Sync with the SQLite Cloud Connection String.
-  // On the SQLite Cloud Dashboard, enable OffSync (SQLite Sync) 
-  // on the remote database and copy the Connection String.
-  db.exec(
-    `SELECT cloudsync_network_init('${
-      import.meta.env.VITE_SQLITECLOUD_CONNECTION_STRING
-    }')`
-  );
 };