@wildix/xbees-connect 1.1.0-alpha.0 → 1.1.2-alpha.0

package/dist-es/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@wildix/xbees-connect",
-    "version": "1.0.6-alpha.12",
+    "version": "1.1.1",
     "description": "This library provides easy communication between x-bees and integrated web applications",
     "author": "dimitri.chernykh <dimitri.chernykh@wildix.com>",
     "homepage": "",
@@ -30,9 +30,9 @@
         "access": "public"
     },
     "devDependencies": {
-        "eslint": "^8.53.0",
+        "eslint": "^8.55.0",
         "rimraf": "^5.0.5",
-        "typescript": "^5.2.2"
+        "typescript": "^5.3.3"
     },
     "parserOptions": {
         "project": [

package/dist-es/src/Client.js

@@ -1,5 +1,6 @@
 import packageJson from '../package.json';
 import { ClientEventType, DeprecatedUrlParams, EventType, UrlParams } from './enums';
+import LocalStorageManager from './helpers/LocalStorageManager';
 import PostMessageControllerNative from './helpers/PostMessageControllerNative';
 import PostMessageControllerWeb from './helpers/PostMessageControllerWeb';
 /**
@@ -36,6 +37,7 @@ export class Client {
     needAuthorize;
     iframeId;
     variant = null;
+    localStorageManager = LocalStorageManager.getInstance();
     constructor() {
         const params = new URLSearchParams(window.location.search);
         this.iframeId = (params.get(UrlParams.ID) ?? params.get(DeprecatedUrlParams.ID));
@@ -239,4 +241,10 @@ export class Client {
     onThemeChange(callback) {
         this.addEventListener(EventType.USE_THEME, callback);
     }
+    getFromStorage(key) {
+        this.localStorageManager.retrieve(key);
+    }
+    saveToStorage(key, value) {
+        this.localStorageManager.save(key, value);
+    }
 }

package/dist-es/src/helpers/LocalStorageManager.js

@@ -0,0 +1,65 @@
+class LocalStorageManager {
+    static instance = null;
+    static getInstance() {
+        if (!this.instance) {
+            this.instance = new LocalStorageManager();
+        }
+        return this.instance;
+    }
+    listeners = [];
+    integrationKey = '';
+    getStorageKey(key) {
+        return !this.integrationKey ? key : `${this.integrationKey}_${key}`;
+    }
+    getKey(key) {
+        return !this.integrationKey
+            ? key
+            : key.slice(`${this.integrationKey}_`.length);
+    }
+    constructor() {
+        if (this.shouldUseIntegrationKey()) {
+            this.integrationKey = this.calculateIntegrationKey();
+        }
+        window.addEventListener('storage', (event) => {
+            if (!event.key)
+                return;
+            const key = this.getKey(event.key);
+            this.listeners.forEach((listener) => listener({ ...event, key }));
+        });
+    }
+    calculateIntegrationKey() {
+        const pattern = /^\/([^/]+)\/index\.html$/;
+        const match = window.location.pathname.match(pattern);
+        if (match && match[1]) {
+            const [, key] = match;
+            return key;
+        }
+        return '';
+    }
+    shouldUseIntegrationKey() {
+        return (window.location.host.endsWith('integrations.x-bees.com') ||
+            window.location.pathname.endsWith('/index.html'));
+    }
+    save(key, value) {
+        // Save data to localStorage
+        localStorage.setItem(this.getStorageKey(key), JSON.stringify(value));
+    }
+    retrieve(key) {
+        // Retrieve data from localStorage
+        const data = localStorage.getItem(this.getStorageKey(key));
+        try {
+            return !data ? data : JSON.parse(data);
+        }
+        catch (error) {
+            console.error('parse data error', error);
+            return null;
+        }
+    }
+    get(key) {
+        return localStorage.getItem(this.getStorageKey(key));
+    }
+    onStorage(listener) {
+        this.listeners.push(listener);
+    }
+}
+export default LocalStorageManager;

package/dist-types/src/Client.d.ts

@@ -17,6 +17,7 @@ export declare class Client implements ConnectClient {
     private readonly needAuthorize;
     private readonly iframeId;
     private readonly variant;
+    private readonly localStorageManager;
     constructor();
     private sendAsync;
     private parseMessage;
@@ -50,4 +51,6 @@ export declare class Client implements ConnectClient {
     onSuggestContacts(callback: (query: string, resolve: SuggestContactsResolver, reject: Reject) => void): RemoveEventListener;
     onLookupAndMatchContact(callback: (query: ContactQuery, resolve: LookupAndMatchContactsResolver, reject: Reject) => void): RemoveEventListener;
     onThemeChange(callback: Callback<EventType.USE_THEME>): void;
+    getFromStorage(key: string): void;
+    saveToStorage(key: string, value: any): void;
 }

package/dist-types/src/helpers/LocalStorageManager.d.ts

@@ -0,0 +1,16 @@
+declare class LocalStorageManager {
+    private static instance;
+    static getInstance(): LocalStorageManager;
+    private listeners;
+    private integrationKey;
+    getStorageKey(key: string): string;
+    getKey(key: string): string;
+    constructor();
+    private calculateIntegrationKey;
+    private shouldUseIntegrationKey;
+    save(key: string, value: any): void;
+    retrieve(key: string): any;
+    get(key: string): any;
+    onStorage(listener: (event: StorageEvent) => void): void;
+}
+export default LocalStorageManager;

package/dist-types/types/index.d.ts

@@ -190,5 +190,11 @@ export interface ConnectClient {
     /**
      * Removes particular callback from handling events */
     off: (callback: Callback) => void;
+    /**
+     * saves data to localStorage */
+    saveToStorage: (key: string, value: any) => void;
+    /**
+     * Retrieves data from localStorage */
+    getFromStorage: (key: string) => void;
 }
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wildix/xbees-connect",
-  "version": "1.1.0-alpha.0",
+  "version": "1.1.2-alpha.0",
   "description": "This library provides easy communication between x-bees and integrated web applications",
   "author": "dimitri.chernykh <dimitri.chernykh@wildix.com>",
   "homepage": "",
@@ -30,9 +30,9 @@
     "access": "public"
   },
   "devDependencies": {
-    "eslint": "^8.53.0",
+    "eslint": "^8.55.0",
     "rimraf": "^5.0.5",
-    "typescript": "^5.2.2"
+    "typescript": "^5.3.3"
   },
   "parserOptions": {
     "project": [
@@ -42,5 +42,5 @@
   "engines": {
     "node": ">=16"
   },
-  "gitHead": "9d4812edf4f972f695efbda9dfaebed3a5a6af1f"
+  "gitHead": "72065c36cfbb65edbadec8a73718af7324f62e14"
 }