@supersoniks/concorde 1.1.44 → 1.1.46

package/core/utils/api.js

@@ -12,34 +12,61 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import HTML from "@supersoniks/concorde/core/utils/HTML";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
 class API {
+    set token(token) {
+        this._token = token;
+        if (!token) {
+            API.tokens.delete(this.serviceURL);
+            return;
+        }
+        if (API.invalidTokens.includes(token))
+            return;
+        API.tokens.set(this.serviceURL, token);
+    }
+    get token() {
+        // si le token est marqué invalide, on utilise utilise la dernière version valide connue du token pour ce serviceURL
+        return API.invalidTokens.includes(this._token) ? API.tokens.get(this.serviceURL) : this._token;
+    }
+    handleInvalidToken(token) {
+        if (!token)
+            return;
+        if (API.invalidTokens.includes(token))
+            return;
+        API.invalidTokens.push(token);
+        this.token = null;
+    }
     constructor(config) {
         /**
          * 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;
         this.userName = config.userName;
         this.password = config.password;
-        this.token = config.token;
+        if (config.token)
+            this.token = config.token;
         this.tokenProvider = config.tokenProvider;
+        this.authToken = config.authToken;
         this.addHTTPResponse = config.addHTTPResponse || false;
         this.credentials = config.credentials;
+        this.cache = config.cache || "default";
     }
-    handleResult(fetchResult) {
+    handleResult(fetchResult, lastCall) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             this.lastResult = fetchResult;
-            const contentType = (_a = fetchResult === null || fetchResult === void 0 ? void 0 : fetchResult.headers.get("content-type")) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+            const contentType = (_a = fetchResult.headers.get("content-type")) === null || _a === void 0 ? void 0 : _a.toLowerCase();
+            const httpCode = fetchResult.status;
             let result = {};
-            if (contentType && contentType.indexOf("text/") == 0) {
-                const str = yield (fetchResult === null || fetchResult === void 0 ? void 0 : fetchResult.text());
+            if (!contentType || contentType.indexOf("text/") == 0) {
+                const str = yield fetchResult.text();
                 result = { text: str };
             }
             else {
                 try {
-                    result = yield (fetchResult === null || fetchResult === void 0 ? void 0 : fetchResult.json());
+                    result = yield fetchResult.json();
                 }
                 catch (e) {
                     result = {};
@@ -48,6 +75,15 @@ class API {
             if (this.addHTTPResponse && Objects.isObject(result)) {
                 result._sonic_http_response_ = fetchResult;
             }
+            if (httpCode === 498 && !API.failledTokenUpdates.has(this.serviceURL)) {
+                this.handleInvalidToken(this.token);
+                if (lastCall.apiMethod === "get") {
+                    result = yield this[lastCall.apiMethod](lastCall.path, lastCall.additionalHeaders);
+                }
+                else {
+                    result = yield this[lastCall.apiMethod](lastCall.path, lastCall.data, lastCall.method, lastCall.additionalHeaders);
+                }
+            }
             return result;
         });
     }
@@ -62,39 +98,63 @@ class API {
                 this.token = API.tokens.get(this.serviceURL);
                 return;
             }
-            if (!this.userName || !this.password || !this.tokenProvider)
+            if (!this.tokenProvider)
                 return;
-            const headers = {
-                Authorization: "Basic " + window.btoa(unescape(encodeURIComponent(this.userName + ":" + this.password))),
-            };
-            const result = yield fetch(this.computeURL(this.tokenProvider), {
+            let headers = {};
+            if (this.userName && this.password) {
+                headers = {
+                    Authorization: "Basic " + window.btoa(unescape(encodeURIComponent(this.userName + ":" + this.password))),
+                };
+            }
+            else if (this.authToken) {
+                headers = {
+                    Authorization: "Bearer " + this.authToken,
+                };
+            }
+            const serviceURL = new URL(this.serviceURL);
+            const serviceHost = serviceURL.protocol + "//" + serviceURL.host;
+            const result = yield fetch(this.computeURL(this.tokenProvider, { serviceHost: serviceHost }), {
                 headers: headers,
                 credentials: this.credentials,
             });
             try {
                 const json = yield result.json();
-                this.token = json.token;
-                API.tokens.set(this.serviceURL, this.token);
+                const newToken = json.token;
+                if (newToken) {
+                    this.token = json.token;
+                }
+                else {
+                    API.failledTokenUpdates.set(this.serviceURL, true);
+                }
             }
             catch (e) {
-                console.log("Problème au moment du parsing du json au retour de l'authentification");
+                API.failledTokenUpdates.set(this.serviceURL, true);
             }
         });
     }
     get(path, additionalHeaders) {
         return __awaiter(this, void 0, void 0, function* () {
+            const lastCall = {
+                apiMethod: "get",
+                path: path,
+                additionalHeaders: additionalHeaders,
+            };
             const headers = yield this.createHeaders(additionalHeaders);
             const url = this.computeURL(path);
-            if (!API.loadingGetPromises.has(url)) {
+            const mapKey = JSON.stringify({
+                url: url,
+                headers: headers,
+            });
+            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 handledResult = yield this.handleResult(result);
+                    const result = yield fetch(url, { headers: headers, credentials: this.credentials, cache: this.cache });
+                    const handledResult = yield this.handleResult(result, lastCall);
                     resolve(handledResult);
                 }));
-                API.loadingGetPromises.set(url, promise);
+                API.loadingGetPromises.set(mapKey, promise);
             }
-            const result = (yield API.loadingGetPromises.get(url));
-            API.loadingGetPromises.delete(url);
+            const result = (yield API.loadingGetPromises.get(mapKey));
+            API.loadingGetPromises.delete(mapKey);
             return result;
         });
     }
@@ -118,14 +178,32 @@ class API {
     /**
      * Concatène le serviceURL et le endpoint donné en paramètre
      */
-    computeURL(path) {
-        return (this.serviceURL + "/" + path).replace(/([^(https?:)])\/{2,}/g, "$1/");
+    computeURL(path, query = {}) {
+        let url = "";
+        if (path.startsWith("http"))
+            url = path;
+        else
+            url = this.serviceURL + "/" + path;
+        if (!url.startsWith("http"))
+            url = window.location.origin + url;
+        const computedUrl = new URL(url);
+        for (const key in query) {
+            computedUrl.searchParams.set(key, query[key]);
+        }
+        return computedUrl.toString().replace(/([^(https?:)])\/{2,}/g, "$1/");
     }
     /*
      * Envoie des données au endPoint passé en paramètre. par défaut en POST
      */
     send(path, data, method = "POST", additionalHeaders) {
         return __awaiter(this, void 0, void 0, function* () {
+            const lastCall = {
+                apiMethod: "send",
+                path: path,
+                additionalHeaders: additionalHeaders,
+                method: method,
+                data: data,
+            };
             const headers = yield this.createHeaders(additionalHeaders);
             headers["Accept"] = "application/json";
             headers["Content-Type"] = "application/json";
@@ -135,7 +213,7 @@ class API {
                 method: method,
                 body: JSON.stringify(data),
             });
-            return (yield this.handleResult(result));
+            return (yield this.handleResult(result, lastCall));
         });
     }
     /**
@@ -143,6 +221,13 @@ class API {
      */
     submitFormData(path, data, method = "POST", additionalHeaders) {
         return __awaiter(this, void 0, void 0, function* () {
+            const lastCall = {
+                apiMethod: "submitFormData",
+                path: path,
+                additionalHeaders: additionalHeaders,
+                method: method,
+                data: data,
+            };
             const headers = yield this.createHeaders(additionalHeaders);
             headers["Accept"] = "application/json";
             const formData = new FormData();
@@ -155,7 +240,7 @@ class API {
                 method: method,
                 body: formData,
             });
-            return (yield this.handleResult(result));
+            return (yield this.handleResult(result, lastCall));
         });
     }
     /**
@@ -191,4 +276,12 @@ API.loadingGetPromises = new Map();
  * Tableau static des tokens stokés en memoire vive (comportement à revoir à l'occasion)
  */
 API.tokens = new Map();
+/**
+ * Tableau stockant l'ensemble des tokens invalides
+ */
+API.invalidTokens = [];
+/**
+ * Tableau static des tentatives échouées de récupération auto du token
+ */
+API.failledTokenUpdates = new Map();
 export default API;

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.44",
+  "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",
@@ -73,6 +76,8 @@
     "./functional/sdui/SDUIDescriptorTransformer": "./core/components/functional/sdui/SDUIDescriptorTransformer.js",
     "./core/components/functional/sdui/default-library.json": "./core/components/functional/sdui/default-library.json",
     "./functional/sdui/default-library.json": "./core/components/functional/sdui/default-library.json",
+    "./core/components/functional/sdui/example.json": "./core/components/functional/sdui/example.json",
+    "./functional/sdui/example.json": "./core/components/functional/sdui/example.json",
     "./core/components/functional/sdui/sdui-utils": "./core/components/functional/sdui/sdui-utils.js",
     "./functional/sdui/sdui-utils": "./core/components/functional/sdui/sdui-utils.js",
     "./core/components/functional/sdui/sdui": "./core/components/functional/sdui/sdui.js",
@@ -260,13 +265,13 @@
     "./docs/navigation/navigation": "./docs/navigation/navigation.js",
     "./docs/navigation": "./docs/navigation/navigation.js",
     "./docs/prism/index": "./docs/prism/index.js",
-    "./docs/search/doc-search.json": "./docs/search/doc-search.json",
     "./docs/search/docs-search.json": "./docs/search/docs-search.json",
     "./docs/search/markdown-renderer": "./docs/search/markdown-renderer.js",
     "./docs/search/page": "./docs/search/page.js",
     "./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",