chore: update bare example to use hard-coded access token

Author: damlayildiz

examples/sync-demo-bare/README.md

@@ -41,7 +41,8 @@ Before running the example, you need to set up a SQLite Cloud database:
 
 5. **Get your credentials**
    - Navigate to your database's **Configuration** tab
-   - Copy your **Database ID** and **API Key**
+   - Copy your **Database ID**
+   - Generate or copy an **Access Token** for the user/session you want to test with
 
 ### 2. Set Up React Native Environment
 
@@ -56,16 +57,16 @@ Follow the [React Native environment setup guide](https://reactnative.dev/docs/s
    cp .env.example .env
    ```
 
-2. **Fill in your credentials** in the `.env` file:
+2. **Fill in your configuration** in the `.env` file:
 
    ```env
    SQLITE_CLOUD_DATABASE_ID=db_xxxxxxxxxxxxxxxxxxxxxxxx
-   SQLITE_CLOUD_API_KEY=your-api-key-here
    DATABASE_NAME=sync-demo.db
    TABLE_NAME=test_table
    ```
 
    **Note**: The `TABLE_NAME` must match the table name you created in SQLite Cloud and enabled for OffSync.
+3. **Hardcode your access token** in [`src/App.tsx`](/Users/damlayildiz/SqliteCloud/sqlite-sync-react-native/examples/sync-demo-bare/src/App.tsx) by replacing the `HARDCODED_ACCESS_TOKEN` placeholder.
 
 ### 4. Install Dependencies
 

examples/sync-demo-bare/src/App.tsx

@@ -18,12 +18,10 @@ import {
   useSyncStatus,
   useSqliteTransaction,
 } from '@sqliteai/sqlite-sync-react-native';
-import {
-  SQLITE_CLOUD_DATABASE_ID,
-  SQLITE_CLOUD_API_KEY,
-  DATABASE_NAME,
-  TABLE_NAME,
-} from '@env';
+import { SQLITE_CLOUD_DATABASE_ID, DATABASE_NAME, TABLE_NAME } from '@env';
+
+let HARDCODED_ACCESS_TOKEN: string;
+HARDCODED_ACCESS_TOKEN = 'replace-with-access-token';
 
 /**
  * Demo app showcasing the reactive hooks and dual connection architecture:
@@ -278,12 +276,7 @@ function TestApp() {
 }
 
 export default function App() {
-  if (
-    !SQLITE_CLOUD_DATABASE_ID ||
-    !SQLITE_CLOUD_API_KEY ||
-    !DATABASE_NAME ||
-    !TABLE_NAME
-  ) {
+  if (!SQLITE_CLOUD_DATABASE_ID || !DATABASE_NAME || !TABLE_NAME) {
     return (
       <View style={styles.container}>
         <Text style={styles.error}>
@@ -297,6 +290,20 @@ export default function App() {
     );
   }
 
+  if (HARDCODED_ACCESS_TOKEN === 'replace-with-access-token') {
+    return (
+      <View style={styles.container}>
+        <Text style={styles.error}>
+          Replace the hardcoded access token in src/App.tsx before running the
+          example.
+        </Text>
+        <Text style={styles.errorDetails}>
+          See README.md for setup instructions.
+        </Text>
+      </View>
+    );
+  }
+
   return (
     <SQLiteSyncProvider
       databaseId={SQLITE_CLOUD_DATABASE_ID}
@@ -315,7 +322,7 @@ export default function App() {
       ]}
       syncMode="polling"
       adaptivePolling={{ baseInterval: 3000 }}
-      apiKey={SQLITE_CLOUD_API_KEY}
+      accessToken={HARDCODED_ACCESS_TOKEN}
       debug={true}
     >
       <TestApp />

examples/sync-demo-bare/types/env.d.ts

@@ -1,6 +1,5 @@
 declare module '@env' {
   export const SQLITE_CLOUD_DATABASE_ID: string;
-  export const SQLITE_CLOUD_API_KEY: string;
   export const DATABASE_NAME: string;
   export const TABLE_NAME: string;
 }