@interncom/diplomatic 0.0.54 → 0.0.56

package/dist/client.d.ts

@@ -1,5 +1,5 @@
 import type { GroupID, IOp, KeyPair } from "./shared/types";
-import type { IClientStateStore, IDiplomaticClientState } from "./types";
+import type { IClientStateStore, IDiplomaticClientState, IDiplomaticClientXferState } from "./types";
 import type { StateManager } from "./state";
 export interface IDiplomaticClientParams {
     store: IClientStateStore;
@@ -12,6 +12,7 @@ export default class DiplomaticClient {
     store: IClientStateStore;
     stateManager: StateManager;
     listener?: (state: IDiplomaticClientState) => void;
+    xferListener?: (state: IDiplomaticClientXferState) => void;
     seed?: Uint8Array;
     encKey?: Uint8Array;
     hostURL?: URL;
@@ -28,7 +29,9 @@ export default class DiplomaticClient {
     disconnect: () => void;
     registerAndConnect(hostURL: string): Promise<void>;
     emitUpdate(): Promise<void>;
+    emitXferUpdate(): Promise<void>;
     getState(): Promise<IDiplomaticClientState>;
+    getXferState(): Promise<IDiplomaticClientXferState>;
     processOps(): Promise<void>;
     pullOpPaths(): Promise<never[] | undefined>;
     fetchAndExecQueuedOps(): Promise<never[] | undefined>;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { useClientState, useSyncOnResume } from "./react/useClient";
-import { StateManager, opMapApplier } from './state';
+import { useClientState, useClientXferState, useSyncOnResume } from "./react/useClient";
+import { opMapApplier, StateManager } from "./state";
 import { localStorageStore } from "./localStorageStore";
 import { idbStore } from "./idbStore";
 import type { IDiplomaticClientState } from "./types";
@@ -11,5 +11,5 @@ import useStateWatcher from "./react/useStateWatcher";
 import InitSeedView from "./react/initSeedView";
 import ClientStatusBar from "./react/statusBar";
 import * as EntityDB from "./entityDB";
-export { useClientState, useSyncOnResume, StateManager, useStateWatcher, opMapApplier, localStorageStore, idbStore, DiplomaticClient, libsodiumCrypto, btoh, htob, Verb, InitSeedView, ClientStatusBar, EntityDB, };
-export type { IOp, IUpsertOp, IDiplomaticClientState, };
+export { btoh, ClientStatusBar, DiplomaticClient, EntityDB, htob, idbStore, InitSeedView, libsodiumCrypto, localStorageStore, opMapApplier, StateManager, useClientState, useClientXferState, useStateWatcher, useSyncOnResume, Verb, };
+export type { IDiplomaticClientState, IOp, IUpsertOp };

package/dist/index.mjs

@@ -2480,7 +2480,7 @@ var require_FileSaver_min = __commonJS({
 });
 
 // src/react/useClient.ts
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 function useClientState(client) {
   const [state, setState] = useState();
   useEffect(() => {
@@ -2496,6 +2496,21 @@ function useClientState(client) {
   }, [client]);
   return state;
 }
+function useClientXferState(client) {
+  const [state, setState] = useState();
+  useEffect(() => {
+    async function updateState() {
+      const state2 = await client.getXferState();
+      setState(state2);
+    }
+    client.xferListener = updateState;
+    updateState();
+    return () => {
+      client.xferListener = void 0;
+    };
+  }, [client]);
+  return state;
+}
 function useSyncOnResume(client) {
   useEffect(() => {
     async function handleOnline() {
@@ -2928,8 +2943,8 @@ replaceTraps((oldTraps) => ({
 }));
 
 // src/idbStore.ts
-var initDB = async () => {
-  return await openDB("client-store-db", 6, {
+var initDB = () => {
+  return openDB("client-store-db", 6, {
     upgrade(db3) {
       if (!db3.objectStoreNames.contains("metaKV")) {
         db3.createObjectStore("metaKV");
@@ -11363,6 +11378,7 @@ var DiplomaticClient = class {
   store;
   stateManager;
   listener;
+  xferListener;
   seed;
   encKey;
   hostURL;
@@ -11436,6 +11452,7 @@ var DiplomaticClient = class {
     }
     await this.sync();
     this.emitUpdate();
+    this.emitXferUpdate();
   }
   async loadSeed() {
     const seed = await this.store.getSeed();
@@ -11501,13 +11518,20 @@ var DiplomaticClient = class {
     const state = await this.getState();
     this.listener?.(state);
   }
+  async emitXferUpdate() {
+    const state = await this.getXferState();
+    this.xferListener?.(state);
+  }
   async getState() {
     const hasSeed = this.seed !== void 0 && this.encKey !== void 0;
     const hasHost = this.hostURL !== void 0 && this.hostKeyPair !== void 0;
     const connected = this.websocket === void 0 ? false : this.websocket.readyState === this.websocket.OPEN;
+    return { hasSeed, hasHost, connected };
+  }
+  async getXferState() {
     const numUploads = await this.store.numUploads();
     const numDownloads = await this.store.numDownloads();
-    return { hasSeed, hasHost, connected, numDownloads, numUploads };
+    return { numDownloads, numUploads };
   }
   async processOps() {
     await this.pullOpPaths();
@@ -11523,7 +11547,7 @@ var DiplomaticClient = class {
     const resp = await api_default.listDeltas(hostURL, begin, hostKeyPair);
     for (const item of resp.deltas) {
       await this.store.enqueueDownload(item.sha256, item.recordedAt);
-      this.emitUpdate();
+      this.emitXferUpdate();
     }
     await this.store.setLastFetchedAt(new Date(resp.fetchedAt));
   }
@@ -11537,7 +11561,7 @@ var DiplomaticClient = class {
     for (const item of items) {
       if (await this.store.hasOp(item.sha256)) {
         await this.store.dequeueDownload(item.sha256);
-        this.emitUpdate();
+        this.emitXferUpdate();
         continue;
       }
       try {
@@ -11555,12 +11579,12 @@ var DiplomaticClient = class {
         await this.stateManager.apply(op);
         await this.store.storeOp(sha256, cipher);
         await this.store.dequeueDownload(sha256);
-        this.emitUpdate();
+        this.emitXferUpdate();
       } catch {
         const transient = true;
         if (!transient) {
           await this.store.dequeueDownload(item.sha256);
-          this.emitUpdate();
+          this.emitXferUpdate();
         }
       }
     }
@@ -11574,7 +11598,7 @@ var DiplomaticClient = class {
       await api_default.putDelta(this.hostURL, cipherOp, this.hostKeyPair);
     }
     await this.store.dequeueUpload(sha256);
-    this.emitUpdate();
+    this.emitXferUpdate();
   }
   async pushQueuedOps() {
     for (const sha256 of await this.store.listUploads()) {
@@ -11596,13 +11620,13 @@ var DiplomaticClient = class {
     );
     const sha256 = await crypto_default.sha256Hash(cipherOp);
     await this.store.enqueueUpload(sha256, cipherOp);
-    this.emitUpdate();
+    this.emitXferUpdate();
     try {
       await this.stateManager.apply(op);
       await this.store.storeOp(sha256, cipherOp);
     } catch (err) {
       await this.store.dequeueUpload(sha256);
-      this.emitUpdate();
+      this.emitXferUpdate();
     }
     try {
       await this.pushQueuedOp(sha256);
@@ -11643,7 +11667,7 @@ var DiplomaticClient = class {
       const sha256 = await crypto_default.sha256Hash(cipher);
       await this.stateManager.apply(op);
       await this.store.storeOp(sha256, cipher);
-      this.emitUpdate();
+      this.emitXferUpdate();
     }
   };
   async upsert({ type, body, eid, gid, version = 0 }) {
@@ -11716,7 +11740,7 @@ function DotLabel({ on, label }) {
     label
   ] });
 }
-function ClientStatusBar({ state }) {
+function ClientStatusBar({ state, xferState }) {
   return /* @__PURE__ */ jsxs2(
     "div",
     {
@@ -11735,11 +11759,11 @@ function ClientStatusBar({ state }) {
         /* @__PURE__ */ jsx2(DotLabel, { on: state.connected, label: "LINK" }),
         /* @__PURE__ */ jsxs2("div", { style: { marginRight: 16 }, children: [
           "\u21D1 ",
-          state.numUploads
+          xferState.numUploads
         ] }),
         /* @__PURE__ */ jsxs2("div", { children: [
           "\u21D3 ",
-          state.numDownloads
+          xferState.numDownloads
         ] })
       ]
     }
@@ -11820,6 +11844,7 @@ export {
   localStorageStore,
   opMapApplier,
   useClientState,
+  useClientXferState,
   useStateWatcher,
   useSyncOnResume
 };

package/dist/react/statusBar.d.ts

@@ -1,6 +1,7 @@
-import type { IDiplomaticClientState } from "../types";
+import type { IDiplomaticClientState, IDiplomaticClientXferState } from "../types";
 interface IProps {
     state: IDiplomaticClientState;
+    xferState: IDiplomaticClientXferState;
 }
-export default function ClientStatusBar({ state }: IProps): import("react/jsx-runtime").JSX.Element;
+export default function ClientStatusBar({ state, xferState }: IProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/react/useClient.d.ts

@@ -1,4 +1,5 @@
-import type { IDiplomaticClientState } from "../types";
+import type { IDiplomaticClientState, IDiplomaticClientXferState } from "../types";
 import type DiplomaticClient from "../client";
 export declare function useClientState(client: DiplomaticClient): IDiplomaticClientState | undefined;
+export declare function useClientXferState(client: DiplomaticClient): IDiplomaticClientXferState | undefined;
 export declare function useSyncOnResume(client: DiplomaticClient): void;

package/dist/types.d.ts

@@ -31,6 +31,8 @@ export interface IDiplomaticClientState {
     hasSeed: boolean;
     hasHost: boolean;
     connected: boolean;
+}
+export interface IDiplomaticClientXferState {
     numUploads: number;
     numDownloads: number;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@interncom/diplomatic",
-  "version": "0.0.54",
+  "version": "0.0.56",
   "type": "module",
   "description": "Secure sync layer",
   "main": "dist/index.mjs",