@supersoniks/concorde 1.1.45 → 1.1.46

package/core/utils/PublisherProxy.js

@@ -1,4 +1,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any*/
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 function isComplex(value) {
     return typeof value === "object" && value != null;
 }
@@ -9,15 +18,18 @@ export class PublisherProxy {
     constructor(target, parentProxPub) {
         this._proxies_ = new Map();
         this._key_ = "";
+        this._is_savable_ = false;
         this._invalidateListeners_ = new Set();
         this._assignListeners_ = new Set();
         this._mutationListeners_ = new Set();
         this._fillListeners_ = new Set();
         this._templateFillListeners_ = new Set();
         this._lockInternalMutationPublishing_ = false;
+        this._instanceCounter_ = 0;
         this._value_ = target;
         this.parent = parentProxPub || null;
         this.root = this;
+        this._instanceCounter_ = 0;
         while (this.root.parent) {
             this.root = this.root.parent;
         }
@@ -36,6 +48,7 @@ export class PublisherProxy {
         this._fillListeners_.clear();
         this._templateFillListeners_.clear();
         this._proxies_.clear();
+        PublisherProxy.instances.delete(this._instanceCounter_);
     }
     /**
      * Utile pour savoir si quelque chose est en écoute d'une modification sur le proxy via une des methodes associées
@@ -51,6 +64,12 @@ export class PublisherProxy {
         this._mutationListeners_.forEach((handler) => handler());
         if (lockInternalMutationsTransmission)
             return;
+        if (!PublisherManager.changed && this._is_savable_) {
+            PublisherManager.changed = true;
+            PublisherManager.saveId++;
+            const saveId = PublisherManager.saveId;
+            setTimeout(() => PublisherManager.getInstance().saveToLocalStorage(saveId), 1000);
+        }
         if (this.parent) {
             this.parent._publishInternalMutation_();
         }
@@ -273,7 +292,21 @@ export class PublisherProxy {
         }
         return this._value_;
     }
+    /**
+     * retourner le webcomponent auquel le proxy est associé
+     */
+    get $tag() {
+        if (!this._instanceCounter_) {
+            PublisherProxy.instancesCounter++;
+            this._instanceCounter_ = PublisherProxy.instancesCounter;
+        }
+        PublisherProxy.instances.set(this._instanceCounter_, this);
+        const str = '<reactive-publisher-proxy publisher="' + this._instanceCounter_ + '"></reactive-publisher-proxy>';
+        return str;
+    }
 }
+PublisherProxy.instances = new Map();
+PublisherProxy.instancesCounter = 0;
 /**
  * Utilitaires de gestion des Publisher
  * Obtenir, replacer ou supprimer un Publisher
@@ -281,10 +314,59 @@ export class PublisherProxy {
  */
 export class PublisherManager {
     constructor() {
+        this.enabledLocaStorageProxies = [];
         this.publishers = new Map();
+        this.localStorageData = {};
+        this.isLocalStrorageReady = null;
+        this.initialisedData = [];
         if (PublisherManager.instance != null)
             throw "Singleton / use getInstance";
         PublisherManager.instance = this;
+        this.isLocalStrorageReady = this.cleanStorageData();
+    }
+    cleanStorageData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            return new Promise((resolve) => {
+                const doiIt = () => __awaiter(this, void 0, void 0, function* () {
+                    try {
+                        let compressedData = localStorage.getItem("publisher-proxies-data");
+                        let localStorageJSON = null;
+                        if (compressedData)
+                            localStorageJSON = yield this.decompress(compressedData, "gzip");
+                        if (localStorageJSON) {
+                            try {
+                                this.localStorageData = JSON.parse(localStorageJSON);
+                            }
+                            catch (e) {
+                                this.localStorageData = {};
+                            }
+                        }
+                        else {
+                            compressedData = yield this.compress("{}", "gzip");
+                            localStorage.setItem("publisher-proxies-data", compressedData);
+                            this.localStorageData = {};
+                        }
+                        const expires = new Date().getTime() - 1000 * 60 * 60 * 12;
+                        for (const key in this.localStorageData) {
+                            const item = this.localStorageData[key];
+                            if (item.lastModifiationMS < expires) {
+                                delete this.localStorageData[key];
+                            }
+                        }
+                        resolve(true);
+                        // compressedData = await this.compress(JSON.stringify(this.localStorageData), "gzip");
+                        // localStorage.setItem("publisher-proxies-data", compressedData);
+                    }
+                    catch (e) {
+                        window.requestAnimationFrame(() => {
+                            resolve(false);
+                        });
+                        console.log("no publisher cache in this browser");
+                    }
+                });
+                doiIt();
+            });
+        });
     }
     /**
      * PublisherManager est un singleton
@@ -298,8 +380,8 @@ export class PublisherManager {
      * shortcut static pour obtenir un publisher vias sont id/adresse sans taper getInstance.
      * Si le publisher n'existe pas, il est créé.
      */
