@auxilium/datalynk-client 1.3.4 → 1.3.6

package/dist/api.d.ts

@@ -35,6 +35,8 @@ export type ApiOptions = {
     name?: string;
     /** List of slices to use offline */
     offline?: number[];
+    /** Display an offline banner */
+    offlineBanner?: boolean | 'top' | 'bottom';
     /** Website hostname */
     origin?: string;
     /** Save session token to localStorage to persist logins */
@@ -56,9 +58,9 @@ export type ApiOptions = {
     };
     /** Progressive Web App settings */
     pwaSettings?: {
-        /** How long to wait before showing install prompt (seconds). Default is 30 seconds */
+        /** How long to wait before showing the installation prompt (seconds). Default is 30 seconds */
         timeout?: number;
-        /** Days until dismissed prompt can show again. If set to 0 it will trigger every refresh. (Default is 7 days) */
+        /** Days until the dismissed prompt can show again. If set to `0` it will trigger every refresh. (Default is 7 days) */
         dismissExpiry?: number;
         /** Show PWA install link on login screen. Default is False */
         loginLink?: boolean;
@@ -70,6 +72,8 @@ export type ApiOptions = {
 export interface ApiRequestOptions {
     /** Skip bundling & caching */
     noOptimize?: boolean;
+    /** Queue for network connection */
+    offline?: boolean;
     /** Skip the token translating step */
     raw?: boolean;
     /** Set request token */
@@ -97,6 +101,8 @@ export declare class Api {
     private bundle;
     /** Bundle lifecycle tracking */
     private bundleOngoing;
+    /** Track online state */
+    private heartbeat;
     /** LocalStorage key for persisting logins */
     private localStorageKey;
     /** Pending requests cache */
@@ -121,15 +127,22 @@ export declare class Api {
     /** Options */
     options: ApiOptions;
     /** Created slices */
-    sliceCache: Map<number, Slice<any>>;
+    sliceCache: Map<number, Slice>;
     /** API URL */
     url: string;
     /** Client library version */
     version: string;
-    /** Get session info from JWT payload */
-    get jwtPayload(): JwtPayload | null;
     /** Is token expired */
     get expired(): boolean;
+    /** Get session info from JWT payload */
+    get jwtPayload(): JwtPayload | null;
+    private onlineOverride;
+    online$: BehaviorSubject<boolean>;
+    /** Check if we are connected */
+    get online(): boolean | null;
+    get offline(): boolean;
+    /** Override connection status */
+    set online(value: boolean | null);
     /** Logged in spoke */
     get spoke(): string;
     /** API Session token */
@@ -149,6 +162,10 @@ export declare class Api {
      */
     constructor(origin: string, options?: ApiOptions);
     private _request;
+    private checkConnection;
+    private offlineBanner;
+    private startHeartbeat;
+    private stopHeartbeat;
     /**
      * Get list of slices
      * @return {Promise<number[]>}
@@ -177,13 +194,16 @@ export declare class Api {
         [key: string]: any;
     }): Promise<any>;
     /**
-     * Exact same as `request` method, but logs the response in the console automatically
+     * Exact same as the `request` method, but logs the response in the console automatically
      *
      * @param {object | string} data Datalynk request as object or string
      * @param {ApiRequestOptions} options
      * @returns {Promise<any>} Datalynk response
      */
     debug<T = any>(data: any, options?: ApiRequestOptions): Promise<T>;
+    debug<T = any>(data: any, options: {
+        offline: true;
+    } & ApiRequestOptions): Promise<T | void>;
     /**
      * Send a request to Datalynk
      *
@@ -197,6 +217,9 @@ export declare class Api {
      * @returns {Promise<any>} Datalynk response or error
      */
     request<T = any>(data: any, options?: ApiRequestOptions): Promise<T>;
+    request<T = any>(data: any, options: {
+        offline: true;
+    } & ApiRequestOptions): Promise<T | void>;
     /**
      * Create a slice object using the API
      *

package/dist/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoD,QAAQ,EAAQ,MAAM,gBAAgB,CAAC;AAClG,OAAO,EAAC,eAAe,EAAuB,MAAM,MAAM,CAAC;AAC3D,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAC;AAC9B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAE,KAAK,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAEtC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,MAAM,MAAM,UAAU,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,GAAG,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,MAAM,CAAC;CACZ,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACxB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3C,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,6BAA6B;IAC7B,MAAM,CAAC,EAAE;QACR,6BAA6B;QAC7B,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC;QACrB,oDAAoD;QACpD,GAAG,EAAE,MAAM,CAAC;QACZ,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,2BAA2B;QAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;KAClB,CAAA;IACD,mCAAmC;IACnC,WAAW,CAAC,EAAE;QACb,+FAA+F;QAC/F,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,uHAAuH;QACvH,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,8DAA8D;QAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;CACF,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC,8BAA8B;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,yBAAyB;AACzB,MAAM,WAAW,QAAQ;IACxB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,sBAAsB;IACtB,OAAO,EAAE,GAAG,CAAC;IACb,kCAAkC;IAClC,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,kBAAkB;IAClB,KAAK,CAAC,EAAE,GAAG,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,GAAG;aAiGa,MAAM,EAAE,MAAM;IAhG1C,6BAA6B;IAC7B,MAAM,CAAC,OAAO,EAAE,MAAM,CAAW;IAEjC,8BAA8B;IAC9B,OAAO,CAAC,MAAM,CAAwD;IACtE,gCAAgC;IAChC,OAAO,CAAC,aAAa,CAAkB;IACvC,yBAAyB;IACzB,OAAO,CAAC,SAAS,CAIhB;IACD,6CAA6C;IAC7C,OAAO,CAAC,eAAe,CAAoB;IAC3C,6BAA6B;IAC7B,OAAO,CAAC,OAAO,CAA8B;IAE7C,cAAc;IACd,qBAAqB;IACrB,QAAQ,CAAC,IAAI,EAAG,IAAI,CAAC;IACrB,WAAW;IACX,QAAQ,CAAC,KAAK,EAAG,KAAK,CAAC;IACvB,UAAU;IACV,QAAQ,CAAC,GAAG,EAAG,GAAG,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,GAAG,EAAG,GAAG,CAAC;IACnB,aAAa;IACb,QAAQ,CAAC,MAAM,EAAG,MAAM,CAAC;IACzB,gBAAgB;IAChB,QAAQ,CAAC,SAAS,EAAG,SAAS,CAAC;IAC/B,aAAa;IACb,QAAQ,CAAC,MAAM,EAAG,MAAM,CAAC;IAEzB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,cAAc;IACd,OAAO,EAAG,UAAU,CAAC;IACrB,qBAAqB;IACrB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,CAAa;IAC3C,cAAc;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAW;IAE1B,uBAAuB;IACvB,IAAI,OAAO,YAEV;IAED,wCAAwC;IACxC,IAAI,UAAU,IAAI,UAAU,GAAG,IAAI,CAGlC;IAED,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,2BAAkF;IACzF,gCAAgC;IAChC,IAAI,MAAM,IAGQ,OAAO,GAAG,IAAI,CAHgB;IAChD,IAAI,OAAO,YAA2B;IACtC,iCAAiC;IACjC,IAAI,MAAM,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,EAW/B;IAED,sBAAsB;IACtB,IAAI,KAAK,WAER;IAED,wBAAwB;IACxB,MAAM,iCAAsD;IAC5D,IAAI,KAAK,IACQ,MAAM,GAAG,IAAI,CADgB;IAC9C,IAAI,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAA8B;IAE5D;;;;;;;;;;OAUG;gBACyB,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe;IA8EpE,OAAO,CAAC,QAAQ;YAwBF,eAAe;IAkB7B,OAAO,CAAC,aAAa;IAcrB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,aAAa;IAOrB;;;OAGG;IACH,SAAS,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;IAQ9B;;;;;;OAMG;IACH,OAAO,CAAC,MAAM,CAAC,eAAe;IA0B9B;;;;OAIG;IACI,KAAK,CAAC,GAAG,QAAQ,EAAE,CAAC,GAAG,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE;IAehD;;;;OAIG;IACI,QAAQ,CAAC,OAAO,EAAE;QAAC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAC;IAiB7C;;;;;;OAMG;IACI,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,CAAC,CAAC;IAClE,KAAK,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE;QAAC,OAAO,EAAE,IAAI,CAAA;KAAC,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IAWjG;;;;;;;;;;;OAWG;IACI,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC,CAAC,CAAC;IACpE,OAAO,CAAC,CAAC,GAAG,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE;QAAC,OAAO,EAAE,IAAI,CAAA;KAAC,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;IA2CnG;;;;;;;;;;;;OAYG;IACI,KAAK,CAAC,CAAC,SAAS,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC;CAIjE"}

package/dist/index.cjs

@@ -338,6 +338,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this.from(super.finally(res));
     }
   }
+  function sleep(ms) {
+    return new Promise((res) => setTimeout(res, ms));
+  }
+  async function sleepWhile(fn2, checkInterval = 100) {
+    while (await fn2()) await sleep(checkInterval);
+  }
   class TypedEmitter {
     constructor() {
       __publicField2(this, "listeners", {});
@@ -2133,7 +2139,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       var _a;
       if (!token) return null;
       else if (token == ((_a = this.user) == null ? void 0 : _a.token)) return this.user;
-      else if (typeof navigator != "undefined" && !navigator.onLine && typeof localStorage != "undefined" && localStorage.getItem("datalynk-user"))
+      else if (!this.api.online && typeof localStorage != "undefined" && localStorage.getItem("datalynk-user"))
         return JSON.parse(localStorage.getItem("datalynk-user"));
       return this.api.request([{ "$/auth/current": {} }, { "$/env/me": {} }], { token }).then((resp) => resp[0] || resp[1] ? { ...resp[0], ...resp[1] } : null);
     }
@@ -3060,7 +3066,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       return this;
     }
   }
-  class Slice {
+  const _Slice = class _Slice {
     /**
      * An object to aid in constructing requests
      *
@@ -3070,17 +3076,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     constructor(slice, api) {
       __publicField(this, "table");
       __publicField(this, "info");
-      __publicField(this, "pendingInsert", 0);
-      /** Unsubscribe from changes, undefined if not subscribed */
-      __publicField(this, "unsubscribe");
+      __publicField(this, "loaded", false);
       /** Cached slice data as an observable */
       __publicField(this, "cache$", new BehaviorSubject([]));
+      /** Unsubscribe from changes, undefined if not subscribed */
+      __publicField(this, "unsubscribe");
       var _a;
       this.slice = slice;
       this.api = api;
       if (this.offlineEnabled) {
         this.table = (_a = api.database) == null ? void 0 : _a.table(slice.toString());
-        this.table.getAll().then((resp) => this.cache = resp);
+        this.table.getAll().then((resp) => {
+          this.cache = resp;
+          const lowest = resp.reduce((acc, r) => Math.min(acc, r.id), 0);
+          if (lowest < _Slice.nextId) _Slice.nextId = lowest;
+        }).finally(() => this.loaded = true);
         this.cache$.pipe(skip(1)).subscribe(async (cache) => {
           var _a2;
           await ((_a2 = this.table) == null ? void 0 : _a2.clear());
@@ -3088,13 +3098,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             var _a3;
             return (_a3 = this.table) == null ? void 0 : _a3.put(c.id, c);
           }));
-          this.fixIncrement();
         });
         this.sync();
-        window.addEventListener("online", async () => {
+        this.api.online$.subscribe(async (online) => {
+          if (!online) return;
           if (this.api.expired) await lastValueFrom(this.api.auth.user$.pipe(skip(1), takeWhile((u) => !u || this.api.expired, true)));
           this.pushChanges();
         });
+      } else {
+        this.loaded = true;
       }
     }
     /** Cached slice data */
@@ -3110,13 +3122,9 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       var _a;
       return (_a = this.api.database) == null ? void 0 : _a.includes(this.slice.toString());
     }
-    fixIncrement() {
-      var _a;
-      this.pendingInsert = ((_a = this.cache.toSorted(sortByProp("id")).pop()) == null ? void 0 : _a["id"]) || 0;
-    }
     execWrapper(call) {
       const onlineExec = call.exec.bind(call);
-      return () => {
+      return async () => {
         if (this.offlineEnabled && navigator && !(navigator == null ? void 0 : navigator.onLine)) {
           const where = (row, condition) => {
             if (Array.isArray(condition) ? !condition.length : condition == null) return true;
@@ -3134,6 +3142,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             if (condition[0] == "$mod") return where(row, condition[1]) % where(row, condition[2]);
             return condition[0];
           };
+          await sleepWhile(() => !this.loaded);
           let request = call.raw, resp = {};
           if (request["$/slice/delete"]) {
             const found = this.cache.filter((r) => where(r, request["$/slice/delete"]["where"])).map((r) => r.id);
@@ -3158,7 +3167,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           } else if (request["$/slice/xinsert"]) {
             const rows = request["$/slice/xinsert"]["rows"].map((r) => ({
               ...r,
-              id: -++this.pendingInsert,
+              id: --_Slice.nextId,
               _sync: "insert"
             }));
             this.cache = [...this.cache, ...rows];
@@ -3188,17 +3197,16 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
               tx: null
             };
           }
-          if (request["$pop"]) {
+          if (request["$pop"])
             resp = request["$pop"].split(":").reduce((acc, key) => acc[JSONAttemptParse(key)], resp);
-          }
-          return Promise.resolve(resp);
+          return resp;
         } else {
           return onlineExec();
         }
       };
     }
     async pushChanges() {
-      if (this.offlineEnabled && navigator && navigator.onLine) {
+      if (this.offlineEnabled && this.api.online) {
         await Promise.allSettled(
           this.cache.values().map((value) => {
             if (value._sync == "delete") {
@@ -3261,7 +3269,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
      */
     sync(on = true) {
       if (on) {
-        this.pushChanges().then(() => this.select().rows().exec().then((rows) => this.cache = rows));
+        this.pushChanges().then(() => this.select().rows().exec().then((rows) => {
+          this.cache = rows;
+          this.loaded = true;
+        }));
         if (!this.unsubscribe) this.unsubscribe = this.api.socket.sliceEvents(this.slice, (event) => {
           const ids = [...event.data.new, ...event.data.changed];
           this.select(ids).rows().exec().then((rows) => this.cache = [...this.cache.filter((c) => c.id != null && !ids.includes(c.id)), ...rows]);
@@ -3322,7 +3333,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       call.exec = this.execWrapper(call);
       return call.update(rows);
     }
-  }
+  };
+  __publicField(_Slice, "idMap", {});
+  __publicField(_Slice, "nextId", 0);
+  let Slice = _Slice;
   class Socket {
     constructor(api, options = {}) {
       __publicField(this, "listeners", []);
@@ -3378,7 +3392,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         this.close();
         this.connect();
       }, timeout * 1e3);
-      if (navigator.onLine) {
+      if (this.api.online) {
         this.socket = new WebSocket(this.options.url + (this.api.token ? `?token=${this.api.token}&origin=${location.href}` : ""));
         this.socket.onopen = () => clearTimeout(this.retry);
         this.socket.onclose = () => {
@@ -3457,7 +3471,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       } });
     }
   }
-  const version = "1.3.4";
+  const version = "1.3.6";
   class WebRtc {
     constructor(api) {
       __publicField(this, "ice");
@@ -3595,6 +3609,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __publicField(this, "bundle", []);
       /** Bundle lifecycle tracking */
       __publicField(this, "bundleOngoing", false);
+      /** Track online state */
+      __publicField(this, "heartbeat", {
+        interval: null,
+        target: "version.php",
+        timeout: 6e4
+      });
       /** LocalStorage key for persisting logins */
       __publicField(this, "localStorageKey", "datalynk-token");
       /** Pending requests cache */
@@ -3624,6 +3644,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       __publicField(this, "url");
       /** Client library version */
       __publicField(this, "version", version);
+      __publicField(this, "onlineOverride", false);
+      __publicField(this, "online$", new BehaviorSubject(typeof navigator == "undefined" ? true : navigator.onLine));
       /** API Session token */
       __publicField(this, "token$", new BehaviorSubject(void 0));
       var _a, _b;
@@ -3659,10 +3681,28 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.pwa = new PWA(this);
       this.superuser = new Superuser(this);
       this.webrtc = new WebRtc(this);
+      this.database = new Database("datalynk", ["pending", ...this.options.offline || []]);
+      this.online$.subscribe(async (online) => {
+        var _a2;
+        if (!online) return;
+        const table = (_a2 = this.database) == null ? void 0 : _a2.table("pending");
+        const keys = await (table == null ? void 0 : table.getAllKeys());
+        await Promise.allSettled(keys.map(async (k) => {
+          const r = await (table == null ? void 0 : table.get(k));
+          await this.request(r).then(() => table == null ? void 0 : table.delete(k));
+        }));
+      });
+      if (typeof window !== "undefined") {
+        const handleOffline = (state = this.offline) => {
+          if (this.online != state) this.online$.next(state);
+        };
+        window.addEventListener("online", () => handleOffline(true));
+        window.addEventListener("offline", () => handleOffline(false));
+        this.online$.subscribe(() => this.offlineBanner());
+      }
       if ((_a = this.options.offline) == null ? void 0 : _a.length) {
         this.pwa.setup();
         if (typeof indexedDB == "undefined") throw new Error("Cannot enable offline support, indexedDB is not available in this environment");
-        this.database = new Database("datalynk", this.options.offline);
         (_b = this.options.offline) == null ? void 0 : _b.forEach((id) => this.slice(id));
         if (this.options.serviceWorker && typeof navigator["serviceWorker"] != "undefined") {
           (async () => {
@@ -3683,15 +3723,35 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }
       }
     }
+    /** Is token expired */
+    get expired() {
+      var _a;
+      return (((_a = this.jwtPayload) == null ? void 0 : _a.exp) ?? Infinity) * 1e3 <= Date.now();
+    }
     /** Get session info from JWT payload */
     get jwtPayload() {
       if (!this.token) return null;
       return decodeJwt(this.token);
     }
-    /** Is token expired */
-    get expired() {
-      var _a;
-      return (((_a = this.jwtPayload) == null ? void 0 : _a.exp) ?? Infinity) * 1e3 <= Date.now();
+    /** Check if we are connected */
+    get online() {
+      return this.online$.getValue();
+    }
+    get offline() {
+      return !this.online;
+    }
+    /** Override connection status */
+    set online(value) {
+      if (value == null) {
+        this.onlineOverride = false;
+        this.online$.next(typeof navigator == "undefined" ? true : navigator.onLine);
+      } else {
+        this.onlineOverride = true;
+        if (value == this.online) return;
+        this.online$.next(value);
+        if (value) this.startHeartbeat();
+        else this.stopHeartbeat();
+      }
     }
     /** Logged in spoke */
     get spoke() {
@@ -3715,12 +3775,56 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         }),
         body: JSON.stringify(_Api.translateTokens(req))
       }).then(async (resp) => {
+        const warning = resp.headers["X-Warning"];
+        if (warning) console.warn(warning);
+        this.online = true;
         let data = JSONAttemptParse(await resp.text());
         if (!resp.ok || (data == null ? void 0 : data.error)) throw Object.assign(errorFromCode(resp.status, data.error), data);
         if (!options.raw) data = _Api.translateTokens(data);
         return data;
       });
     }
+    async checkConnection() {
+      if (typeof navigator != "undefined" && !navigator.onLine) {
+        this.online$.next(false);
+        return;
+      }
+      if (this.onlineOverride) return;
+      const controller = new AbortController();
+      const timeout = setTimeout(() => controller.abort(), this.heartbeat.timeout);
+      try {
+        const response = await fetch(this.url + this.heartbeat.target, { signal: controller.signal });
+        this.online$.next(response.ok);
+      } catch (error) {
+        this.online$.next(false);
+      } finally {
+        clearTimeout(timeout);
+      }
+    }
+    offlineBanner() {
+      if (this.options.offlineBanner === false || typeof document == "undefined") return;
+      const banner = document.querySelector(".datalynk-offline-banner");
+      if (this.online) {
+        banner == null ? void 0 : banner.remove();
+      } else if (!banner) {
+        const b = document.createElement("div");
+        b.className = "datalynk-offline-banner";
+        Object.assign(b.style, { position: "fixed", [this.options.offlineBanner === "top" ? "top" : "bottom"]: "0", left: "0", right: "0", padding: ".75rem", fontSize: "1rem", fontWeight: "bolder", backgroundColor: "#dc3545", color: "#fff", textAlign: "center", zIndex: "9999" });
+        b.innerHTML = "⚠️ You are offline, please reconnect to sync changes";
+        document.body.appendChild(b);
+      }
+    }
+    startHeartbeat() {
+      this.stopHeartbeat();
+      this.heartbeat.interval = setInterval(() => this.checkConnection(), this.heartbeat.timeout / 2);
+      this.checkConnection();
+    }
+    stopHeartbeat() {
+      if (this.heartbeat.interval) {
+        clearInterval(this.heartbeat.interval);
+        this.heartbeat.interval = null;
+      }
+    }
     /**
      * Get list of slices
      * @return {Promise<number[]>}
@@ -3803,13 +3907,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         { "$_": "*" }
       ] }, {});
     }
-    /**
-     * Exact same as `request` method, but logs the response in the console automatically
-     *
-     * @param {object | string} data Datalynk request as object or string
-     * @param {ApiRequestOptions} options
-     * @returns {Promise<any>} Datalynk response
-     */
     debug(data, options = {}) {
       return this.request(data, options).then((data2) => {
         console.log(data2);
@@ -3819,20 +3916,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         return err;
       });
     }
-    /**
-     * Send a request to Datalynk
-     *
-     * @example
-     * ```ts
-     * const response = await api.request('$/auth/current');
-     * ```
-     *
-     * @param {object} data Request using Datalynk API syntax. Strings will be converted: '$/auth/current' -> {'$/auth/current': {}}
-     * @param {ApiRequestOptions} options
-     * @returns {Promise<any>} Datalynk response or error
-     */
     request(data, options = {}) {
+      var _a, _b;
       data = typeof data == "string" ? { [data]: {} } : data;
+      let key = JSON.stringify(data);
+      if (this.offline) {
+        (_b = (_a = this.database) == null ? void 0 : _a.table("pending")) == null ? void 0 : _b.add(data, key);
+        return Promise.resolve();
+      }
       if (options.noOptimize) {
         return new Promise((res, rej) => {
           this._request(data, options).then((resp) => {
@@ -3840,7 +3931,6 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }).catch((err) => rej(err));
         });
       }
-      let key = JSON.stringify(data);
       if (!this.pending[key]) {
         this.pending[key] = new Promise((res, rej) => this.bundle.push({ data, res, rej }));
         this.pending[key].catch().then(() => delete this.pending[key]);

package/dist/index.mjs

@@ -334,6 +334,12 @@ class PromiseProgress extends Promise {
     return this.from(super.finally(res));
   }
 }
+function sleep(ms) {
+  return new Promise((res) => setTimeout(res, ms));
+}
+async function sleepWhile(fn2, checkInterval = 100) {
+  while (await fn2()) await sleep(checkInterval);
+}
 class TypedEmitter {
   constructor() {
     __publicField2(this, "listeners", {});
@@ -2129,7 +2135,7 @@ class Auth {
     var _a;
     if (!token) return null;
     else if (token == ((_a = this.user) == null ? void 0 : _a.token)) return this.user;
-    else if (typeof navigator != "undefined" && !navigator.onLine && typeof localStorage != "undefined" && localStorage.getItem("datalynk-user"))
+    else if (!this.api.online && typeof localStorage != "undefined" && localStorage.getItem("datalynk-user"))
       return JSON.parse(localStorage.getItem("datalynk-user"));
     return this.api.request([{ "$/auth/current": {} }, { "$/env/me": {} }], { token }).then((resp) => resp[0] || resp[1] ? { ...resp[0], ...resp[1] } : null);
   }
@@ -3056,7 +3062,7 @@ class ApiCall {
     return this;
   }
 }
-class Slice {
+const _Slice = class _Slice {
   /**
    * An object to aid in constructing requests
    *
@@ -3066,17 +3072,21 @@ class Slice {
   constructor(slice, api) {
     __publicField(this, "table");
     __publicField(this, "info");
-    __publicField(this, "pendingInsert", 0);
-    /** Unsubscribe from changes, undefined if not subscribed */
-    __publicField(this, "unsubscribe");
+    __publicField(this, "loaded", false);
     /** Cached slice data as an observable */
     __publicField(this, "cache$", new BehaviorSubject([]));
+    /** Unsubscribe from changes, undefined if not subscribed */
+    __publicField(this, "unsubscribe");
     var _a;
     this.slice = slice;
     this.api = api;
     if (this.offlineEnabled) {
       this.table = (_a = api.database) == null ? void 0 : _a.table(slice.toString());
-      this.table.getAll().then((resp) => this.cache = resp);
+      this.table.getAll().then((resp) => {
+        this.cache = resp;
+        const lowest = resp.reduce((acc, r) => Math.min(acc, r.id), 0);
+        if (lowest < _Slice.nextId) _Slice.nextId = lowest;
+      }).finally(() => this.loaded = true);
       this.cache$.pipe(skip(1)).subscribe(async (cache) => {
         var _a2;
         await ((_a2 = this.table) == null ? void 0 : _a2.clear());
@@ -3084,13 +3094,15 @@ class Slice {
           var _a3;
           return (_a3 = this.table) == null ? void 0 : _a3.put(c.id, c);
         }));
-        this.fixIncrement();
       });
       this.sync();
-      window.addEventListener("online", async () => {
+      this.api.online$.subscribe(async (online) => {
+        if (!online) return;
         if (this.api.expired) await lastValueFrom(this.api.auth.user$.pipe(skip(1), takeWhile((u) => !u || this.api.expired, true)));
         this.pushChanges();
       });
+    } else {
+      this.loaded = true;
     }
   }
   /** Cached slice data */
@@ -3106,13 +3118,9 @@ class Slice {
     var _a;
     return (_a = this.api.database) == null ? void 0 : _a.includes(this.slice.toString());
   }
-  fixIncrement() {
-    var _a;
-    this.pendingInsert = ((_a = this.cache.toSorted(sortByProp("id")).pop()) == null ? void 0 : _a["id"]) || 0;
-  }
   execWrapper(call) {
     const onlineExec = call.exec.bind(call);
-    return () => {
+    return async () => {
       if (this.offlineEnabled && navigator && !(navigator == null ? void 0 : navigator.onLine)) {
         const where = (row, condition) => {
           if (Array.isArray(condition) ? !condition.length : condition == null) return true;
@@ -3130,6 +3138,7 @@ class Slice {
           if (condition[0] == "$mod") return where(row, condition[1]) % where(row, condition[2]);
           return condition[0];
         };
+        await sleepWhile(() => !this.loaded);
         let request = call.raw, resp = {};
         if (request["$/slice/delete"]) {
           const found = this.cache.filter((r) => where(r, request["$/slice/delete"]["where"])).map((r) => r.id);
@@ -3154,7 +3163,7 @@ class Slice {
         } else if (request["$/slice/xinsert"]) {
           const rows = request["$/slice/xinsert"]["rows"].map((r) => ({
             ...r,
-            id: -++this.pendingInsert,
+            id: --_Slice.nextId,
             _sync: "insert"
           }));
           this.cache = [...this.cache, ...rows];
@@ -3184,17 +3193,16 @@ class Slice {
             tx: null
           };
         }
-        if (request["$pop"]) {
+        if (request["$pop"])
           resp = request["$pop"].split(":").reduce((acc, key) => acc[JSONAttemptParse(key)], resp);
-        }
-        return Promise.resolve(resp);
+        return resp;
       } else {
         return onlineExec();
       }
     };
   }
   async pushChanges() {
-    if (this.offlineEnabled && navigator && navigator.onLine) {
+    if (this.offlineEnabled && this.api.online) {
       await Promise.allSettled(
         this.cache.values().map((value) => {
           if (value._sync == "delete") {
@@ -3257,7 +3265,10 @@ class Slice {
    */
   sync(on = true) {
     if (on) {
-      this.pushChanges().then(() => this.select().rows().exec().then((rows) => this.cache = rows));
+      this.pushChanges().then(() => this.select().rows().exec().then((rows) => {
+        this.cache = rows;
+        this.loaded = true;
+      }));
       if (!this.unsubscribe) this.unsubscribe = this.api.socket.sliceEvents(this.slice, (event) => {
         const ids = [...event.data.new, ...event.data.changed];
         this.select(ids).rows().exec().then((rows) => this.cache = [...this.cache.filter((c) => c.id != null && !ids.includes(c.id)), ...rows]);
@@ -3318,7 +3329,10 @@ class Slice {
     call.exec = this.execWrapper(call);
     return call.update(rows);
   }
-}
+};
+__publicField(_Slice, "idMap", {});
+__publicField(_Slice, "nextId", 0);
+let Slice = _Slice;
 class Socket {
   constructor(api, options = {}) {
     __publicField(this, "listeners", []);
@@ -3374,7 +3388,7 @@ class Socket {
       this.close();
       this.connect();
     }, timeout * 1e3);
-    if (navigator.onLine) {
+    if (this.api.online) {
       this.socket = new WebSocket(this.options.url + (this.api.token ? `?token=${this.api.token}&origin=${location.href}` : ""));
       this.socket.onopen = () => clearTimeout(this.retry);
       this.socket.onclose = () => {
@@ -3453,7 +3467,7 @@ class Superuser {
     } });
   }
 }
-const version = "1.3.4";
+const version = "1.3.6";
 class WebRtc {
   constructor(api) {
     __publicField(this, "ice");
@@ -3591,6 +3605,12 @@ const _Api = class _Api {
     __publicField(this, "bundle", []);
     /** Bundle lifecycle tracking */
     __publicField(this, "bundleOngoing", false);
+    /** Track online state */
+    __publicField(this, "heartbeat", {
+      interval: null,
+      target: "version.php",
+      timeout: 6e4
+    });
     /** LocalStorage key for persisting logins */
     __publicField(this, "localStorageKey", "datalynk-token");
     /** Pending requests cache */
@@ -3620,6 +3640,8 @@ const _Api = class _Api {
     __publicField(this, "url");
     /** Client library version */
     __publicField(this, "version", version);
+    __publicField(this, "onlineOverride", false);
+    __publicField(this, "online$", new BehaviorSubject(typeof navigator == "undefined" ? true : navigator.onLine));
     /** API Session token */
     __publicField(this, "token$", new BehaviorSubject(void 0));
     var _a, _b;
@@ -3655,10 +3677,28 @@ const _Api = class _Api {
     this.pwa = new PWA(this);
     this.superuser = new Superuser(this);
     this.webrtc = new WebRtc(this);
+    this.database = new Database("datalynk", ["pending", ...this.options.offline || []]);
+    this.online$.subscribe(async (online) => {
+      var _a2;
+      if (!online) return;
+      const table = (_a2 = this.database) == null ? void 0 : _a2.table("pending");
+      const keys = await (table == null ? void 0 : table.getAllKeys());
+      await Promise.allSettled(keys.map(async (k) => {
+        const r = await (table == null ? void 0 : table.get(k));
+        await this.request(r).then(() => table == null ? void 0 : table.delete(k));
+      }));
+    });
+    if (typeof window !== "undefined") {
+      const handleOffline = (state = this.offline) => {
+        if (this.online != state) this.online$.next(state);
+      };
+      window.addEventListener("online", () => handleOffline(true));
+      window.addEventListener("offline", () => handleOffline(false));
+      this.online$.subscribe(() => this.offlineBanner());
+    }
     if ((_a = this.options.offline) == null ? void 0 : _a.length) {
       this.pwa.setup();
       if (typeof indexedDB == "undefined") throw new Error("Cannot enable offline support, indexedDB is not available in this environment");
-      this.database = new Database("datalynk", this.options.offline);
       (_b = this.options.offline) == null ? void 0 : _b.forEach((id) => this.slice(id));
       if (this.options.serviceWorker && typeof navigator["serviceWorker"] != "undefined") {
         (async () => {
@@ -3679,15 +3719,35 @@ const _Api = class _Api {
       }
     }
   }
+  /** Is token expired */
+  get expired() {
+    var _a;
+    return (((_a = this.jwtPayload) == null ? void 0 : _a.exp) ?? Infinity) * 1e3 <= Date.now();
+  }
   /** Get session info from JWT payload */
   get jwtPayload() {
     if (!this.token) return null;
     return decodeJwt(this.token);
   }
-  /** Is token expired */
-  get expired() {
-    var _a;
-    return (((_a = this.jwtPayload) == null ? void 0 : _a.exp) ?? Infinity) * 1e3 <= Date.now();
+  /** Check if we are connected */
+  get online() {
+    return this.online$.getValue();
+  }
+  get offline() {
+    return !this.online;
+  }
+  /** Override connection status */
+  set online(value) {
+    if (value == null) {
+      this.onlineOverride = false;
+      this.online$.next(typeof navigator == "undefined" ? true : navigator.onLine);
+    } else {
+      this.onlineOverride = true;
+      if (value == this.online) return;
+      this.online$.next(value);
+      if (value) this.startHeartbeat();
+      else this.stopHeartbeat();
+    }
   }
   /** Logged in spoke */
   get spoke() {
@@ -3711,12 +3771,56 @@ const _Api = class _Api {
       }),
       body: JSON.stringify(_Api.translateTokens(req))
     }).then(async (resp) => {
+      const warning = resp.headers["X-Warning"];
+      if (warning) console.warn(warning);
+      this.online = true;
       let data = JSONAttemptParse(await resp.text());
       if (!resp.ok || (data == null ? void 0 : data.error)) throw Object.assign(errorFromCode(resp.status, data.error), data);
       if (!options.raw) data = _Api.translateTokens(data);
       return data;
     });
   }
+  async checkConnection() {
+    if (typeof navigator != "undefined" && !navigator.onLine) {
+      this.online$.next(false);
+      return;
+    }
+    if (this.onlineOverride) return;
+    const controller = new AbortController();
+    const timeout = setTimeout(() => controller.abort(), this.heartbeat.timeout);
+    try {
+      const response = await fetch(this.url + this.heartbeat.target, { signal: controller.signal });
+      this.online$.next(response.ok);
+    } catch (error) {
+      this.online$.next(false);
+    } finally {
+      clearTimeout(timeout);
+    }
+  }
+  offlineBanner() {
+    if (this.options.offlineBanner === false || typeof document == "undefined") return;
+    const banner = document.querySelector(".datalynk-offline-banner");
+    if (this.online) {
+      banner == null ? void 0 : banner.remove();
+    } else if (!banner) {
+      const b = document.createElement("div");
+      b.className = "datalynk-offline-banner";
+      Object.assign(b.style, { position: "fixed", [this.options.offlineBanner === "top" ? "top" : "bottom"]: "0", left: "0", right: "0", padding: ".75rem", fontSize: "1rem", fontWeight: "bolder", backgroundColor: "#dc3545", color: "#fff", textAlign: "center", zIndex: "9999" });
+      b.innerHTML = "⚠️ You are offline, please reconnect to sync changes";
+      document.body.appendChild(b);
+    }
+  }
+  startHeartbeat() {
+    this.stopHeartbeat();
+    this.heartbeat.interval = setInterval(() => this.checkConnection(), this.heartbeat.timeout / 2);
+    this.checkConnection();
+  }
+  stopHeartbeat() {
+    if (this.heartbeat.interval) {
+      clearInterval(this.heartbeat.interval);
+      this.heartbeat.interval = null;
+    }
+  }
   /**
    * Get list of slices
    * @return {Promise<number[]>}
@@ -3799,13 +3903,6 @@ const _Api = class _Api {
       { "$_": "*" }
     ] }, {});
   }
-  /**
-   * Exact same as `request` method, but logs the response in the console automatically
-   *
-   * @param {object | string} data Datalynk request as object or string
-   * @param {ApiRequestOptions} options
-   * @returns {Promise<any>} Datalynk response
-   */
   debug(data, options = {}) {
     return this.request(data, options).then((data2) => {
       console.log(data2);
@@ -3815,20 +3912,14 @@ const _Api = class _Api {
       return err;
     });
   }
-  /**
-   * Send a request to Datalynk
-   *
-   * @example
-   * ```ts
-   * const response = await api.request('$/auth/current');
-   * ```
-   *
-   * @param {object} data Request using Datalynk API syntax. Strings will be converted: '$/auth/current' -> {'$/auth/current': {}}
-   * @param {ApiRequestOptions} options
-   * @returns {Promise<any>} Datalynk response or error
-   */
   request(data, options = {}) {
+    var _a, _b;
     data = typeof data == "string" ? { [data]: {} } : data;
+    let key = JSON.stringify(data);
+    if (this.offline) {
+      (_b = (_a = this.database) == null ? void 0 : _a.table("pending")) == null ? void 0 : _b.add(data, key);
+      return Promise.resolve();
+    }
     if (options.noOptimize) {
       return new Promise((res, rej) => {
         this._request(data, options).then((resp) => {
@@ -3836,7 +3927,6 @@ const _Api = class _Api {
         }).catch((err) => rej(err));
       });
     }
-    let key = JSON.stringify(data);
     if (!this.pending[key]) {
       this.pending[key] = new Promise((res, rej) => this.bundle.push({ data, res, rej }));
       this.pending[key].catch().then(() => delete this.pending[key]);

package/dist/slice.d.ts

@@ -231,13 +231,17 @@ export declare class ApiCall<T extends Meta = any> {
 export declare class Slice<T extends Meta = any> {
     private slice;
     private api;
+    static idMap: {
+        [key: number]: number;
+    };
+    static nextId: number;
     private table?;
     private info?;
-    private pendingInsert;
-    /** Unsubscribe from changes, undefined if not subscribed */
-    unsubscribe?: Unsubscribe | null;
+    private loaded;
     /** Cached slice data as an observable */
     cache$: BehaviorSubject<T[]>;
+    /** Unsubscribe from changes, undefined if not subscribed */
+    unsubscribe?: Unsubscribe | null;
     /** Cached slice data */
     get cache(): T[];
     /** Set cached data & alert subscribers */
@@ -251,7 +255,6 @@ export declare class Slice<T extends Meta = any> {
      * @param {Api} api Api to send the requests through
      */
     constructor(slice: number | string, api: Api);
-    private fixIncrement;
     private execWrapper;
     pushChanges(): Promise<void>;
     /**

package/dist/slice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slice.d.ts","sourceRoot":"","sources":["../src/slice.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"slice.d.ts","sourceRoot":"","sources":["../src/slice.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -2,7 +2,7 @@
 	"name": "@auxilium/datalynk-client",
 	"description": "Datalynk client library",
 	"repository": "https://gitlab.auxiliumgroup.com/auxilium/datalynk/datalynk-client",
-	"version": "1.3.4",
+	"version": "1.3.6",
 	"author": "Zak Timson <zaktimson@gmail.com>",
 	"private": false,
 	"main": "./dist/index.cjs",