@myko/ui-vue 6.1.0 → 6.2.0

package/README.md

@@ -14,7 +14,7 @@ pnpm add @myko/ui-vue
 
 ```vue
 <script setup>
-import { useQuery, useReport, useConnection } from '@myko/ui-vue'
+import { useQuery, useQueryState, useReport, useConnection } from '@myko/ui-vue'
 import { queries, reports } from '@your-app/entities'
 
 // Connection management
@@ -23,6 +23,10 @@ const { status, isConnected, connect, disconnect } = useConnection()
 // Query data with automatic cleanup
 const { items, itemsArray, resolved } = useQuery(queries.GetAllTargets({}))
 
+// Large keyed results can also expose lifecycle and incremental changes
+const targets = useQueryState(queries.GetAllTargets({}))
+// targets.status, targets.error, targets.revision, targets.changes
+
 // Report data with automatic cleanup
 const { value: count } = useReport(reports.CountAllTargets({}))
 
@@ -66,6 +70,7 @@ async function deleteTarget(id: string) {
 ### Composables
 
 - `useQuery(queryFactory)` - Watch a query with reactive Map updates
+- `useQueryState(queryFactory)` - Add lifecycle, error, revision, and latest-diff state
 - `useReport(reportFactory)` - Watch a report with reactive value
 - `useConnection()` - Manage connection status
 
@@ -74,14 +79,17 @@ async function deleteTarget(id: string) {
 - `getMykoClient()` - Get the global singleton client
 - `createMykoClient()` - Create a new client instance
 - `myko` - Direct access to the global client
+- `queryState(queryFactory)` - Ref-counted keyed query state without full-array rebuilds
 
 ## Types
 
 ```typescript
 import type {
   ReactiveQuery,
+  ReactiveQueryState,
   ReactiveReport,
   UseQueryReturn,
+  UseQueryStateReturn,
   UseReportReturn,
   UseConnectionReturn
 } from '@myko/ui-vue'

package/dist/composables/index.d.ts

@@ -1,3 +1,3 @@
-export { useQuery, type UseQueryReturn } from './useQuery';
+export { useQuery, useQueryState, type UseQueryReturn, type UseQueryStateReturn } from './useQuery';
 export { useReport, type UseReportReturn } from './useReport';
 export { useConnection, type UseConnectionReturn } from './useConnection';

package/dist/composables/useQuery.d.ts