-    static get(id) {
-        return PublisherManager.getInstance().get(id);
+    static get(id, options) {
+        return PublisherManager.getInstance().get(id, options);
     }
     /**
      * shortcut static pour supprimer un publisher de la liste et appel également delete sur le publisher ce qui le supprime, de même que ses sous publishers
@@ -311,9 +393,26 @@ export class PublisherManager {
      * Obtenir un publisher vias sont id/adresse
      * Si le publisher n'existe pas, il est créé.
      */
-    get(id) {
-        if (!this.publishers.has(id))
-            this.publishers.set(id, new Publisher({}));
+    setLocalData(publisher, id) {
+        var _a;
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.isLocalStrorageReady;
+            publisher.set(((_a = this.localStorageData[id + "¤page:>" + document.location.pathname]) === null || _a === void 0 ? void 0 : _a.data) || publisher.get());
+        });
+    }
+    get(id, options) {
+        const hasLocalStorage = (options === null || options === void 0 ? void 0 : options.localStorageMode) === "enabled";
+        if (!this.publishers.has(id)) {
+            const data = {};
+            const publisher = new Publisher(data);
+            this.set(id, publisher);
+        }
+        const publisher = this.publishers.get(id);
+        if (hasLocalStorage && this.initialisedData.indexOf(id) === -1) {
+            publisher._is_savable_ = true;
+            this.initialisedData.push(id);
+            this.setLocalData(publisher, id);
+        }
         return this.publishers.get(id);
     }
     /**
@@ -332,7 +431,86 @@ export class PublisherManager {
         this.publishers.delete(id);
         return true;
     }
+    saveToLocalStorage(saveId = 0) {
+        return __awaiter(this, void 0, void 0, function* () {
+            /**
+             * si l'id a changé et que ce n'est pas un multiple de 10, on ne sauve pas
+             * on sauvegarde quand même tous les 10 au cas ou on aurrait des changements en continue, par exemple à chaque frame
+             */
+            if (saveId !== PublisherManager.saveId && saveId % 10 != 0)
+                return;
+            try {
+                if (!PublisherManager.changed || PublisherManager.saving)
+                    return;
+                PublisherManager.saving = true;
+                PublisherManager.changed = false;
+                const keys = Array.from(this.publishers.keys());
+                let hasChanged = false;
+                for (const key of keys) {
+                    const publisher = this.publishers.get(key);
+                    if (!(publisher === null || publisher === void 0 ? void 0 : publisher._is_savable_))
+                        continue;
+                    const data = publisher === null || publisher === void 0 ? void 0 : publisher.get();
+                    if (!data)
+                        continue;
+                    this.localStorageData[key + "¤page:>" + document.location.pathname] = {
+                        lastModifiationMS: new Date().getTime(),
+                        data: data,
+                    };
+                    hasChanged = true;
+                }
+                // on enregistre les données
+                if (hasChanged) {
+                    const compressedData = yield this.compress(JSON.stringify(this.localStorageData), "gzip");
+                    localStorage.setItem("publisher-proxies-data", compressedData);
+                }
+                PublisherManager.saving = false;
+                if (PublisherManager.changed) {
+                    PublisherManager.saveId++;
+                    const saveId = PublisherManager.saveId;
+                    setTimeout(() => this.saveToLocalStorage(saveId), 1000);
+                }
+            }
+            catch (e) {
+                PublisherManager.saving = false;
+            }
+        });
+    }
+    compress(string, encoding) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const byteArray = new TextEncoder().encode(string);
+            const win = window;
+            const cs = new win.CompressionStream(encoding);
+            const writer = cs.writable.getWriter();
+            writer.write(byteArray);
+            writer.close();
+            const result = yield new Response(cs.readable).arrayBuffer();
+            const arrayBufferView = new Uint8Array(result);
+            let str = "";
+            for (let i = 0; i < arrayBufferView.length; i++) {
+                str += String.fromCharCode(arrayBufferView[i]);
+            }
+            return btoa(str);
+        });
+    }
+    decompress(str, encoding) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const decodedString = atob(str);
+            const arrayBufferViewFromLocalStorage = Uint8Array.from(decodedString, (c) => c.charCodeAt(0));
+            const byteArray = arrayBufferViewFromLocalStorage.buffer;
+            const win = window;
+            const cs = new win.DecompressionStream(encoding);
+            const writer = cs.writable.getWriter();
+            writer.write(byteArray);
+            writer.close();
+            const result = yield new Response(cs.readable).arrayBuffer();
+            return new TextDecoder().decode(result);
+        });
+    }
 }
