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

package/dist/connectionClient/connectionClient.d.ts

@@ -1,5 +1,5 @@
 import { IDiographObject } from '@diograph/diograph';
-import { IConnectionObject, IDiosphereObject } from '@diory/diosphere-js';
+import { IConnectionObject } from '@diory/diosphere-js';
 import { IConnectionClient, IDataClient } from '../types';
 declare class ConnectionClient implements IConnectionClient {
     type: string;
@@ -7,9 +7,9 @@ declare class ConnectionClient implements IConnectionClient {
     connection: IConnectionObject;
     constructor(dataClient: IDataClient, connection: IConnectionObject);
     getDiosphere: () => Promise<any>;
-    saveDiosphere: (diosphereObject: IDiosphereObject) => Promise<boolean>;
+    saveDiosphere: () => void;
     getDiograph: () => Promise<any>;
-    saveDiograph: (diographObject: IDiographObject) => Promise<boolean>;
+    saveDiograph: () => void;
     generateDiograph: () => Promise<IDiographObject>;
 }
 export { ConnectionClient };

package/dist/connectionClient/connectionClient.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConnectionClient = void 0;
 const path_browserify_1 = require("path-browserify");
 const folder_generator_1 = require("@diograph/folder-generator");
+const debounce_1 = require("./utils/debounce");
 const DIOSPHERE_JSON = 'diosphere.json';
 const DIOGRAPH_JSON = 'diograph.json';
 class ConnectionClient {
@@ -12,21 +13,21 @@ class ConnectionClient {
             const diosphereString = await this.client.readTextItem(path);
             return JSON.parse(diosphereString);
         };
-        this.saveDiosphere = async (diosphereObject) => {
+        this.saveDiosphere = (0, debounce_1.debounce)(async (diosphereObject) => {
             const path = (0, path_browserify_1.join)(this.connection.address, DIOSPHERE_JSON);
             const diosphereString = JSON.stringify(diosphereObject, null, 2);
             return this.client.writeItem(path, diosphereString);
-        };
+        }, 1000);
         this.getDiograph = async () => {
             const path = (0, path_browserify_1.join)(this.connection.address, DIOGRAPH_JSON);
             const diographString = await this.client.readTextItem(path);
             return JSON.parse(diographString);
         };
-        this.saveDiograph = async (diographObject) => {
+        this.saveDiograph = (0, debounce_1.debounce)(async (diographObject) => {
             const path = (0, path_browserify_1.join)(this.connection.address, DIOGRAPH_JSON);
             const diographString = JSON.stringify(diographObject, null, 2);
             return this.client.writeItem(path, diographString);
-        };
+        }, 1000);
         this.generateDiograph = async () => {
             const { diograph } = await (0, folder_generator_1.generateDiograph)(this.connection.address, this.client);
             return diograph.toObject();

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

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

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/package.json

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

package/src/connectionClient/connectionClient.ts

@@ -4,6 +4,7 @@ import { generateDiograph } from '@diograph/folder-generator'
 import { IDiographObject } from '@diograph/diograph'
 import { IConnectionObject, IDiosphereObject } from '@diory/diosphere-js'
 import { IConnectionClient, IDataClient } from '../types'
+import { debounce } from './utils/debounce'
 
 const DIOSPHERE_JSON = 'diosphere.json'
 const DIOGRAPH_JSON = 'diograph.json'
@@ -25,11 +26,11 @@ class ConnectionClient implements IConnectionClient {
     return JSON.parse(diosphereString)
   }
 
-  saveDiosphere = async (diosphereObject: IDiosphereObject) => {
+  saveDiosphere = debounce(async (diosphereObject: IDiosphereObject) => {
     const path = join(this.connection.address, DIOSPHERE_JSON)
     const diosphereString = JSON.stringify(diosphereObject, null, 2)
     return this.client.writeItem(path, diosphereString)
-  }
+  }, 1000)
 
   getDiograph = async () => {
     const path = join(this.connection.address, DIOGRAPH_JSON)
@@ -37,11 +38,11 @@ class ConnectionClient implements IConnectionClient {
     return JSON.parse(diographString)
   }
 
-  saveDiograph = async (diographObject: IDiographObject) => {
+  saveDiograph = debounce(async (diographObject: IDiographObject) => {
     const path = join(this.connection.address, DIOGRAPH_JSON)
     const diographString = JSON.stringify(diographObject, null, 2)
     return this.client.writeItem(path, diographString)
-  }
+  }, 1000)
 
   generateDiograph = async (): Promise<IDiographObject> => {
     const { diograph } = await generateDiograph(this.connection.address, this.client)

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 () => {
+    // @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)
+  }
+}