@arcote.tech/arc-react 0.3.0 → 0.3.1

package/dist/index.js

@@ -301,7 +301,10 @@ import {
   EventWire,
   LocalEventPublisher,
   MasterDataStorage,
-  Model
+  Model,
+  QueryWire,
+  StreamingEventPublisher,
+  StreamingQueryCache
 } from "@arcote.tech/arc";
 import { createContext as createContext4, useContext as useContext3, useEffect as useEffect2, useState as useState3 } from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
@@ -309,6 +312,7 @@ var modelProviderFactory = (context, options) => {
   const ModelContext = createContext4(null);
   const commandWire = options.remoteUrl ? new CommandWire(options.remoteUrl) : undefined;
   const eventWire = options.remoteUrl ? new EventWire(options.remoteUrl) : undefined;
+  const queryWire = options.remoteUrl ? new QueryWire(options.remoteUrl) : undefined;
   const authAdapter = new AuthAdapter;
   let initialized = false;
   let cachedModel = null;
@@ -336,6 +340,8 @@ var modelProviderFactory = (context, options) => {
       async function initializeModel() {
         let dataStorage;
         let eventPublisher;
+        let streamingCache;
+        const views = context.elements.filter((element) => ("getHandlers" in element) && ("databaseStoreSchema" in element) && ("schema" in element));
         if (options.dbAdapterFactory) {
           const databaseAdapter = await options.dbAdapterFactory(context);
           if (cancelled)
@@ -344,7 +350,6 @@ var modelProviderFactory = (context, options) => {
             dataStorage = new MasterDataStorage(databaseAdapter);
             cachedDataStorage = dataStorage;
             eventPublisher = new LocalEventPublisher(dataStorage);
-            const views = context.elements.filter((element) => ("getHandlers" in element) && ("databaseStoreSchema" in element) && ("schema" in element));
             eventPublisher.registerViews(views);
             if (eventWire && eventPublisher) {
               const publisher = eventPublisher;
@@ -413,6 +418,35 @@ Event payload:`, event.payload);
               }
             }
           }
+        } else if (eventWire && queryWire) {
+          streamingCache = new StreamingQueryCache;
+          streamingCache.registerViews(views);
+          eventPublisher = new StreamingEventPublisher(streamingCache, eventWire);
+          eventPublisher.registerViews(views);
+          const processedEvents = new Set;
+          let eventQueue = Promise.resolve();
+          eventWire.onEvent((event) => {
+            eventQueue = eventQueue.then(async () => {
+              try {
+                if (processedEvents.has(event.hostId)) {
+                  return;
+                }
+                processedEvents.add(event.hostId);
+                await streamingCache.applyEvent({
+                  id: event.hostId,
+                  type: event.type,
+                  payload: event.payload,
+                  createdAt: new Date(event.createdAt)
+                });
+              } catch (error) {
+                console.error(`[Arc] Failed to process event ${event.hostId} (${event.type}):`, error);
+                processedEvents.delete(event.hostId);
+              }
+            });
+          });
+          if (authAdapter.isAuthenticated()) {
+            eventWire.connect();
+          }
         }
         if (cancelled)
           return;
@@ -422,7 +456,9 @@ Event payload:`, event.payload);
             commandWire,
             eventPublisher,
             eventWire,
-            authAdapter
+            authAdapter,
+            queryWire,
+            streamingCache
           },
           environment: "client"
         });
@@ -459,6 +495,7 @@ Event payload:`, event.payload);
   function setAuthToken(token) {
     authAdapter.setToken(token);
     commandWire?.setAuthToken(token);
+    queryWire?.setAuthToken(token);
     if (eventWire) {
       eventWire.setAuthToken(token);
       if (token && eventWire.getState() === "disconnected") {
@@ -476,6 +513,7 @@ Event payload:`, event.payload);
     initialized = false;
     authAdapter.setToken(null);
     commandWire?.setAuthToken(null);
+    queryWire?.setAuthToken(null);
     eventWire?.setAuthToken(null);
     if (onResetCallback) {
       onResetCallback();
@@ -557,4 +595,4 @@ export {
   Form
 };
 
-//# debugId=7543AFFDBE5BB66264756E2164756E21
+//# debugId=8D2F0AEF850AD66D64756E2164756E21

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@arcote.tech/arc-react",
   "type": "module",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "private": false,
   "author": "Przemysław Krasiński [arcote.tech]",
   "description": "React client for the Arc framework, providing utilities for querying data and executing commands, enhancing the development of reactive and efficient user interfaces.",