@interncom/diplomatic 0.0.53 → 0.0.55

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.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(() => {
@@ -2831,6 +2831,17 @@ function openDB(name, version, { blocked, upgrade, blocking, terminated } = {})
   });
   return openPromise;
 }
+function deleteDB(name, { blocked } = {}) {
+  const request = indexedDB.deleteDatabase(name);
+  if (blocked) {
+    request.addEventListener("blocked", (event) => blocked(
+      // Casting due to https://github.com/microsoft/TypeScript-DOM-lib-generator/pull/1405
+      event.oldVersion,
+      event
+    ));
+  }
+  return wrap(request).then(() => void 0);
+}
 var readMethods = ["get", "getKey", "getAll", "getAllKeys", "count"];
 var writeMethods = ["put", "add", "delete", "clear"];
 var cachedMethods = /* @__PURE__ */ new Map();
@@ -2917,38 +2928,39 @@ replaceTraps((oldTraps) => ({
 }));
 
 // src/idbStore.ts
-var db = await openDB("client-store-db", 6, {
-  upgrade(db3) {
-    if (!db3.objectStoreNames.contains("metaKV")) {
-      db3.createObjectStore("metaKV");
-    }
-    if (!db3.objectStoreNames.contains("ops")) {
-      db3.createObjectStore("ops", {
-        keyPath: "sha256"
-      });
-    }
-    if (!db3.objectStoreNames.contains("uploadQueue")) {
-      db3.createObjectStore("uploadQueue", {
-        keyPath: "sha256"
-      });
-    }
-    if (!db3.objectStoreNames.contains("downloadQueue")) {
-      db3.createObjectStore("downloadQueue", {
-        keyPath: "sha256"
-      });
+var initDB = () => {
+  return openDB("client-store-db", 6, {
+    upgrade(db3) {
+      if (!db3.objectStoreNames.contains("metaKV")) {
+        db3.createObjectStore("metaKV");
+      }
+      if (!db3.objectStoreNames.contains("ops")) {
+        db3.createObjectStore("ops", {
+          keyPath: "sha256"
+        });
+      }
+      if (!db3.objectStoreNames.contains("uploadQueue")) {
+        db3.createObjectStore("uploadQueue", {
+          keyPath: "sha256"
+        });
+      }
+      if (!db3.objectStoreNames.contains("downloadQueue")) {
+        db3.createObjectStore("downloadQueue", {
+          keyPath: "sha256"
+        });
+      }
     }
-  }
-});
+  });
+};
+var db = await initDB();
 var IDBStore = class {
   seed;
   hostURL;
   hostID;
   lastFetchedAt;
   async wipe() {
-    await db.clear("metaKV");
-    await db.clear("uploadQueue");
-    await db.clear("downloadQueue");
-    await db.clear("ops");
+    await deleteDB("client-store-db");
+    db = await initDB();
   }
   async getSeed() {
     const hex = await db.get("metaKV", "seed");
@@ -11351,6 +11363,7 @@ var DiplomaticClient = class {
   store;
   stateManager;
   listener;
+  xferListener;
   seed;
   encKey;
   hostURL;
@@ -11424,6 +11437,7 @@ var DiplomaticClient = class {
     }
     await this.sync();
     this.emitUpdate();
+    this.emitXferUpdate();
   }
   async loadSeed() {
     const seed = await this.store.getSeed();
@@ -11489,13 +11503,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();
@@ -11511,7 +11532,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));
   }
@@ -11525,7 +11546,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 {
@@ -11543,12 +11564,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();
         }
       }
     }
@@ -11562,7 +11583,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()) {
@@ -11584,13 +11605,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);
@@ -11631,7 +11652,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 }) {
@@ -11704,7 +11725,7 @@ function DotLabel({ on, label }) {
     label
   ] });
 }
-function ClientStatusBar({ state }) {
+function ClientStatusBar({ state, xferState }) {
   return /* @__PURE__ */ jsxs2(
     "div",
     {
@@ -11723,11 +11744,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
         ] })
       ]
     }

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.53",
+  "version": "0.0.55",
   "type": "module",
   "description": "Secure sync layer",
   "main": "dist/index.mjs",