@supersoniks/concorde 3.0.7 → 3.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supersoniks/concorde",
-  "version": "3.0.7",
+  "version": "3.0.9",
   "license": "MIT",
   "type": "module",
   "main": "",
@@ -21,8 +21,6 @@
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@lit-labs/motion": "^1.0.7",
-    "@lit-labs/observers": "^2.0.2",
     "@tailwindcss/typography": "^0.5.12",
     "@types/intl": "^1.2.2",
     "@types/jest": "^29.5.12",
@@ -37,7 +35,11 @@
     "rollup-plugin-postcss-lit": "^2.1.0",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.4.3",
-    "url-pattern": "^1.0.3",
     "vite": "^5.2.8"
+  },
+  "dependencies": {
+    "@lit-labs/motion": "^1.0.7",
+    "@lit-labs/observers": "^2.0.2",
+    "url-pattern": "^1.0.3"
   }
 }

package/src/core/components/ui/toast/toast.ts

@@ -1,16 +1,16 @@
-import {html, LitElement, nothing} from "lit";
-import {customElement, property} from "lit/decorators.js";
-import {repeat} from "lit/directives/repeat.js";
-import {animate} from "@lit-labs/motion";
+import { html, LitElement, nothing } from "lit";
+import { customElement, property } from "lit/decorators.js";
+import { repeat } from "lit/directives/repeat.js";
+import { animate } from "@lit-labs/motion";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
-import {ifDefined} from "lit/directives/if-defined.js";
-import {unsafeHTML} from "lit/directives/unsafe-html.js";
-import {styleMap, StyleInfo} from "lit/directives/style-map.js";
+import { ifDefined } from "lit/directives/if-defined.js";
+import { unsafeHTML } from "lit/directives/unsafe-html.js";
+import { styleMap, StyleInfo } from "lit/directives/style-map.js";
 import "@supersoniks/concorde/core/components/ui/toast/toast-item";
-import {Toast} from "@supersoniks/concorde/core/components/ui/toast/types";
-import {ConcordeWindow} from "@supersoniks/concorde/core/_types/types";
-import {Theme} from "@supersoniks/concorde/core/components/ui/theme/theme";
+import { Toast } from "@supersoniks/concorde/core/components/ui/toast/types";
+import { ConcordeWindow } from "@supersoniks/concorde/core/_types/types";
+import { Theme } from "@supersoniks/concorde/core/components/ui/theme/theme";
 
 declare const window: ConcordeWindow;
 