+PublisherManager.changed = false;
+PublisherManager.saving = false;
+PublisherManager.saveId = 0;
 PublisherManager.instance = null;
 /**
  * Le Proxy Javascript
@@ -361,6 +539,7 @@ export default class Publisher extends PublisherProxy {
                     "offInternalMutation",
                     "set",
                     "get",
+                    "$tag",
                     "_templateFillListeners_",
                     "_fillListeners_",
                     "_assignListeners_",
@@ -376,7 +555,9 @@ export default class Publisher extends PublisherProxy {
                     "_proxies_",
                     "parent",
                     "_value_",
+                    "_is_savable_",
                     "_lockInternalMutationPublishing_",
+                    "_instanceCounter_",
                 ].includes(sKey))
                     return publisherInstance[sKey];
                 if (!publisherInstance._proxies_.has(sKey)) {
@@ -396,7 +577,14 @@ export default class Publisher extends PublisherProxy {
                 //Fonctionnement pour la donnée interne pas de dispatch;
                 if (sKey == "_value_") {
                     publisherInstance._value_ = vValue;
-                    // return publisherInstance._value_;
+                    return true;
+                }
+                if (sKey == "_is_savable_") {
+                    publisherInstance._is_savable_ = vValue;
+                    return true;
+                }
+                if (sKey == "_instanceCounter_") {
+                    publisherInstance._instanceCounter_ = vValue;
                     return true;
                 }
                 //Création du publisher si il n'existe pas
@@ -463,3 +651,27 @@ export default class Publisher extends PublisherProxy {
 }
 if (typeof module != "undefined")
     module.exports = { Publisher: Publisher, PublisherManager: PublisherManager };
+// /**
+//  * A custom webcomponent wich will be linked to a publisher via its attribute "publisher"
+//  * the publisher will be found via PublisherManager.get(publisherId) and will be used to fill the component using the onAssign method
+//  */
+class PublisherWebComponent extends HTMLElement {
+    constructor() {
+        super();
+        this.publisherId = "";
+        this.onAssign = (value) => {
+            this.innerHTML = value.toString();
+        };
+    }
+    connectedCallback() {
+        var _a;
+        this.publisherId = this.getAttribute("publisher") || "";
+        this.publisher = PublisherProxy.instances.get(parseInt(this.publisherId));
+        (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.onAssign(this.onAssign);
+    }
+    disconnectedCallback() {
+        var _a;
+        (_a = this.publisher) === null || _a === void 0 ? void 0 : _a.offAssign(this.onAssign);
+    }
+}
+customElements.define("reactive-publisher-proxy", PublisherWebComponent);

package/core/utils/api.d.ts

@@ -8,6 +8,7 @@ export type APIConfiguration = {
     tokenProvider: string | null;
     addHTTPResponse?: boolean;
     credentials?: RequestCredentials;
+    cache?: RequestCache;
 };
 export type ResultTypeInterface = CoreJSType & {
     _sonic_http_response_?: Response;
@@ -19,6 +20,7 @@ export type APICall = {
     additionalHeaders: HeadersInit | undefined;
     method?: string | undefined;
     data?: unknown;
+    cache?: RequestCache;
 };
 declare class API {
     /**
@@ -72,6 +74,7 @@ declare class API {
      * Le endPoint pour obtenir le bearer token qui sera concaténé à l'url du service
      */
     addHTTPResponse: boolean;
+    cache: RequestCache;
     lastResult?: Response;
     constructor(config: APIConfiguration);
     handleResult(fetchResult: Response, lastCall: APICall): Promise<ResultTypeInterface>;

package/core/utils/api.js

@@ -39,6 +39,7 @@ class API {
          * Le endPoint pour obtenir le bearer token qui sera concaténé à l'url du service
          */
         this.addHTTPResponse = false;
+        this.cache = "default";
         this.serviceURL = config.serviceURL;
         if (!this.serviceURL)
             this.serviceURL = document.location.origin;
@@ -50,6 +51,7 @@ class API {
         this.authToken = config.authToken;
         this.addHTTPResponse = config.addHTTPResponse || false;
         this.credentials = config.credentials;
+        this.cache = config.cache || "default";
     }
     handleResult(fetchResult, lastCall) {
         var _a;
@@ -145,7 +147,7 @@ class API {
             });
             if (!API.loadingGetPromises.has(mapKey)) {
                 const promise = new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
-                    const result = yield fetch(url, { headers: headers, credentials: this.credentials });
+                    const result = yield fetch(url, { headers: headers, credentials: this.credentials, cache: this.cache });
                     const handledResult = yield this.handleResult(result, lastCall);
                     resolve(handledResult);
                 }));

package/mixins.d.ts

@@ -18,7 +18,7 @@ export declare const Fetcher: <T extends new (...args: any[]) => mySubscriber.Su
         onInvalidate?: (() => void) | undefined;
         disconnectedCallback(): void;
         connectedCallback(): void;
-        firstUpdated(): void;
+        handleLazyLoad(): void;
         onIntersection(entries: IntersectionObserverEntry[]): void;
         propertyMap: object;
         isConnected: boolean;
@@ -44,6 +44,7 @@ export declare const Fetcher: <T extends new (...args: any[]) => mySubscriber.Su
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
+        getBoundingClientRect(): DOMRect;
     };
 } & T;
 export declare const FormCheckable: <T extends new (...args: any[]) => myFormElement.FormElementInterface>(superClass: T) => {
@@ -105,6 +106,7 @@ export declare const FormCheckable: <T extends new (...args: any[]) => myFormEle
         requestUpdate(): void;
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
+        getBoundingClientRect(): DOMRect;
     };
 } & T;
 import * as myFormElement from "@supersoniks/concorde/core/mixins/FormElement";
