@statezero/core 0.1.34 → 0.1.36

package/dist/adaptors/vue/composables.js

@@ -1,8 +1,9 @@
-import { computed, getCurrentInstance, onBeforeUnmount } from 'vue';
-import { querysetStoreRegistry } from '../../syncEngine/registries/querysetStoreRegistry';
-import { metricRegistry } from '../../syncEngine/registries/metricRegistry';
-import { syncManager } from '../../syncEngine/sync';
-import { v7 } from 'uuid';
+import { computed, getCurrentInstance, onBeforeUnmount } from "vue";
+import { querysetStoreRegistry } from "../../syncEngine/registries/querysetStoreRegistry";
+import { metricRegistry } from "../../syncEngine/registries/metricRegistry";
+import { syncManager } from "../../syncEngine/sync";
+import { wrappedQuerysetCache } from "./reactivity.js";
+import { v7 } from "uuid";
 syncManager.followAllQuerysets = false;
 export const querysets = new Map(); // Map of composableId -> queryset
 function updateSyncManager() {
@@ -13,11 +14,16 @@ function updateSyncManager() {
 export function useQueryset(querysetFactory) {
     const instance = getCurrentInstance();
     if (!instance) {
-        throw new Error('useQueryset must be called within a component setup function');
+        throw new Error("useQueryset must be called within a component setup function");
     }
     const composableId = v7();
     let lastQueryset = null;
     onBeforeUnmount(() => {
+        // Clear cache when component unmounts
+        if (lastQueryset?.semanticKey &&
+            wrappedQuerysetCache.has(lastQueryset.semanticKey)) {
+            wrappedQuerysetCache.delete(lastQueryset.semanticKey);
+        }
         querysets.delete(composableId);
         updateSyncManager();
     });
@@ -27,6 +33,12 @@ export function useQueryset(querysetFactory) {
         const queryset = original?.queryset || original;
         // Only update if queryset actually changed
         if (lastQueryset !== queryset) {
+            // Clear cache for previous queryset if it changed
+            if (lastQueryset?.semanticKey &&
+                lastQueryset !== queryset &&
+                wrappedQuerysetCache.has(lastQueryset.semanticKey)) {
+                wrappedQuerysetCache.delete(lastQueryset.semanticKey);
+            }
             querysets.set(composableId, queryset);
             updateSyncManager();
             lastQueryset = queryset;

package/dist/adaptors/vue/reactivity.d.ts

@@ -16,3 +16,4 @@ export function ModelAdaptor(modelInstance: Object, reactivityFn?: Function): an
  */
 export function QuerySetAdaptor(liveQuerySet: Object, reactivityFn?: Function): any | import("vue").Ref;
 export function MetricAdaptor(metric: any): any;
+export const wrappedQuerysetCache: Map<any, any>;

package/dist/adaptors/vue/reactivity.js

@@ -57,17 +57,7 @@ export function QuerySetAdaptor(liveQuerySet, reactivityFn = reactive) {
     const cacheKey = queryset.semanticKey;
     // Check the cache first
     if (cacheKey && wrappedQuerysetCache.has(cacheKey)) {
-        const cachedWrapper = wrappedQuerysetCache.get(cacheKey);
-        // Refresh the cached wrapper with current data
-        const freshData = [...liveQuerySet];
-        if (reactivityFn === ref) {
-            cachedWrapper.value = freshData;
-        }
-        else {
-            cachedWrapper.splice(0, cachedWrapper.length);
-            cachedWrapper.push(...freshData);
-        }
-        return cachedWrapper;
+        return wrappedQuerysetCache.get(cacheKey);
     }
     const querysetAst = queryset.build();
     // Make the queryset reactive using the specified function
@@ -89,10 +79,10 @@ export function QuerySetAdaptor(liveQuerySet, reactivityFn = reactive) {
     // Subscribe to queryset events indefinitely
     querysetEventEmitter.on(eventName, renderHandler);
     /* Dont delete the innocuous looking queryset.length check. There is some weird interaction
-      with vue, where when we load an empty queryset from the cache, the reactivity completely breaks.
-      I wasted over 2 days on this bug, and it won't show up in the e2e tests because it just impacts the
-      vue reactivity. If this causes performance issues, and needs to be refactored. Make sure you understand
-      the vue reactivity interaction correctly and find a different way to fix the broken reactivity for empty querysets */
+    with vue, where when we load an empty queryset from the cache, the reactivity completely breaks.
+    I wasted over 2 days on this bug, and it won't show up in the e2e tests because it just impacts the
+    vue reactivity. If this causes performance issues, and needs to be refactored. Make sure you understand
+    the vue reactivity interaction correctly and find a different way to fix the broken reactivity for empty querysets */
     if (cacheKey && liveQuerySet && liveQuerySet.length > 0) {
         wrappedQuerysetCache.set(cacheKey, wrapper);
     }
@@ -108,10 +98,7 @@ export function MetricAdaptor(metric) {
     const cacheKey = `${configKey}::${modelName}::${metric.metricType}::${metric.field}::${hash(querysetAst)}`;
     // Check the cache first
     if (cacheKey && wrappedMetricCache.has(cacheKey)) {
-        const cachedWrapper = wrappedMetricCache.get(cacheKey);
-        // Refresh the cached wrapper with current metric value
-        cachedWrapper.value = metric.value;
-        return cachedWrapper;
+        return wrappedMetricCache.get(cacheKey);
     }
     // Create a reactive reference with the initial value
     const wrapper = ref(metric.value);
@@ -129,10 +116,11 @@ export function MetricAdaptor(metric) {
         }
     };
     // Only listen for metric render events
-    metricEventEmitter.on("metric::render", metricRenderHandler);
+    metricEventEmitter.on('metric::render', metricRenderHandler);
     // Store in cache
     if (cacheKey) {
         wrappedMetricCache.set(cacheKey, wrapper);
     }
     return wrapper;
 }
+export { wrappedQuerysetCache };

package/package.json

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