chore: Cleaned up examples to use javascript instead of ts.

Author: Christiaan Landman

demos/react-native-supabase-todolist/library/powersync/PhotoAttachmentQueue.ts

@@ -18,7 +18,7 @@ export class PhotoAttachmentQueue extends AbstractAttachmentQueue {
 
   onAttachmentIdsChange(onUpdate: (ids: string[]) => void): void {
     this.powersync.watch(`SELECT photo_id as id FROM ${TODO_TABLE} WHERE photo_id IS NOT NULL`, [], {
-      onResult: result => onUpdate(result.rows?._array.map((r) => r.id) ?? [])
+      onResult: (result) => onUpdate(result.rows?._array.map((r) => r.id) ?? [])
     });
   }
 

packages/powersync-attachments/README.md

@@ -73,7 +73,7 @@ import { AbstractAttachmentQueue } from '@journeyapps/powersync-attachments';
 export class AttachmentQueue extends AbstractAttachmentQueue {
   onAttachmentIdsChange(onUpdate) {
     this.powersync.watch('SELECT photo_id as id FROM checklists WHERE photo_id IS NOT NULL', [], {
-      onResult: result => onUpdate(result.rows?._array.map((r) => r.id) ?? [])
+      onResult: (result) => onUpdate(result.rows?._array.map((r) => r.id) ?? [])
    });
   }
 }

packages/powersync-attachments/src/AbstractAttachmentQueue.ts

@@ -61,10 +61,10 @@ export abstract class AbstractAttachmentQueue<T extends AttachmentQueueOptions =
    * In most cases this will contain a watch query.
    *
    * @example
-   * ```typescript
+   * ```javascript
    * onAttachmentIdsChange(onUpdate) {
    *    this.powersync.watch('SELECT photo_id as id FROM todos WHERE photo_id IS NOT NULL', [], { 
-   *        onResult: result => onUpdate(result.rows?._array.map((r) => r.id) ?? []) 
+   *        onResult: (result) => onUpdate(result.rows?._array.map((r) => r.id) ?? []) 
    *    });
    * }
    * ```

packages/powersync-sdk-common/src/client/AbstractPowerSyncDatabase.ts

@@ -557,8 +557,8 @@ export abstract class AbstractPowerSyncDatabase extends BaseObserver<PowerSyncDB
    * Can be overloaded to use a callback handler instead, for documentation see {@link watchWithCallback}.
    * 
    * @example
-   * ```typescript
-   * async *attachmentIds(): AsyncIterable<string[]> {
+   * ```javascript
+   * async *attachmentIds() {
    *   for await (const result of this.powersync.watch(
    *     `SELECT photo_id as id FROM todos WHERE photo_id IS NOT NULL`,
    *     []
@@ -573,15 +573,13 @@ export abstract class AbstractPowerSyncDatabase extends BaseObserver<PowerSyncDB
    * See {@link watchWithCallback}.
    * 
    * @example
-   * ```typescript
-   * attachmentIds(onResult: (ids: string[]) => void): void {
+   * ```javascript
+   * onAttachmentIdsChange(onResult) {
    *   this.powersync.watch(
    *     `SELECT photo_id as id FROM todos WHERE photo_id IS NOT NULL`,
    *     [],
    *     {
-   *       onResult: (result) => {
-   *         onResult(result.rows?._array.map((r) => r.id) ?? []);
-   *       }
+   *       onResult: (result) => onResult(result.rows?._array.map((r) => r.id) ?? [])
    *     }
    *   );
    * }
@@ -679,7 +677,7 @@ export abstract class AbstractPowerSyncDatabase extends BaseObserver<PowerSyncDB
   * Can be overloaded to use a callback handler instead, for documentation see {@link onChangeWithCallback}.
   * 
   * @example
-  * ```typescript
+  * ```javascript
   * async monitorChanges() {
   *   for await (const event of this.powersync.onChange({tables: ['todos']})) {
   *     console.log('Detected change event:', event);
@@ -692,8 +690,8 @@ export abstract class AbstractPowerSyncDatabase extends BaseObserver<PowerSyncDB
   * See {@link onChangeWithCallback}.
   * 
   * @example 
-  * ```typescript
-  * monitorChanges(): void {
+  * ```javascript
+  * monitorChanges() {
   *   this.powersync.onChange({
   *     onChange: (event) => {
   *       console.log('Change detected:', event);