@diory/client-js 0.2.0-rc17 → 0.2.0-rc19

package/dist/connectionClient/utils/debounce.d.ts

@@ -0,0 +1 @@
+export declare function debounce(func: any, wait: number, immediate?: boolean): () => typeof func;

package/dist/connectionClient/utils/debounce.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.debounce = void 0;
+function debounce(func, wait, immediate = false) {
+    let timeout;
+    // eslint-disable-next-line func-names
+    return () => {
+        // @ts-ignore
+        const context = this;
+        const args = arguments;
+        // eslint-disable-next-line func-names
+        const later = function () {
+            timeout = null;
+            if (!immediate)
+                func.apply(context, args);
+        };
+        const callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow)
+            func.apply(context, args);
+    };
+}
+exports.debounce = debounce;

package/dist/dioryClient/dioryClient.js

@@ -6,6 +6,7 @@ const diograph_1 = require("@diograph/diograph");
 const getConnectionClients_1 = require("../utils/getConnectionClients");
 const getDefaultDiosphere_1 = require("./getDefaultDiosphere");
 const getDefaultDiograph_1 = require("./getDefaultDiograph");
+const debounce_1 = require("../connectionClient/utils/debounce");
 class DioryClient {
     constructor(dataClients) {
         this.dataClients = [];
@@ -121,8 +122,8 @@ class DioryClient {
         this.dataClients = dataClients;
         this.diosphere = new diosphere_js_1.Diosphere();
         this.diograph = new diograph_1.Diograph();
-        this.diosphere.saveDiosphere = this.saveDiosphere;
-        this.diograph.saveDiograph = this.saveDiograph;
+        this.diosphere.saveDiosphere = (0, debounce_1.debounce)(this.saveDiosphere, 1000);
+        this.diograph.saveDiograph = (0, debounce_1.debounce)(this.saveDiograph, 1000);
     }
 }
 exports.DioryClient = DioryClient;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@diory/client-js",
-  "version": "0.2.0-rc17",
+  "version": "0.2.0-rc19",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "author": "Olli-Pekka Pohjola <op@diory.me>, Jouni Alanen <jouni@diory.me>",

package/src/connectionClient/utils/debounce.ts

@@ -0,0 +1,18 @@
+export function debounce(func: any, wait: number, immediate = false) {
+  let timeout: any
+  // eslint-disable-next-line func-names
+  return (): typeof func => {
+    // @ts-ignore
+    const context = this
+    const args = arguments
+    // eslint-disable-next-line func-names
+    const later = function () {
+      timeout = null
+      if (!immediate) func.apply(context, args)
+    }
+    const callNow = immediate && !timeout
+    clearTimeout(timeout)
+    timeout = setTimeout(later, wait)
+    if (callNow) func.apply(context, args)
+  }
+}

package/src/dioryClient/dioryClient.ts

@@ -13,6 +13,7 @@ import { getConnectionClients } from '../utils/getConnectionClients'
 
 import { getDefaultDiosphere } from './getDefaultDiosphere'
 import { getDefaultDiograph } from './getDefaultDiograph'
+import { debounce } from '../connectionClient/utils/debounce'
 
 class DioryClient implements IDioryClient {
   dataClients: IDataClient[] = []
@@ -28,8 +29,8 @@ class DioryClient implements IDioryClient {
     this.diosphere = new Diosphere()
     this.diograph = new Diograph()
 
-    this.diosphere.saveDiosphere = this.saveDiosphere
-    this.diograph.saveDiograph = this.saveDiograph
+    this.diosphere.saveDiosphere = debounce(this.saveDiosphere, 1000)
+    this.diograph.saveDiograph = debounce(this.saveDiograph, 1000)
   }
 
   selectRoom = (roomObject: IRoomObject): IRoom => {