chore(sqlitesync): readability

Author: Daniele Briggi

examples/sport-tracker-app/.env.example

@@ -1,12 +1,15 @@
 # Copy from from the SQLite Cloud Dashboard
 # eg: sqlitecloud://myhost.cloud:8860/my-remote-database.sqlite
 VITE_SQLITECLOUD_CONNECTION_STRING=
+
 # The database name
 # eg: my-remote-database.sqlite
 VITE_SQLITECLOUD_DATABASE=
+
 # Your SQLite Cloud API key
 # Copy it from the SQLite Cloud Dashboard -> Settings -> API Keys
 VITE_SQLITECLOUD_API_KEY=
+
 # Your SQLite Cloud url for APIs
 # Get it from the SQLite Cloud Dashboard in the Weblite section
 # eg: https://myhost.cloud

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

@@ -23,11 +23,18 @@ export class SQLiteSync {
   }
 
   /**
-   * 
+   * Prepare the SQLite Sync network with the information 
+   * about the remote database using the SQLite Cloud Connection String.
    */
-  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);
+  async initializeNetwork(): Promise<void> {
+    console.log(
+      "SQLite Sync - Initialize network with connection string:",
+      import.meta.env.VITE_SQLITECLOUD_CONNECTION_STRING
+    );
+    await this.db.sqliteSyncInitNetwork(
+      import.meta.env.VITE_SQLITECLOUD_CONNECTION_STRING
+    );
+    console.log("SQLite Sync - Network initialized successfully");
   }
 
   /**
@@ -44,7 +51,8 @@ export class SQLiteSync {
       // Get valid token (from session or fetch new one)
       const token = await this.getValidToken(userId, name);
 
-      // Authenticate SQLite Sync with the token
+      // Authenticate SQLite Sync with the token.
+      // Set the token everytime it changes because missing or expired.
       await this.db.sqliteSyncSetToken(token);
       console.log("SQLite Sync setup completed with token for user:", name);
     } catch (error) {
@@ -118,7 +126,9 @@ export class SQLiteSync {
 
     const now = new Date();
     if (!token) {
-      console.log("SQLite Sync: No token available, requesting new one from API");
+      console.log(
+        "SQLite Sync: No token available, requesting new one from API"
+      );
       const tokenData = await this.fetchNewToken(userId, name);
       localStorage.setItem(
         SQLiteSync.TOKEN_KEY_PREFIX,

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

@@ -25,7 +25,7 @@ const UserLogin: React.FC<UserLoginProps> = ({
   onLogout,
   onUsersLoad,
   onRefresh,
-  onError
+  onError,
 }) => {
   const { db } = useDatabase();
   const [selectedUserId, setSelectedUserId] = useState<string>("");
@@ -75,12 +75,13 @@ const UserLogin: React.FC<UserLoginProps> = ({
 
     if (checked) {
       console.log("SQLite Sync enabled for user:", currentSession?.name);
+      await sqliteSync?.initializeNetwork();
     } else {
       console.log("SQLite Sync disabled");
     }
   };
 
-  const handleLogin = () => {
+  const handleLogin = async () => {
     const selectedUser = users.find((user) => user.id === selectedUserId);
     if (selectedUser) {
       const session: UserSession = {
@@ -104,8 +105,6 @@ 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...");
@@ -117,7 +116,8 @@ const UserLogin: React.FC<UserLoginProps> = ({
             error
           );
           console.warn("SQLite Sync: Falling back to local refresh only");
-          if(onError) onError("SQLite Sync - Failed to sync with SQLite Cloud: " + error);
+          if (onError)
+            onError("SQLite Sync - Failed to sync with SQLite Cloud: " + error);
         }
       } else {
         console.log(

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

@@ -14,14 +14,14 @@ export const getSqliteSyncOperations = (db: any) => ({
     return version;
   },
 
+  /** 
+   * Prepare the SQLite Sync network with the information 
+   * about the remote database using the SQLite Cloud Connection String.
+   */
   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. */