@@ -18,7 +18,7 @@ const tagName = "sonic-toast";
 
 @customElement(tagName)
 export class SonicToast extends LitElement {
-  @property({type: Array}) toasts: Toast[] = [];
+  @property({ type: Array }) toasts: Toast[] = [];
   static delegateToasts = false;
 
   createRenderRoot() {
@@ -71,7 +71,13 @@ export class SonicToast extends LitElement {
                 duration: 250,
                 easing: `cubic-bezier(0.250, 0.250, 0.420, 1.225)`,
               },
-              in: [{transform: "translateY(0) scale(1.25)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0}],
+              in: [
+                {
+                  transform: "translateY(0) scale(1.25)",
+                  boxShadow: "0 0 0 rgba(0,0,0,0)",
+                  opacity: 0,
+                },
+              ],
               out: [
                 {
                   transform: "scale(.90) ",
@@ -94,7 +100,7 @@ export class SonicToast extends LitElement {
   static removeAll() {
     if (SonicToast.delegateToasts) {
       SonicToast.handleExistingToastDelegation();
-      window.parent.postMessage({type: "removeAllToasts"}, "*");
+      window.parent.postMessage({ type: "removeAllToasts" }, "*");
       return;
     }
     const toastComponent: SonicToast = SonicToast.getInstance();
@@ -114,7 +120,7 @@ export class SonicToast extends LitElement {
   static add(conf: Toast) {
     if (SonicToast.delegateToasts) {
       SonicToast.handleExistingToastDelegation();
-      window.parent.postMessage({type: "addToast", toast: conf}, "*");
+      window.parent.postMessage({ type: "addToast", toast: conf }, "*");
       return;
     }
     // Init toast area si absente (au <sonic-theme> ou <body< à défaut)
@@ -123,7 +129,9 @@ export class SonicToast extends LitElement {
     // Ajoute le toast à la liste
     const nextId = conf.id ?? new Date().valueOf();
 
-    const interactiveRegExp = new RegExp("</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>");
+    const interactiveRegExp = new RegExp(
+      "</a>|</.*?button>|</.*?input>|</.*?textarea>|</.*?select>"
+    );
     const hasInteractive = interactiveRegExp.test(conf.text);
 
     const currentToast = {
@@ -146,11 +154,13 @@ export class SonicToast extends LitElement {
     }
 
     if (toastComponent?.toasts.length) {
-      const toastA = {...currentToast};
+      const toastA = { ...currentToast };
       for (const toast of toastComponent.toasts) {
-        const toastB = {...toast};
+        const toastB = { ...toast };
         toastA.id = toastB.id = 0;
-        if (/*!currentToast.preserve && */ Objects.shallowEqual(toastA, toastB)) {
+        if (
+          /*!currentToast.preserve && */ Objects.shallowEqual(toastA, toastB)
+        ) {
           return null;
         }
       }
@@ -164,14 +174,20 @@ export class SonicToast extends LitElement {
   static handleExistingToastDelegation() {
     if (!this.delegateToasts) return;
     const toastComponent: SonicToast = SonicToast.getInstance();
-    window.parent.postMessage({type: "addToasts", toasts: toastComponent.toasts}, "*");
+    window.parent.postMessage(
+      { type: "addToasts", toasts: toastComponent.toasts },
+      "*"
+    );
     toastComponent.toasts = [];
   }
 
   static removeItem(toastToRemove?: Toast) {
     if (SonicToast.delegateToasts) {
       SonicToast.handleExistingToastDelegation();
-      window.parent.postMessage({type: "removeToast", toast: toastToRemove}, "*");
+      window.parent.postMessage(
+        { type: "removeToast", toast: toastToRemove },
+        "*"
+      );
       return;
     }
     const toastComponent: SonicToast = SonicToast.getInstance();
@@ -182,15 +198,18 @@ export class SonicToast extends LitElement {
   removeItem(toastToRemove?: Toast) {
     if (!toastToRemove) return;
     this.toasts = this.toasts.filter((toast) => {
-      toast = {...toast};
+      toast = { ...toast };
       delete toast.id;
       return !Objects.shallowEqual(toast, toastToRemove, false);
     });
   }
 }
 
+declare const __SONIC_PREFIX__: string;
 if (typeof window !== "undefined") {
-  window.SonicToast = SonicToast;
+  if (__SONIC_PREFIX__ == "sonic") {
+    window.SonicToast = window.SonicToast || SonicToast;
+  }
 }
 
 /**
@@ -199,14 +218,17 @@ if (typeof window !== "undefined") {
 function handleIframeContexts() {
   const onPostMessage = (e: MessageEvent) => {
     if (e.data.type == "querySonicToastAvailability") {
-      (e.source as Window).postMessage({type: "sonicToastAvailable"}, "*");
+      (e.source as Window).postMessage({ type: "sonicToastAvailable" }, "*");
     }
     if (e.data.type == "sonicToastAvailable") {
       SonicToast.delegateToasts = true;
       SonicToast.handleExistingToastDelegation();
     }
     if (e.data.type == "addToasts") {
-      SonicToast.getInstance().toasts = [...SonicToast.getInstance().toasts, ...e.data.toasts];
+      SonicToast.getInstance().toasts = [
+        ...SonicToast.getInstance().toasts,
+        ...e.data.toasts,
+      ];
     }
     if (e.data.type == "removeAllToasts") {
       SonicToast.removeAll();
@@ -223,14 +245,14 @@ function handleIframeContexts() {
   window.addEventListener("message", onPostMessage, false);
 
   if (isIframe) {
-    window.parent.postMessage({type: "querySonicToastAvailability"}, "*");
+    window.parent.postMessage({ type: "querySonicToastAvailability" }, "*");
   }
 
   // tell iframes that sonic-toast is available
 
   if (!isIframe) {
     for (const iframe of document.querySelectorAll("iframe")) {
-      iframe.contentWindow?.postMessage({type: "sonicToastAvailable"}, "*");
+      iframe.contentWindow?.postMessage({ type: "sonicToastAvailable" }, "*");
     }
   }
 }

package/src/core/core.ts

@@ -2,13 +2,9 @@ import "./components/functional/functional";
 import "./components/ui/ui";
 import "./mixins/mixins";
 import "./utils/url-pattern";
-import {PublisherManager} from "@supersoniks/concorde/core/utils/PublisherProxy";
-import DataBindObserver from "./utils/DataBindObserver";
-import {ConcordeWindow} from "./_types/types";
+import { ConcordeWindow } from "./_types/types";
 
 declare const window: ConcordeWindow;
-if (!window.SonicPublisherManager) window.SonicPublisherManager = PublisherManager;
-if (!window.SonicDataBindObserver) window.SonicDataBindObserver = DataBindObserver;
 window.queueMicrotask =
   window.queueMicrotask ||
   function (callback) {

package/src/core/mixins/Fetcher.ts

@@ -85,6 +85,8 @@ const Fetcher = <
     }
     _endPoint = "";
 
+    @property() noErrorsRecordings = false;
+
     @property() get props(): (PropsType & ResultTypeInterface) | null {
       return super.props as (PropsType & ResultTypeInterface) | null;
     }
@@ -146,7 +148,9 @@ const Fetcher = <
 
       this.fetchedData = data;
       if (this.api.lastResult && !this.api.lastResult.ok) {
-        fetchersInError.add(this);
+        if (!this.noErrorsRecordings) {
+          fetchersInError.add(this);
+        }
         dispatchFetchError(this.api.lastResult);
       }
       if (!this.isConnected) {

package/src/core/mixins/Subscriber.ts

@@ -1,12 +1,18 @@
-import {APIConfiguration} from "@supersoniks/concorde/core/utils/api";
+import { APIConfiguration } from "@supersoniks/concorde/core/utils/api";
 import DataBindObserver from "@supersoniks/concorde/core/utils/DataBindObserver";
 import HTML from "@supersoniks/concorde/core/utils/HTML";
 import Objects from "@supersoniks/concorde/core/utils/Objects";
-import {PublisherManager} from "@supersoniks/concorde/core/utils/PublisherProxy";
-import {LitElement, PropertyValues} from "lit";
-import {property} from "lit/decorators.js";
+import { PublisherManager } from "@supersoniks/concorde/core/utils/PublisherProxy";
+import { LitElement, PropertyValues } from "lit";
+import { property } from "lit/decorators.js";
 import WordingDirective from "../directives/Wording";
-import {PublisherInterface, TypeAndRecordOfType, ConcordeWindow, MixinArgsType, CoreJSType} from "@supersoniks/concorde/core/_types/types";
+import {
+  PublisherInterface,
+  TypeAndRecordOfType,
+  ConcordeWindow,
+  MixinArgsType,
+  CoreJSType,
+} from "@supersoniks/concorde/core/_types/types";
 declare const window: ConcordeWindow;
 type Constructor<T> = new (...args: MixinArgsType[]) => T;
 let keepDebugOnMouseOut = false;
@@ -29,8 +35,16 @@ export interface SubscriberInterface<PropsType = CoreJSType> {
   shadowRoot?: ShadowRoot;
   dispatchEvent(event: Event): void;
   setAttribute(name: string, value: string): void;
-  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
-  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+  addEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | AddEventListenerOptions
+  ): void;
+  removeEventListener(
+    type: string,
+    listener: EventListenerOrEventListenerObject,
+    options?: boolean | EventListenerOptions
+  ): void;
   removeAttribute(name: string): void;
   initPublisher(): void;
   getApiConfiguration(): APIConfiguration;
@@ -42,7 +56,10 @@ export interface SubscriberInterface<PropsType = CoreJSType> {
   getBoundingClientRect(): DOMRect;
 }
 
-const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> = Constructor<LitElement>>(
+const Subscriber = <
+  PropsType = CoreJSType,
+  T extends Constructor<LitElement> = Constructor<LitElement>
+>(
   superClass: T,
   type?: PropsType
 ) => {
@@ -62,16 +79,16 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
       args;
     }
 
-    @property({type: Number}) collectDependenciesVersion = 0;
+    @property({ type: Number }) collectDependenciesVersion = 0;
 
-    @property({type: Boolean}) displayContents = false;
+    @property({ type: Boolean }) displayContents = false;
 
     /**
      * noAutoFill permet de désactiver le remplissage automatique des propriétés par le publisher dans le cas ou on utilise "props" seulement ou le dataBinding par exemple
      */
-    @property({type: Boolean}) noAutoFill = false;
+    @property({ type: Boolean }) noAutoFill = false;
 
-    @property({type: Boolean}) forceAutoFill = false;
+    @property({ type: Boolean }) forceAutoFill = false;
 
     /**
      * Passer ce paramètre à true permet de ne pas mettre à jour le composant lors d'un changement de interne de la propriété nommé props.
@@ -88,8 +105,8 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
      * Permet de mapper un nom de propriété de donnée source vars une propriété du subscriber à la volée
      */
 
-    @property({type: Object}) propertyMap: object | null = null;
-    @property({type: String, attribute: "data-title"}) title = "";
+    @property({ type: Object }) propertyMap: object | null = null;
+    @property({ type: String, attribute: "data-title" }) title = "";
 
     /**
      * va de parent en parent pour trouver un attribut
@@ -111,13 +128,14 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
     /**
      * L'id / l'adresse du publisher accessible via PublisherManager.get(dataProvider)
      */
-    @property({reflect: true}) dataProvider: string | null = null;
+    @property({ reflect: true }) dataProvider: string | null = null;
 
     /**
      * On peut utiliser cette fonction pour lier un publisher spécifique au composant si besoin.
      * voir l'utilisation dans list.ts
      */
-    @property() bindPublisher: (() => PublisherInterface<PropsType>) | null = null;
+    @property() bindPublisher: (() => PublisherInterface<PropsType>) | null =
+      null;
 
     /**
      * Les props du composant.
@@ -131,7 +149,10 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
       return this.publisher.get();
     }
     set props(value) {
-      if (typeof value == "string" && ["{", "["].includes(value.trim().charAt(0))) {
+      if (
+        typeof value == "string" &&
+        ["{", "["].includes(value.trim().charAt(0))
+      ) {
         value = JSON.parse(value);
       }
       if (value == this._props) return;
@@ -148,8 +169,14 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
     protected updated(_changedProperties: PropertyValues): void {
       super.updated(_changedProperties);
       const ref = this.shadowRoot || this;
-      const children = [...ref.children].filter((child) => child.tagName != "STYLE");
-      const display = this.displayContents ? "contents" : children.length == 0 ? "none" : null;
+      const children = [...ref.children].filter(
+        (child) => child.tagName != "STYLE"
+      );
+      const display = this.displayContents
+        ? "contents"
+        : children.length == 0
+        ? "none"
+        : null;
       if (display) this.style.display = display;
       else this.style.removeProperty("display");
     }
@@ -243,7 +270,11 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
           if (!keepDebugOnMouseOut) this.removeDebugger();
         });
         this.publisher?.onInternalMutation(() => {
-          (this.debug as HTMLElement).innerHTML = `🤖 DataProvider : "<b style="font-weight:bold;color:#fff;">${this.dataProvider}</b>"<br>
+          (
+            this.debug as HTMLElement
+          ).innerHTML = `🤖 DataProvider : "<b style="font-weight:bold;color:#fff;">${
+            this.dataProvider
+          }</b>"<br>
           <div style="font-size:10px;border-top:1px dashed;margin-top:5px;padding-left:23px;opacity:.6;padding-top:5px;">
             Variable disponible dans la console<br>
             ctrl + Clique : épingler / désépingler
@@ -313,21 +344,27 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
         if (this.onAssign) this.publisher.offAssign(this.onAssign);
       }
       const mng = PublisherManager.getInstance();
-      if (!this.dataProvider) this.dataProvider = this.getAncestorAttributeValue("dataProvider");
+      if (!this.dataProvider)
+        this.dataProvider = this.getAncestorAttributeValue("dataProvider");
       let publisherId = this.dataProvider;
       if (!publisherId && this._props) {
-        this.dataProvider = publisherId = "__subscriber__" + SubscriberElement.instanceCounter;
+        this.dataProvider = publisherId =
+          "__subscriber__" + SubscriberElement.instanceCounter;
       }
       if (publisherId) {
         if (this.bindPublisher) {
           mng.set(publisherId, this.bindPublisher());
         }
 
-        let pub = mng.get(publisherId, {localStorageMode: this.getAttribute("localStorage") || "disabled"});
+        let pub = mng.get(publisherId, {
+          localStorageMode: this.getAttribute("localStorage") || "disabled",
+        });
         this.dataProvider = publisherId;
 
         if (this.hasAttribute("subDataProvider")) {
-          const dataPath: string = this.getAttribute("subDataProvider") as string;
+          const dataPath: string = this.getAttribute(
+            "subDataProvider"
+          ) as string;
           this.dataProvider = publisherId + "/" + dataPath;
           pub = Objects.traverse(pub, dataPath.split("."));
           mng.set(this.dataProvider, pub);
@@ -340,7 +377,8 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
           this.publisher.set(this._props);
         }
         if (!this.noAutoFill) this.publisher.startTemplateFilling(this);
-        if (this.renderOnPropsInternalChange) this.publisher.onInternalMutation(this.requestUpdate);
+        if (this.renderOnPropsInternalChange)
+          this.publisher.onInternalMutation(this.requestUpdate);
         this.publisher.onAssign(this.onAssign);
       }
     }
@@ -348,5 +386,3 @@ const Subscriber = <PropsType = CoreJSType, T extends Constructor<LitElement> =
   return SubscriberElement as Constructor<SubscriberInterface<PropsType>> & T;
 };
 export default Subscriber;
-
-if (!window.SonicPublisherManager) window.SonicPublisherManager = PublisherManager;

package/src/core/utils/PublisherProxy.ts

@@ -24,6 +24,22 @@ const queueTaskPromise = async () => {
   });
 };
 
+declare const __BUILD_DATE__: string;
+declare const __SONIC_PREFIX__: string;
+
+if (typeof __BUILD_DATE__ === "undefined") {
+  (window as any).__BUILD_DATE__ = "No build date";
+}
+
+if (typeof __SONIC_PREFIX__ === "undefined") {
+  (window as any).__SONIC_PREFIX__ = "sonic";
+}
+
+const localStorageDataKey =
+  __SONIC_PREFIX__ == "sonic"
+    ? "publisher-proxies-data"
+    : __SONIC_PREFIX__ + "-publisher-proxies-data";
+
 /**
  * Custom Proxy contient les méthodes des publishers retournés par PublisherManager.get(publisherId) qui seront utilisées couramment
  */
@@ -348,9 +364,13 @@ export class PublisherProxy<T = any> {
     }
     PublisherProxy.instances.set(this._instanceCounter_, this);
     const str =
-      '<reactive-publisher-proxy publisher="' +
+      "<" +
+      __SONIC_PREFIX__ +
+      '-publisher-proxy publisher="' +
       this._instanceCounter_ +
-      '"></reactive-publisher-proxy>';
+      '"></' +
+      __SONIC_PREFIX__ +
+      "-publisher-proxy>";
     return str;
   }
 }
@@ -361,17 +381,13 @@ export class PublisherProxy<T = any> {
  *
  */
 
-declare const __BUILD_DATE__: string;
-if (typeof __BUILD_DATE__ === "undefined") {
-  (window as any).__BUILD_DATE__ = "No build date";
-}
-
 export class PublisherManager {
   static buildDate = __BUILD_DATE__;
   static changed = false;
   static saving = false;
   static saveId = 0;
   static instance: PublisherManager | null = null;
+  static instances: Map<string, PublisherManager> = new Map();
   enabledLocaStorageProxies: string[] = [];
   publishers = new Map<string, Publisher>();
   localStorageData: Record<
@@ -389,7 +405,7 @@ export class PublisherManager {
     return new Promise((resolve) => {
       const doiIt = async () => {
         try {
-          let compressedData = localStorage.getItem("publisher-proxies-data");
+          let compressedData = localStorage.getItem(localStorageDataKey);
 
           let localStorageJSON = null;
           if (compressedData)
@@ -403,7 +419,7 @@ export class PublisherManager {
             }
           } else {
             compressedData = await this.compress("{}", "gzip");
-            localStorage.setItem("publisher-proxies-data", compressedData);
+            localStorage.setItem(localStorageDataKey, compressedData);
             this.localStorageData = {};
           }
           const expires = new Date().getTime() - 1000 * 60 * 60 * 12;
@@ -415,7 +431,7 @@ export class PublisherManager {
           }
           resolve(true);
           // compressedData = await this.compress(JSON.stringify(this.localStorageData), "gzip");
-          // localStorage.setItem("publisher-proxies-data", compressedData);
+          // localStorage.setItem(__SONIC_PREFIX__+"-publisher-proxies-data", compressedData);
         } catch (e) {
           window.requestAnimationFrame(() => {
             resolve(false);
@@ -430,10 +446,34 @@ export class PublisherManager {
   /**
    * PublisherManager est un singleton
    */
-  static getInstance() {
+  static getInstance(id?: string): PublisherManager {
+    if (id) {
+      const pm = PublisherManager.instances.get(id);
+      if (pm) {
+        return pm;
+      } else {
+        console.warn(
+          "No PublisherManager instance registered with id:",
+          id,
+          "creating new one"
+        );
+        return new PublisherManager();
+      }
+    }
     if (PublisherManager.instance == null) return new PublisherManager();
     return PublisherManager.instance;
   }
+
+  static registerInstance(id: string, instance: PublisherManager) {
+    if (PublisherManager.instances.has(id)) {
+      console.warn(
+        "PublisherManager instance already registered with id: ",
+        id
+      );
+    }
+    PublisherManager.instances.set(id, instance);
+  }
+
   /**
    * shortcut static pour obtenir un publisher vias sont id/adresse sans taper getInstance.
    * Si le publisher n'existe pas, il est créé.
@@ -539,7 +579,7 @@ export class PublisherManager {
           JSON.stringify(this.localStorageData),
           "gzip"
         );
-        localStorage.setItem("publisher-proxies-data", compressedData);
+        localStorage.setItem(localStorageDataKey, compressedData);
       }
       PublisherManager.saving = false;
       if (PublisherManager.changed) {
@@ -584,6 +624,15 @@ export class PublisherManager {
   }
 }
 
+const customWin: { SonicPublisherManager?: any } = window as any;
+
+if (!customWin.SonicPublisherManager) {
+  customWin.SonicPublisherManager = PublisherManager;
+}
+customWin.SonicPublisherManager.registerInstance(
+  PublisherManager.getInstance()
+);
+
 const internalProps: Set<string> = new Set([
   "invalidate",
   "onInvalidate",
@@ -783,4 +832,7 @@ class PublisherWebComponent extends HTMLElement {
     this.innerHTML = value.toString();
   };
 }
-customElements.define("reactive-publisher-proxy", PublisherWebComponent);
+customElements.define(
+  __SONIC_PREFIX__ + "-publisher-proxy",
+  PublisherWebComponent
+);

package/vite/config.js

@@ -107,11 +107,13 @@ const config = (
   ];
 
   const __BUILD_DATE__ = new Date();
+  const __SONIC_PREFIX__ = prefix;
 
   result.define = {
     ...(result.define || {}),
     // Définir une constante contenant la date de build
     __BUILD_DATE__: JSON.stringify(__BUILD_DATE__.toString()),
+    __SONIC_PREFIX__: __SONIC_PREFIX__,
   };
 
   if (tsConfig) {