@@ -1,5 +1,5 @@
-import { ComputedRef, Ref } from 'vue';
-import { Query, QueryItem } from '@myko/core';
+import { ComputedRef, Ref, ShallowRef } from 'vue';
+import { CollectionChanges, LiveCollectionStatus, Query, QueryItem } from '@myko/core';
 
 export interface UseQueryReturn<Q extends Query<unknown>> {
     /** Reactive map of items by ID */
@@ -15,6 +15,18 @@ export interface UseQueryReturn<Q extends Query<unknown>> {
     /** Manually release the subscription (also called on unmount) */
     release: () => void;
 }
+export interface UseQueryStateReturn<Q extends Query<unknown>> extends UseQueryReturn<Q> {
+    /** Loading, live, or terminal error state. */
+    status: Ref<LiveCollectionStatus>;
+    /** Latest subscription error while retaining the last live data. */
+    error: ShallowRef<Error | undefined>;
+    /** Monotonic local revision updated for each diff or error. */
+    revision: Ref<number>;
+    /** Latest reset/upsert/delete set for row-oriented consumers. */
+    changes: ShallowRef<CollectionChanges<QueryItem<Q> & {
+        id: string;
+    }>>;
+}
 /**
  * Vue composable for watching a Myko query.
  *
@@ -38,3 +50,5 @@ export interface UseQueryReturn<Q extends Query<unknown>> {
  * ```
  */
 export declare function useQuery<Q extends Query<unknown>>(queryFactory: Q): UseQueryReturn<Q>;
+/** Vue query composable with explicit lifecycle and incremental change metadata. */
+export declare function useQueryState<Q extends Query<unknown>>(queryFactory: Q): UseQueryStateReturn<Q>;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var S=Object.defineProperty;var p=(s,t,e)=>t in s?S(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e;var i=(s,t,e)=>p(s,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@myko/core"),c=require("vue"),f=require("rxjs");class b{constructor(){i(this,"client");i(this,"sharedQueries",new Map);i(this,"sharedReports",new Map);i(this,"commandSuccessSubject",new f.Subject);i(this,"commandErrorSubject",new f.Subject);i(this,"commandSuccess$",this.commandSuccessSubject.asObservable());i(this,"commandError$",this.commandErrorSubject.asObservable());i(this,"_connectionStatus",c.ref(u.ConnectionStatus.Disconnected));this.client=new u.MykoClient,this.client.connectionStatus$.subscribe(t=>{this._connectionStatus.value=t})}getCacheKey(t,e){const n=t==="query"?e.queryId:e.reportId,o=t==="query"?e.query:e.report;return`${t}:${n}:${JSON.stringify(o)}`}get connectionStatus(){return this._connectionStatus}get isConnected(){return this._connectionStatus.value===u.ConnectionStatus.Connected}connect(t){this.client.setAddress(t)}disconnect(){for(const t of this.sharedQueries.values())t.subscription.unsubscribe();this.sharedQueries.clear();for(const t of this.sharedReports.values())t.subscription.unsubscribe();this.sharedReports.clear(),this.client.disconnect()}query(t){const e=this.getCacheKey("query",t);let n=this.sharedQueries.get(e);if(!n){const r=c.shallowReactive(new Map),a=c.ref(!1),h=this.client.watchQueryDiff(t).subscribe({next:m=>{m.sequence===0n&&r.clear();for(const l of m.deletes)r.delete(l);for(const l of m.upserts)r.set(l.id,l);a.value=!0}});n={items:r,resolved:a,subscription:h,refCount:0},this.sharedQueries.set(e,n)}n.refCount++;let o=!1;return{items:n.items,resolved:n.resolved,release:()=>{if(o)return;o=!0;const r=this.sharedQueries.get(e);r&&(r.refCount--,r.refCount<=0&&(r.subscription.unsubscribe(),this.sharedQueries.delete(e)))}}}report(t){const e=this.getCacheKey("report",t);let n=this.sharedReports.get(e);if(!n){const r=c.shallowRef(void 0),a=this.client.watchReport(t).subscribe({next:h=>{r.value=h}});n={value:r,subscription:a,refCount:0},this.sharedReports.set(e,n)}n.refCount++;let o=!1;return{value:n.value,release:()=>{if(o)return;o=!0;const r=this.sharedReports.get(e);r&&(r.refCount--,r.refCount<=0&&(r.subscription.unsubscribe(),this.sharedReports.delete(e)))}}}async sendCommand(t){const e=t.commandId;try{const n=await this.client.sendCommand(t);return this.commandSuccessSubject.next({commandId:e,response:n}),n}catch(n){const o=n instanceof Error?n:new Error(String(n));throw this.commandErrorSubject.next({commandId:e,error:o}),n}}get raw(){return this.client}}const C=new b;function d(){return C}function v(){return new b}function y(s){const e=d().query(s);c.onUnmounted(()=>{e.release()});const n=c.computed(()=>Array.from(e.items.values()));return{items:e.items,itemsArray:n,resolved:e.resolved,release:e.release}}function g(s){const e=d().report(s);return c.onUnmounted(()=>{e.release()}),{value:e.value,release:e.release}}function w(){const s=d(),t=c.computed(()=>s.connectionStatus.value===u.ConnectionStatus.Connected),e=c.computed(()=>s.connectionStatus.value===u.ConnectionStatus.Connecting),n=c.computed(()=>s.connectionStatus.value===u.ConnectionStatus.Disconnected);return{status:s.connectionStatus,isConnected:t,isConnecting:e,isDisconnected:n,connect:o=>s.connect(o),disconnect:()=>s.disconnect()}}Object.defineProperty(exports,"ConnectionStatus",{enumerable:!0,get:()=>u.ConnectionStatus});exports.VueMykoClient=b;exports.createMykoClient=v;exports.getMykoClient=d;exports.myko=C;exports.useConnection=w;exports.useQuery=y;exports.useReport=g;
+"use strict";var w=Object.defineProperty;var R=(n,t,e)=>t in n?w(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var i=(n,t,e)=>R(n,typeof t!="symbol"?t+"":t,e);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@myko/core"),r=require("vue"),C=require("rxjs");class S{constructor(){i(this,"client");i(this,"sharedQueries",new Map);i(this,"sharedReports",new Map);i(this,"commandSuccessSubject",new C.Subject);i(this,"commandErrorSubject",new C.Subject);i(this,"commandSuccess$",this.commandSuccessSubject.asObservable());i(this,"commandError$",this.commandErrorSubject.asObservable());i(this,"_connectionStatus",r.ref(a.ConnectionStatus.Disconnected));this.client=new a.MykoClient,this.client.connectionStatus$.subscribe(t=>{this._connectionStatus.value=t})}getCacheKey(t,e){const s=t==="query"?e.queryId:e.reportId,o=t==="query"?e.query:e.report;return`${t}:${s}:${JSON.stringify(o)}`}get connectionStatus(){return this._connectionStatus}get isConnected(){return this._connectionStatus.value===a.ConnectionStatus.Connected}connect(t){this.client.setAddress(t)}disconnect(){for(const t of this.sharedQueries.values())t.subscription.unsubscribe();this.sharedQueries.clear();for(const t of this.sharedReports.values())t.subscription.unsubscribe();this.sharedReports.clear(),this.client.disconnect()}query(t){const e=this.getCacheKey("query",t);let s=this.sharedQueries.get(e);if(!s){const c=r.shallowReactive(new Map),d=r.ref(!1),f=r.ref("loading"),m=r.shallowRef(),v=r.ref(0),b=r.shallowRef({sequence:null,reset:!1,deletes:[],upserts:[]}),g=this.client.watchQueryDiff(t).subscribe({next:l=>{b.value=a.applyCollectionDiff(c,l),d.value=!0,f.value="live",m.value=void 0,v.value+=1},error:l=>{f.value="error",m.value=l instanceof Error?l:new Error(String(l)),v.value+=1}});s={items:c,resolved:d,status:f,error:m,revision:v,changes:b,subscription:g,refCount:0},this.sharedQueries.set(e,s)}s.refCount++;let o=!1;return{items:s.items,resolved:s.resolved,status:s.status,error:s.error,revision:s.revision,changes:s.changes,release:()=>{if(o)return;o=!0;const c=this.sharedQueries.get(e);c&&(c.refCount--,c.refCount<=0&&(c.subscription.unsubscribe(),this.sharedQueries.delete(e)))}}}queryState(t){return this.query(t)}report(t){const e=this.getCacheKey("report",t);let s=this.sharedReports.get(e);if(!s){const u=r.shallowRef(void 0),c=this.client.watchReport(t).subscribe({next:d=>{u.value=d}});s={value:u,subscription:c,refCount:0},this.sharedReports.set(e,s)}s.refCount++;let o=!1;return{value:s.value,release:()=>{if(o)return;o=!0;const u=this.sharedReports.get(e);u&&(u.refCount--,u.refCount<=0&&(u.subscription.unsubscribe(),this.sharedReports.delete(e)))}}}async sendCommand(t){const e=t.commandId;try{const s=await this.client.sendCommand(t);return this.commandSuccessSubject.next({commandId:e,response:s}),s}catch(s){const o=s instanceof Error?s:new Error(String(s));throw this.commandErrorSubject.next({commandId:e,error:o}),s}}get raw(){return this.client}}const p=new S;function h(){return p}function q(){return new S}function Q(n){return y(n)}function y(n){const e=h().queryState(n);r.onUnmounted(()=>{e.release()});const s=r.computed(()=>Array.from(e.items.values()));return{items:e.items,itemsArray:s,resolved:e.resolved,status:e.status,error:e.error,revision:e.revision,changes:e.changes,release:e.release}}function j(n){const e=h().report(n);return r.onUnmounted(()=>{e.release()}),{value:e.value,release:e.release}}function M(){const n=h(),t=r.computed(()=>n.connectionStatus.value===a.ConnectionStatus.Connected),e=r.computed(()=>n.connectionStatus.value===a.ConnectionStatus.Connecting),s=r.computed(()=>n.connectionStatus.value===a.ConnectionStatus.Disconnected);return{status:n.connectionStatus,isConnected:t,isConnecting:e,isDisconnected:s,connect:o=>n.connect(o),disconnect:()=>n.disconnect()}}Object.defineProperty(exports,"ConnectionStatus",{enumerable:!0,get:()=>a.ConnectionStatus});exports.VueMykoClient=S;exports.createMykoClient=q;exports.getMykoClient=h;exports.myko=p;exports.useConnection=M;exports.useQuery=Q;exports.useQueryState=y;exports.useReport=j;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { createMykoClient, getMykoClient, myko, VueMykoClient, type CommandError, type CommandSuccess, type ReactiveQuery, type ReactiveReport } from './services/vue-client';
-export { useQuery, useReport, useConnection, type UseQueryReturn, type UseReportReturn, type UseConnectionReturn } from './composables';
+export { createMykoClient, getMykoClient, myko, VueMykoClient, type CommandError, type CommandSuccess, type ReactiveQuery, type ReactiveQueryState, type ReactiveReport } from './services/vue-client';
+export { useQuery, useQueryState, useReport, useConnection, type UseQueryReturn, type UseQueryStateReturn, type UseReportReturn, type UseConnectionReturn } from './composables';
 export { ConnectionStatus } from '@myko/core';

package/dist/index.mjs

@@ -1,11 +1,11 @@
-var S = Object.defineProperty;
-var v = (n, t, e) => t in n ? S(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
-var c = (n, t, e) => v(n, typeof t != "symbol" ? t + "" : t, e);
-import { ConnectionStatus as i, MykoClient as g } from "@myko/core";
-import { ConnectionStatus as I } from "@myko/core";
-import { ref as f, shallowReactive as w, shallowRef as y, onUnmounted as p, computed as l } from "vue";
-import { Subject as b } from "rxjs";
-class C {
+var R = Object.defineProperty;
+var Q = (n, t, e) => t in n ? R(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
+var c = (n, t, e) => Q(n, typeof t != "symbol" ? t + "" : t, e);
+import { ConnectionStatus as a, MykoClient as q, applyCollectionDiff as E } from "@myko/core";
+import { ConnectionStatus as U } from "@myko/core";
+import { ref as d, shallowReactive as j, shallowRef as b, onUnmounted as g, computed as h } from "vue";
+import { Subject as C } from "rxjs";
+class y {
   constructor() {
     c(this, "client");
     // Shared queries by cache key
@@ -13,22 +13,22 @@ class C {
     // Shared reports by cache key
     c(this, "sharedReports", /* @__PURE__ */ new Map());
     // Command outcome subjects
-    c(this, "commandSuccessSubject", new b());
-    c(this, "commandErrorSubject", new b());
+    c(this, "commandSuccessSubject", new C());
+    c(this, "commandErrorSubject", new C());
     /** Observable of all command successes */
     c(this, "commandSuccess$", this.commandSuccessSubject.asObservable());
     /** Observable of all command errors */
     c(this, "commandError$", this.commandErrorSubject.asObservable());
     // Reactive connection status
-    c(this, "_connectionStatus", f(i.Disconnected));
-    this.client = new g(), this.client.connectionStatus$.subscribe((t) => {
+    c(this, "_connectionStatus", d(a.Disconnected));
+    this.client = new q(), this.client.connectionStatus$.subscribe((t) => {
       this._connectionStatus.value = t;
     });
   }
   /** Create a stable cache key from a query/report factory */
   getCacheKey(t, e) {
-    const s = t === "query" ? e.queryId : e.reportId, o = t === "query" ? e.query : e.report;
-    return `${t}:${s}:${JSON.stringify(o)}`;
+    const s = t === "query" ? e.queryId : e.reportId, r = t === "query" ? e.query : e.report;
+    return `${t}:${s}:${JSON.stringify(r)}`;
   }
   /** Current connection status (reactive) */
   get connectionStatus() {
@@ -36,7 +36,7 @@ class C {
   }
   /** Whether currently connected (reactive) - use .value to access */
   get isConnected() {
-    return this._connectionStatus.value === i.Connected;
+    return this._connectionStatus.value === a.Connected;
   }
   /** Set the server address and connect */
   connect(t) {
@@ -74,31 +74,51 @@ class C {
     const e = this.getCacheKey("query", t);
     let s = this.sharedQueries.get(e);
     if (!s) {
-      const r = w(/* @__PURE__ */ new Map()), u = f(!1), d = this.client.watchQueryDiff(t).subscribe({
-        next: (h) => {
-          h.sequence === 0n && r.clear();
-          for (const a of h.deletes)
-            r.delete(a);
-          for (const a of h.upserts)
-            r.set(a.id, a);
-          u.value = !0;
+      const o = j(/* @__PURE__ */ new Map()), l = d(!1), f = d("loading"), m = b(), v = d(0), S = b({
+        sequence: null,
+        reset: !1,
+        deletes: [],
+        upserts: []
+      }), w = this.client.watchQueryDiff(t).subscribe({
+        next: (u) => {
+          S.value = E(o, u), l.value = !0, f.value = "live", m.value = void 0, v.value += 1;
+        },
+        error: (u) => {
+          f.value = "error", m.value = u instanceof Error ? u : new Error(String(u)), v.value += 1;
         }
       });
-      s = { items: r, resolved: u, subscription: d, refCount: 0 }, this.sharedQueries.set(e, s);
+      s = {
+        items: o,
+        resolved: l,
+        status: f,
+        error: m,
+        revision: v,
+        changes: S,
+        subscription: w,
+        refCount: 0
+      }, this.sharedQueries.set(e, s);
     }
     s.refCount++;
-    let o = !1;
+    let r = !1;
     return {
       items: s.items,
       resolved: s.resolved,
+      status: s.status,
+      error: s.error,
+      revision: s.revision,
+      changes: s.changes,
       release: () => {
-        if (o) return;
-        o = !0;
-        const r = this.sharedQueries.get(e);
-        r && (r.refCount--, r.refCount <= 0 && (r.subscription.unsubscribe(), this.sharedQueries.delete(e)));
+        if (r) return;
+        r = !0;
+        const o = this.sharedQueries.get(e);
+        o && (o.refCount--, o.refCount <= 0 && (o.subscription.unsubscribe(), this.sharedQueries.delete(e)));
       }
     };
   }
+  /** Watch a query with explicit lifecycle and incremental change metadata. */
+  queryState(t) {
+    return this.query(t);
+  }
   /**
    * Watch a report with reactive value updates.
    *
@@ -122,26 +142,26 @@ class C {
     const e = this.getCacheKey("report", t);
     let s = this.sharedReports.get(e);
     if (!s) {
-      const r = y(void 0), u = this.client.watchReport(t).subscribe({
-        next: (d) => {
-          r.value = d;
+      const i = b(void 0), o = this.client.watchReport(t).subscribe({
+        next: (l) => {
+          i.value = l;
         }
       });
       s = {
-        value: r,
-        subscription: u,
+        value: i,
+        subscription: o,
         refCount: 0
       }, this.sharedReports.set(e, s);
     }
     s.refCount++;
-    let o = !1;
+    let r = !1;
     return {
       value: s.value,
       release: () => {
-        if (o) return;
-        o = !0;
-        const r = this.sharedReports.get(e);
-        r && (r.refCount--, r.refCount <= 0 && (r.subscription.unsubscribe(), this.sharedReports.delete(e)));
+        if (r) return;
+        r = !0;
+        const i = this.sharedReports.get(e);
+        i && (i.refCount--, i.refCount <= 0 && (i.subscription.unsubscribe(), this.sharedReports.delete(e)));
       }
     };
   }
@@ -166,8 +186,8 @@ class C {
       const s = await this.client.sendCommand(t);
       return this.commandSuccessSubject.next({ commandId: e, response: s }), s;
     } catch (s) {
-      const o = s instanceof Error ? s : new Error(String(s));
-      throw this.commandErrorSubject.next({ commandId: e, error: o }), s;
+      const r = s instanceof Error ? s : new Error(String(s));
+      throw this.commandErrorSubject.next({ commandId: e, error: r }), s;
     }
   }
   /** Access the underlying MykoClient for advanced use cases */
@@ -175,53 +195,61 @@ class C {
     return this.client;
   }
 }
-const R = new C();
-function m() {
-  return R;
+const M = new y();
+function p() {
+  return M;
+}
+function I() {
+  return new y();
 }
-function x() {
-  return new C();
+function _(n) {
+  return x(n);
 }
-function E(n) {
-  const e = m().query(n);
-  p(() => {
+function x(n) {
+  const e = p().queryState(n);
+  g(() => {
     e.release();
   });
-  const s = l(() => Array.from(e.items.values()));
+  const s = h(() => Array.from(e.items.values()));
   return {
     items: e.items,
     itemsArray: s,
     resolved: e.resolved,
+    status: e.status,
+    error: e.error,
+    revision: e.revision,
+    changes: e.changes,
     release: e.release
   };
 }
-function $(n) {
-  const e = m().report(n);
-  return p(() => {
+function A(n) {
+  const e = p().report(n);
+  return g(() => {
     e.release();
   }), {
     value: e.value,
     release: e.release
   };
 }
-function k() {
-  const n = m(), t = l(() => n.connectionStatus.value === i.Connected), e = l(() => n.connectionStatus.value === i.Connecting), s = l(() => n.connectionStatus.value === i.Disconnected);
+function O() {
+  const n = p(), t = h(() => n.connectionStatus.value === a.Connected), e = h(() => n.connectionStatus.value === a.Connecting), s = h(() => n.connectionStatus.value === a.Disconnected);
   return {
     status: n.connectionStatus,
     isConnected: t,
     isConnecting: e,
     isDisconnected: s,
-    connect: (o) => n.connect(o),
+    connect: (r) => n.connect(r),
     disconnect: () => n.disconnect()
   };
 }
 export {
-  I as ConnectionStatus,
-  C as VueMykoClient,
-  x as createMykoClient,
-  m as getMykoClient,
-  R as myko,
-  k as useConnection,
-  E as useQuery,
-  $ as useReport
+  U as ConnectionStatus,
+  y as VueMykoClient,
+  I as createMykoClient,
+  p as getMykoClient,
+  M as myko,
+  O as useConnection,
+  _ as useQuery,
+  x as useQueryState,
+  A as useReport
 };

package/dist/services/vue-client.d.ts

@@ -1,4 +1,4 @@
-import { ConnectionStatus, MykoClient, Command, CommandResult, QueryItem, Query, ReportResult, Report } from '@myko/core';
+import { ConnectionStatus, MykoClient, CollectionChanges, Command, CommandResult, LiveCollectionStatus, QueryItem, Query, ReportResult, Report } from '@myko/core';
 import { Ref, ShallowRef } from 'vue';
 import { Observable } from 'rxjs';
 
@@ -23,6 +23,19 @@ export type ReactiveQuery<Q extends Query<unknown>> = {
     /** Release this consumer's reference (unsubscribes when last consumer releases) */
     release: () => void;
 };
+/** Reactive query state with incremental change and lifecycle metadata. */
+export type ReactiveQueryState<Q extends Query<unknown>> = ReactiveQuery<Q> & {
+    /** Loading, live, or terminal error state. */
+    readonly status: Ref<LiveCollectionStatus>;
+    /** Latest subscription error; existing items remain available. */
+    readonly error: ShallowRef<Error | undefined>;
+    /** Monotonic local revision updated for every diff or error. */
+    readonly revision: Ref<number>;
+    /** Latest reset/upsert/delete set for row-oriented consumers. */
+    readonly changes: ShallowRef<CollectionChanges<QueryItem<Q> & {
+        id: string;
+    }>>;
+};
 /** Reactive report result - generic over the Report factory type */
 export type ReactiveReport<R extends Report<unknown>> = {
     /** Current value (reactive via ref) */
@@ -77,6 +90,8 @@ export declare class VueMykoClient {
      * ```
      */
     query<Q extends Query<unknown>>(queryFactory: Q): ReactiveQuery<Q>;
+    /** Watch a query with explicit lifecycle and incremental change metadata. */
+    queryState<Q extends Query<unknown>>(queryFactory: Q): ReactiveQueryState<Q>;
     /**
      * Watch a report with reactive value updates.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "dependencies": {
-    "@myko/core": "^6.1.0"
+    "@myko/core": "^6.2.0"
   },
   "devDependencies": {
     "@types/luxon": "^3.4.2",
@@ -50,5 +50,5 @@
   },
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "6.1.0"
+  "version": "6.2.0"
 }