fix(examples): replace connection strings with new database id configurations

Author: Gioee

examples/simple-todo-db/README.md

@@ -20,11 +20,15 @@ Before using the local CLI, you need to set up your cloud database:
 2. Name your database (e.g., "todo_app.sqlite")
 3. Click **"Create"**
 
-### 1.3 Get Connection Details
-1. Copy the **Connection String** (format: `sqlitecloud://projectid.sqlite.cloud/database.sqlite`)
+### 1.3 Enable OffSync
+1. Click the **OffSync** button next to your database, then **Enable OffSync** and confirm with the **Enable** button
+2. In the **Configuration** tab copy the **Database ID** (format: `db_*`)
+
+### 1.4 Get Auth Details
+1. In your project dashboard, click **Settings**, then **API Keys**
 2. Copy an **API Key**
 
-### 1.4 Configure Row-Level Security (Optional)
+### 1.5 Configure Row-Level Security (Optional)
 1. In your database dashboard, go to **"Security"** → **"Row-Level Security"**
 2. Enable RLS for tables you want to secure
 3. Create policies to control user access (e.g., users can only see their own tasks)
@@ -104,11 +108,11 @@ SELECT cloudsync_is_enabled('tasks');
 
 ```sql
 -- Configure connection to SQLite Cloud
--- Replace with your managedDatabaseId from the OffSync page on the SQLiteCloud dashboard
+-- Replace with your managedDatabaseId from the OffSync page on the SQLiteCloud dashboard from Step 1.3
 SELECT cloudsync_network_init('your-managed-database-id');
 
 -- Configure authentication:
--- Set your API key from Step 1.3
+-- Set your API key from Step 1.4
 SELECT cloudsync_network_set_apikey('your-api-key-here');
 -- Or use token authentication (required for Row-Level Security)
 -- SELECT cloudsync_network_set_token('your_auth_token');

examples/to-do-app/README.md

@@ -24,10 +24,10 @@ cd MyApp
 
 Rename the `.env.example` into `.env` and fill with your values.
 
-> **⚠️ SECURITY WARNING**: This example puts database connection strings directly in `.env` files for demonstration purposes only. **Do not use this pattern in production.** 
+> **⚠️ SECURITY WARNING**: This example puts database API Keys directly in `.env` files for demonstration purposes only. **Do not use this pattern in production.** 
 >
 > **Why this is unsafe:**
-> - Connection strings contain sensitive credentials
+> - API Keys allow access to sensitive credentials
 > - Client-side apps expose all environment variables to users
 > - Anyone can inspect your app and extract database credentials
 >

examples/to-do-app/hooks/useCategories.js

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react'
 import { Platform } from 'react-native';
 import { db } from "../db/dbConnection";
-import { ANDROID_MANAGED_DATABASE_ID, MANAGED_DATABASE_ID, API_TOKEN } from "@env";
+import { MANAGED_DATABASE_ID, API_TOKEN } from "@env";
 import { getDylibPath } from "@op-engineering/op-sqlite";
 import { randomUUID } from 'expo-crypto';
 import { useSyncContext } from '../components/SyncContext';
@@ -72,8 +72,8 @@ const useCategories = () => {
       await db.execute('INSERT OR IGNORE INTO tags (uuid, name) VALUES (?, ?)', ['work', 'Work'])
       await db.execute('INSERT OR IGNORE INTO tags (uuid, name) VALUES (?, ?)', ['personal', 'Personal'])
 
-      if ((ANDROID_MANAGED_DATABASE_ID || MANAGED_DATABASE_ID) && API_TOKEN) {
-        await db.execute(`SELECT cloudsync_network_init('${Platform.OS == 'android' && ANDROID_MANAGED_DATABASE_ID ? ANDROID_MANAGED_DATABASE_ID : MANAGED_DATABASE_ID}');`);
+      if (MANAGED_DATABASE_ID && API_TOKEN) {
+        await db.execute(`SELECT cloudsync_network_init('${MANAGED_DATABASE_ID}');`);
         await db.execute(`SELECT cloudsync_network_set_token('${API_TOKEN}');`)
       } else {
         throw new Error('No valid MANAGED_DATABASE_ID or API_TOKEN provided, cloudsync_network_init will not be called');

examples/to-do-app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sqliteai/todoapp",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "An Expo template for building apps with the SQLite CloudSync extension",
   "repository": {
     "type": "git",