@statezero/core 0.2.44 → 0.2.46

package/dist/adaptors/vue/components/defaults/index.d.ts

@@ -5,3 +5,4 @@
  * @returns {Object} Components registry for LayoutRenderer
  */
 export function createDefaultComponents(options?: Object): Object;
+export { AlertElement, LabelElement, DividerElement, DisplayElement, GroupElement, TabsElement, ErrorBlock };

package/dist/adaptors/vue/components/defaults/index.js

@@ -4,13 +4,14 @@
  * These are minimal, unstyled implementations that follow the contracts.
  * Users can use these as-is or as reference for custom implementations.
  */
-export { default as AlertElement } from './AlertElement.js';
-export { default as LabelElement } from './LabelElement.js';
-export { default as DividerElement } from './DividerElement.js';
-export { default as DisplayElement } from './DisplayElement.js';
-export { default as GroupElement } from './GroupElement.js';
-export { default as TabsElement } from './TabsElement.js';
-export { default as ErrorBlock } from './ErrorBlock.js';
+import AlertElement from './AlertElement.js';
+import LabelElement from './LabelElement.js';
+import DividerElement from './DividerElement.js';
+import DisplayElement from './DisplayElement.js';
+import GroupElement from './GroupElement.js';
+import TabsElement from './TabsElement.js';
+import ErrorBlock from './ErrorBlock.js';
+export { AlertElement, LabelElement, DividerElement, DisplayElement, GroupElement, TabsElement, ErrorBlock };
 /**
  * Create a default components registry (without Control - user must provide)
  *

package/dist/syncEngine/registries/querysetStoreRegistry.d.ts

@@ -66,7 +66,7 @@ export class QuerysetStoreRegistry {
      * @param {string} operationId - Unique ID for this sync operation (for coordination)
      * @param {Set} dbSyncedKeys - Set of semanticKeys that are dbSynced (followedQuerysets)
      */
-    groupSync(queryset: Object, operationId: string, dbSyncedKeys: Set<any>): Promise<void>;
+    groupSync(queryset: Object, operationId: string, dbSyncedKeys: Set<any>, canonical_id?: null): Promise<void>;
 }
 export const querysetStoreRegistry: QuerysetStoreRegistry;
 import { QuerysetStoreGraph } from './querysetStoreGraph.js';

package/dist/syncEngine/registries/querysetStoreRegistry.js

@@ -287,7 +287,7 @@ export class QuerysetStoreRegistry {
      * @param {string} operationId - Unique ID for this sync operation (for coordination)
      * @param {Set} dbSyncedKeys - Set of semanticKeys that are dbSynced (followedQuerysets)
      */
-    async groupSync(queryset, operationId, dbSyncedKeys) {
+    async groupSync(queryset, operationId, dbSyncedKeys, canonical_id = null) {
         if (isNil(queryset))
             return;
         const semanticKey = queryset.semanticKey;
@@ -319,7 +319,7 @@ export class QuerysetStoreRegistry {
         }
         if (iAmRoot) {
             // I'm the root - sync from DB (store handles everything)
-            await store.sync();
+            await store.sync(canonical_id);
             cached.pks = store.groundTruthPks;
             cached.resolve();
         }
@@ -349,7 +349,7 @@ export class QuerysetStoreRegistry {
             // Fallback to direct sync on timeout or if root data is missing
             if (timedOut || !cached.pks) {
                 console.warn(`[groupSync] Falling back to direct sync for: ${semanticKey.substring(0, 60)}`);
-                await store.sync();
+                await store.sync(canonical_id);
                 return;
             }
             // Filter from cached root data

package/dist/syncEngine/stores/querysetStore.d.ts

@@ -55,6 +55,6 @@ export class QuerysetStore {
      * Sync this queryset with the database.
      * Fetches from DB and sets ground truth.
      */
-    sync(): Promise<void>;
+    sync(canonical_id?: null): Promise<void>;
 }
 import { Cache } from '../cache/cache.js';

package/dist/syncEngine/stores/querysetStore.js

@@ -258,7 +258,7 @@ export class QuerysetStore {
      * Sync this queryset with the database.
      * Fetches from DB and sets ground truth.
      */
-    async sync() {
+    async sync(canonical_id = null) {
         const id = this.modelClass.modelName;
         if (this.isSyncing) {
             console.warn(`[QuerysetStore ${id}] Already syncing, request ignored.`);
@@ -270,6 +270,7 @@ export class QuerysetStore {
             const response = await this.fetchFn({
                 ast: this.queryset.build(),
                 modelClass: this.modelClass,
+                canonical_id,
             });
             const { data, included } = response;
             if (!isNil(data)) {

package/dist/syncEngine/sync.d.ts

@@ -5,6 +5,8 @@ export class EventPayload {
     operation_id: any;
     pk_field_name: any;
     configKey: any;
+    canonical_id: any;
+    server_ts_ms: any;
     instances: any;
     _cachedInstances: any;
     get modelClass(): Function | null;

package/dist/syncEngine/sync.js

@@ -16,6 +16,8 @@ export class EventPayload {
         this.operation_id = data.operation_id;
         this.pk_field_name = data.pk_field_name;
         this.configKey = data.configKey;
+        this.canonical_id = data.canonical_id || null;
+        this.server_ts_ms = data.server_ts_ms || null;
         // Parse PK fields to numbers in instances
         this.instances = data.instances?.map(instance => {
             if (instance && this.pk_field_name && instance[this.pk_field_name] != null) {
@@ -345,6 +347,9 @@ export class SyncManager {
         }
         if (storesToSync.length === 0)
             return;
+        // Pick canonical_id from the latest event by server_ts_ms
+        const latestEvent = allEvents.reduce((latest, evt) => (evt.server_ts_ms || 0) > (latest.server_ts_ms || 0) ? evt : latest, allEvents[0]);
+        const canonical_id = latestEvent.canonical_id;
         // Sync all relevant stores for this model
         console.log(`[SyncManager] Syncing ${storesToSync.length} queryset stores for ${representativeEvent.model}`);
         // Generate operationId for this batch - querysets in same chain will coordinate
@@ -356,7 +361,7 @@ export class SyncManager {
             .map(qs => qs.semanticKey)
             .filter(key => registry._stores.has(key)));
         // Run all groupSync calls in parallel - they coordinate via shared promise cache
-        Promise.all(storesToSync.map(store => registry.groupSync(store.queryset, operationId, dbSyncedKeys)));
+        Promise.all(storesToSync.map(store => registry.groupSync(store.queryset, operationId, dbSyncedKeys, canonical_id)));
     }
     processMetrics(event) {
         const registry = this.registries.get(MetricRegistry);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@statezero/core",
-  "version": "0.2.44",
+  "version": "0.2.46",
   "type": "module",
   "module": "ESNext",
   "description": "The type-safe frontend client for StateZero - connect directly to your backend models with zero boilerplate",