This guide will help you successfully migrate your Ditto JavaScript application from the legacy query builder APIs to the modern DQL (Ditto Query Language). After reviewing this documentation, you’ll understand how to convert method chaining patterns to DQL syntax and systematically update your data operations.
Use this prompt when working with an AI coding assistant to migrate your Ditto JavaScript app from legacy query builder to DQL.
Copy AI Migration Prompt (Click to Expand)
I need help migrating a Ditto JavaScript application from the legacy query builder APIs to modern DQL (Ditto Query Language). This migration involves converting method chaining patterns to SQL-like DQL syntax.CRITICAL RULES:1. All query builder method chains (.collection().find()) must be replaced with ditto.store.execute() using DQL2. Use parameterized queries with :paramName syntax - NEVER string interpolation3. Counter operations must use PN_INCREMENT BY in APPLY clause - do NOT initialize counter fields4. Sync subscriptions must use ditto.sync.registerSubscription() instead of .find().subscribe()5. observeLocal must be replaced with registerObserver and for await iteration---CORE MIGRATION AREAS:1. QUERY SYNTAX MIGRATIONBEFORE (Legacy Query Builder):```typescriptditto.store.collection("cars") .find("color == $args.color", { color: "red" }) .exec();```AFTER (DQL):```typescriptawait ditto.store.execute( "SELECT * FROM cars WHERE color = :color", { color: "red" });```2. INSERT OPERATIONSBEFORE (Legacy Query Builder):```typescriptditto.store.collection("cars") .upsert({ _id: id, color: "blue" });```AFTER (DQL):```typescriptawait ditto.store.execute( "INSERT INTO cars DOCUMENTS (:car)", { car: carData });```3. UPDATE OPERATIONSBEFORE (Legacy Query Builder):```typescriptditto.store.collection("cars") .findByID(id) .update((doc) => { doc.color = "green"; });```AFTER (DQL):```typescriptawait ditto.store.execute( "UPDATE cars SET color = :color WHERE _id = :id", { color: "green", id: id });```4. DELETE OPERATIONSBEFORE (Legacy Query Builder):```typescriptditto.store.collection("cars").findByID(id).remove();```AFTER (DQL):```typescriptawait ditto.store.execute( "DELETE FROM cars WHERE _id = :id", { id: id });```5. EVICTION OPERATIONSBEFORE (Legacy Query Builder):```typescriptditto.store.collection("cars").findByID(id).evict();```AFTER (DQL):```typescriptawait ditto.store.execute( "EVICT FROM cars WHERE _id = :id", { id: id });```6. COUNTER OPERATIONS (PN_COUNTER)BEFORE (Legacy Query Builder):```typescriptditto.store.collection("cars") .findByID(id) .update((doc) => { doc.numUpdates.counter?.increment(1); });```AFTER (DQL with PN_INCREMENT):```typescriptawait ditto.store.execute( "UPDATE cars APPLY numUpdates PN_INCREMENT BY :increment WHERE _id = :id", { increment: 1, id: id });```IMPORTANT: Do NOT initialize counter fields in documents:```typescript// WRONG - Creates a register, not a counter{ counter: 0 }// CORRECT - Omit counter field, it's created on first PN_INCREMENT{ _id: id, color: "blue" }```7. DOCUMENT FIELD ACCESS MIGRATIONBEFORE (Legacy Query Builder):```typescriptconst document = ditto.store.collection("cars").findByID(id).exec();const color = document?.value.color;```AFTER (DQL):```typescriptconst result = await ditto.store.execute(dqlString);const item = result.items[0];const color = item.value.color;```8. OBSERVER MIGRATION (observeLocal → registerObserver)BEFORE (Legacy observeLocal):```typescriptconst liveQuery = ditto.store.collection("cars") .find(`_id.locationId == '${Constants.locationId}'`) .observeLocal((docs, event) => { if (event.type === 'update') { // Handle changes } else if (event.type === 'initial') { // Handle initial data } });```AFTER (DQL with registerObserver):```typescriptconst observer = ditto.store.registerObserver( "SELECT * FROM cars WHERE _id.locationId = :locationId", { locationId: Constants.locationId });for await (const result of observer) { // Extract values within loop scope — do not hold QueryResultItems outside this scope const items = result.items.map((item) => item.value); // Update UI updateUI(items);}```9. SYNC SUBSCRIPTIONS MIGRATIONBEFORE (Legacy Query Builder):```typescriptconst subscription = ditto.store.collection("cars") .find("color == $args.color", { color: "red" }) .subscribe();```AFTER (DQL):```typescriptconst subscription = ditto.sync.registerSubscription( "SELECT * FROM cars WHERE color = :color", { color: "red" });```---COMMON PITFALLS TO AVOID:1. DQL Syntax Errors - Use :paramName for parameters, not $args.paramName or string interpolation2. Missing Parameter Binding - NEVER use string interpolation in queries - Always use parameterized queries with arguments object3. Counter Type Errors - Do NOT initialize counter fields with new DittoCounter() or numbers - Use PN_INCREMENT BY in APPLY clause - Pass negative values for decrements4. Memory Management with Observers - Use for await loop for automatic cleanup - Break from loop to stop observation5. Attachment Handling - Use ATTACHMENT annotation: "(image ATTACHMENT)" - Create attachments with ditto.store.newAttachment()---MIGRATION CHECKLIST:Search for these legacy patterns and replace:- [ ] .collection( → await ditto.store.execute("SELECT * FROM- [ ] .find( → Convert to DQL WHERE clause with arguments- [ ] .findByID( → Convert to DQL WHERE _id = :id- [ ] .upsert( → Convert to DQL INSERT INTO- [ ] .update( → Convert to DQL UPDATE SET- [ ] .remove( → Convert to DQL DELETE FROM- [ ] .evict( → Convert to DQL EVICT FROM- [ ] .counter?.increment( → Convert to PN_INCREMENT BY in APPLY clause- [ ] new DittoCounter() → Remove initialization, use PN_INCREMENT- [ ] .observeLocal( → Convert to registerObserver with for await- [ ] .subscribe() → Convert to ditto.sync.registerSubscription()---Please help me convert all legacy query builder patterns in my codebase to DQL syntax. Focus on:1. Maintaining the same functionality2. Using proper parameterized queries with arguments object3. Handling counter operations correctly with PN_INCREMENT4. Implementing proper observer cleanup with for await5. Converting all sync subscriptions to DQLStart by identifying all uses of .collection() in my codebase and systematically converting each one to the appropriate DQL pattern.
await ditto.store.execute( "UPDATE cars SET color = :color WHERE _id = :id", { color: "green", id: id });
Document Delete
await ditto.store.execute( "DELETE FROM cars WHERE _id = :id", { id: id });
Document Local Eviction
// Evict by IDawait ditto.store.execute( "EVICT FROM cars WHERE _id = :id", { id: id });// Evict all matching documentsawait ditto.store.execute( "EVICT FROM cars WHERE color = :color", { color: "red" });
Legacy Query Builder → DQL Store Observer Migration
const observer = ditto.store.registerObserver( "SELECT * FROM cars WHERE _id.locationId = :locationId", { locationId: Constants.locationId });for await (const result of observer) { // Extract values within loop scope — do not hold QueryResultItems outside this scope const items = result.items.map((item) => item.value); // Update UI updateUI(items);}
Performance Consideration: DQL observers provide more advanced return results including aggregates and projections. This requires more database full scans to ensure consistent results compared to the legacy query builder.Use indexes on query fields to maintain and improve observer performance. Indexes ensure your observers remain functional with optimal query performance.
Best Practice: Create Indexes for Observer Queries
// Create index on frequently queried fieldsawait ditto.store.execute(` CREATE INDEX idx_cars_locationId ON cars (_id.locationId)`);// Then register observer - queries will use the indexconst observer = ditto.store.registerObserver( "SELECT * FROM cars WHERE _id.locationId = :locationId", { locationId: Constants.locationId });for await (const result of observer) { // Process results}
PN_COUNTER is the DQL equivalent of the legacy DittoCounter type. When migrating counter operations from the legacy query builder’s counter methods, use PN_INCREMENT BY in the APPLY clause. This maintains full compatibility with existing counter data created by DittoCounter.
Counter Increment
await ditto.store.execute( "UPDATE cars APPLY numUpdates PN_INCREMENT BY :increment WHERE _id = :id", { increment: 1, id: id });
Counter Decrement
await ditto.store.execute( "UPDATE cars APPLY viewCount PN_INCREMENT BY :decrement WHERE _id = :id", { decrement: -1, id: id });
Initialize Counter in Document
// Counter fields are automatically created on first PN_INCREMENT useawait ditto.store.execute( "INSERT INTO cars DOCUMENTS (:car)", { car: { _id: id, color: "blue" // Do NOT initialize counter fields - they are created on first PN_INCREMENT }});// Then use PN_INCREMENT with APPLY clause to create and increment the counterawait ditto.store.execute( "UPDATE cars APPLY numUpdates PN_INCREMENT BY 1 WHERE _id = :id", { id: id });
Multiple Counter Operations
await ditto.store.execute( `UPDATE cars APPLY likes PN_INCREMENT BY :likeIncrement, dislikes PN_INCREMENT BY :dislikeDecrement, views PN_INCREMENT BY :viewIncrement WHERE _id = :id`, { likeIncrement: 1, dislikeDecrement: -1, viewIncrement: 1, id: id });
DQL observers and queries benefit significantly from proper indexing. When migrating from the legacy query builder to DQL, creating indexes on frequently queried fields is essential for maintaining optimal performance.Why Indexes Matter for DQL:
DQL observers support advanced features like aggregates and projections
These advanced features require full database scans to ensure consistent results
Indexes dramatically reduce query execution time by avoiding full scans
Combining indexes with observers provides better performance than legacy query builder
Creating Indexes:
// Create index on single fieldawait ditto.store.execute(` CREATE INDEX idx_cars_color ON cars (color)`);// Create compound index on multiple fieldsawait ditto.store.execute(` CREATE INDEX idx_cars_color_year ON cars (color, year)`);// Create index on nested fieldawait ditto.store.execute(` CREATE INDEX idx_cars_location ON cars (_id.locationId)`);
Best Practices:
Create indexes on fields used in WHERE clauses
Create indexes before registering observers for those queries
Use compound indexes for queries with multiple filter conditions
Monitor query performance and add indexes as needed
For comprehensive information on indexing strategies, syntax, and best practices, see the DQL Indexing documentation.
Use :paramName for parameters, not $args.paramName or template literals.
// ❌ Wrong: Template literal interpolationconst color = "red";await ditto.store.execute(`SELECT * FROM cars WHERE color = '${color}'`);// ✅ Correct: Using :paramName with object notationawait ditto.store.execute( "SELECT * FROM cars WHERE color = :color", { color: "red" });
Use COUNTER annotation in collection definitions. Do NOT use SET with COUNTER fields. Use APPLY with PN_INCREMENT BY. Pass negative values for decrements.
// ❌ Wrong: Initializing counter with a number (creates REGISTER, not COUNTER)await ditto.store.execute( "INSERT INTO items DOCUMENTS (:doc)", { doc: { counter: 0, _id: id }});// ❌ Wrong: Using SET on counter fieldawait ditto.store.execute( "UPDATE items SET counter = 5 WHERE _id = :id", { id });// ✅ Correct: Use PN_INCREMENT BY with APPLY clause (creates counter on first use)await ditto.store.execute( "UPDATE COLLECTION items (counter COUNTER) APPLY counter PN_INCREMENT BY :value WHERE _id = :id", { value: 1, id });// ✅ Correct: Decrement by passing negative valueawait ditto.store.execute( "UPDATE items APPLY counter PN_INCREMENT BY :value WHERE _id = :id", { value: -1, id });
Extract item.value immediately within the callback scope. Break from for await loop to stop observation. Use indexes for improved memory and performance.
// ❌ Wrong: Storing QueryResultItems outside callback scopelet items: QueryResultItem[] = [];const observer = ditto.store.registerObserver( "SELECT * FROM cars", {});for await (const result of observer) { items = result.items; // Holds FFI native memory}// ✅ Correct: Extract values immediately and break when doneconst observer = ditto.store.registerObserver( "SELECT * FROM cars", {});for await (const result of observer) { // Extract plain values immediately - no FFI overhead in memory const cars = result.items.map((item) => item.value); updateUI(cars); // Break from loop to stop observation if (shouldStop) { break; // Automatically cleans up }}
Do not store or pass result.items (or individual QueryResultItem objects) outside the scope where they were created. Each item holds a reference into the FFI layer (Rust native memory), increasing memory pressure.