@@ -165,6 +167,7 @@ export declare const FormInput: <T extends new (...args: any[]) => myFormElement
         getAttribute(name: string): string;
         hasAttribute(attributeName: string): boolean;
         disconnectedCallback(): void;
+        getBoundingClientRect(): DOMRect;
     };
 } & T;
 import * as mySubscriber from "@supersoniks/concorde/core/mixins/Subscriber";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "1.1.45",
+  "version": "1.1.46",
   "customElements": "custom-elements.json",
   "license": "MIT",
   "publishConfig": {
@@ -9,8 +9,10 @@
   "dependencies": {
     "@lit-labs/motion": "^1.0.1",
     "@lit-labs/observers": "^1.0.1",
+    "@tailwindcss/container-queries": "^0.1.1",
     "@types/prismjs": "^1.26.0",
     "chart.js": "^3.9.1",
+    "iframe-resizer": "^4.3.6",
     "intl": "^1.2.5",
     "jsbarcode": "^3.11.5",
     "lit": "^2.2.3",
@@ -20,6 +22,7 @@
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.2",
+    "@types/iframe-resizer": "^3.5.9",
     "@types/intl": "^1.2.0",
     "@types/jest": "^29.2.6",
     "@types/node": "^18.11.18",
@@ -268,6 +271,7 @@
     "./docs/search/search": "./docs/search/search.js",
     "./docs/search": "./docs/search/search.js",
     "./index-billetterie": "./index-billetterie.js",
+    "./index-customer": "./index-customer.js",
     "./index-shared": "./index-shared.js",
     "./index": "./index.js",
     "./test-utils/TestUtils": "./test-utils/TestUtils.js",