codenotch-react 1.0.35 → 1.0.37

package/dist/index.d.ts

@@ -4,7 +4,12 @@ export interface ICodenotchEnv {
     tenantName?: string;
     accessToken?: string;
     baseUrl?: string;
-    languages?: string[];
+    i18n?: {
+        [language: string]: {
+            [key: string]: string;
+        };
+    };
+    currentLanguage?: string;
     [key: string]: any;
 }
 export interface ICodenotchApi {
@@ -16,8 +21,26 @@ export interface ICodenotchApi {
     onSignal: (signalId: string, callback: () => void) => {
         dispose: () => void;
     };
+    i18n: (key: string, ...args: any[]) => string;
+    showDialog: (node: React.DOMElement<React.DOMAttributes<Element>, Element>) => ICodenotchDialog;
+}
+export interface ICodenotchDialog {
+    id: string;
+    close: () => void;
 }
 declare const CODENOTCH_ENV: ICodenotchEnv;
+/**
+ * Parse URL parameters and return them as an object
+ * @returns {Object} An object containing the URL parameters as key-value pairs
+ */
+export declare function parseUrlParams(): {
+    [key: string]: string;
+};
+/**
+ * Setup Codenotch environment from the given object
+ * @param env An object containing the Codenotch environment variables as key-value pairs. This can be obtained from URL parameters or any other source.
+ * @returns {void}
+ */
 export declare function setupCodenotchEnv(env: any): void;
 /**
  * Return Codenotch API

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAErB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACjE,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrE,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;CACjF;AAED,QAAA,MAAM,aAAa,EAAE,aAAkB,CAAC;AAExC,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CAUhD;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,aAAa,CA8D5C;AAGD,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,CAAC,QAAQ,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE,CAAA;KAAE,CAAC;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,aAAa;IAC1B,GAAG,EAAE,aAAa,CAAC;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;IACjE,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACrE,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC9E,IAAI,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,MAAM,CAAC;IAC9C,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,gBAAgB,CAAC;CACnG;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,EAAE,aAAkB,CAAC;AAExC;;;GAGG;AACH,wBAAgB,cAAc,IAAI;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAW1D;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,GAAG,GAAG,IAAI,CA4ChD;AAED;;;GAGG;AACH,wBAAgB,YAAY,IAAI,aAAa,CA2I5C;AAGD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/index.js

@@ -1,19 +1,76 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CODENOTCH_ENV = void 0;
+exports.parseUrlParams = parseUrlParams;
 exports.setupCodenotchEnv = setupCodenotchEnv;
 exports.useCodenotch = useCodenotch;
+const react_dom_1 = __importDefault(require("react-dom"));
 const CODENOTCH_ENV = {};
 exports.CODENOTCH_ENV = CODENOTCH_ENV;
+/**
+ * Parse URL parameters and return them as an object
+ * @returns {Object} An object containing the URL parameters as key-value pairs
+ */
+function parseUrlParams() {
+    let result = {};
+    if (typeof window !== 'undefined') {
+        const params = new URL(window.location.href).searchParams;
+        params.forEach((value, key) => {
+            if (result[key] === undefined) {
+                result[key] = value;
+            }
+        });
+    }
+    return result;
+}
+/**
+ * Setup Codenotch environment from the given object
+ * @param env An object containing the Codenotch environment variables as key-value pairs. This can be obtained from URL parameters or any other source.
+ * @returns {void}
+ */
 function setupCodenotchEnv(env) {
     if (env === undefined || env === null) {
         console.warn("Codenotch environment is not defined. Please set it in the Codenotch configuration.");
         return;
     }
+    // i18n.fr.somekey=some value
+    let i18nLanguages = new Set();
     Object.keys(env).forEach((key) => {
-        CODENOTCH_ENV[key] = env[key];
-        console.log(`Codenotch environment variable ${key} set to ${env[key]}`);
+        if (key.startsWith("i18n.")) {
+            // Special case
+            let parts = key.split(".");
+            let language = parts[1];
+            let keyName = parts.slice(2).join(".");
+            i18nLanguages.add(language);
+            let keyValue = `${env[key]}`.trim();
+            if (keyValue.startsWith('"') && keyValue.endsWith('"')) {
+                // Parse like json
+                try {
+                    keyValue = JSON.parse(keyValue);
+                }
+                catch (error) {
+                    console.warn(`Codenotch environment variable ${key} is not a valid JSON string. Using raw value.`);
+                }
+            }
+            CODENOTCH_ENV.i18n = CODENOTCH_ENV.i18n ?? {};
+            CODENOTCH_ENV.i18n[language] = CODENOTCH_ENV.i18n[language] ?? {};
+            CODENOTCH_ENV.i18n[language][keyName] = keyValue;
+        }
+        else {
+            CODENOTCH_ENV[key] = env[key];
+            console.log(`Codenotch environment variable ${key} set to ${env[key]}`);
+        }
     });
+    if (CODENOTCH_ENV.currentLanguage === undefined) {
+        // If current language is not defined, we set it to the first language found in i18n
+        if (i18nLanguages.size > 0) {
+            CODENOTCH_ENV.currentLanguage = Array.from(i18nLanguages)[0];
+            console.log(`Codenotch current language set to ${CODENOTCH_ENV.currentLanguage}`);
+        }
+    }
 }
 /**
  * Return Codenotch API
@@ -22,6 +79,38 @@ function setupCodenotchEnv(env) {
 function useCodenotch() {
     return {
         ENV: CODENOTCH_ENV,
+        i18n: (key, ...args) => {
+            try {
+                if (CODENOTCH_ENV.i18n === undefined || Object.keys(CODENOTCH_ENV.i18n).length === 0) {
+                    console.warn("Codenotch i18n is not defined. Please set it in the Codenotch configuration.");
+                    return key;
+                }
+                let language = CODENOTCH_ENV.currentLanguage ?? "en";
+                let isLanguageExists = CODENOTCH_ENV.i18n[language] !== undefined;
+                if (isLanguageExists === false) {
+                    let fallbackLanguage = Object.keys(CODENOTCH_ENV.i18n)[0];
+                    console.warn(`Codenotch i18n language ${language} is not defined. Falling back to ${fallbackLanguage}. Please set the correct language in the Codenotch configuration.`);
+                    language = fallbackLanguage;
+                }
+                let dico = CODENOTCH_ENV.i18n[language];
+                let value = dico[key];
+                if (typeof value !== "string") {
+                    console.warn(`Codenotch i18n key ${key} is not defined for language ${language}. Please set it in the Codenotch configuration.`);
+                    return key;
+                }
+                args = args ?? [];
+                let result = value.replace(/{([\d ]*)}/g, (match, p1) => {
+                    let argValue = args[p1.trim()];
+                    // Instead of returning 'undefined', returns an empty string
+                    return argValue !== undefined ? argValue : "";
+                });
+                return result;
+            }
+            catch (error) {
+                console.error("Error in i18n function:", error);
+                return key;
+            }
+        },
         requestSioql: async (sioql, verbose) => {
             if (CODENOTCH_ENV.clusterUrl === undefined) {
                 throw new Error("Codenotch cluster URL is not defined. Please set it in the Codenotch configuration.");
@@ -68,6 +157,41 @@ function useCodenotch() {
                     console.log(`Stopped listening to signal ${signalId}`);
                 }
             };
+        },
+        showDialog: (node) => {
+            let dialogId = "codenotch-dialog-" + Math.random().toString(36).substring(2, 9);
+            let result = {
+                id: dialogId,
+                close: () => {
+                    let dialogElement = document.getElementById(dialogId);
+                    if (dialogElement) {
+                        dialogElement.remove();
+                    }
+                }
+            };
+            // Find "cn-dialog-container" element in the page
+            let container = document.getElementById("cn-dialog-container");
+            if (container === null) {
+                container = document.createElement("div");
+                container.id = "cn-dialog-container";
+                container.style.zIndex = "9999";
+                container.style.position = "fixed";
+                container.style.top = "0";
+                container.style.left = "0";
+                container.style.minWidth = "100vw";
+                container.style.minHeight = "100vh";
+                container.style.maxWidth = "100vw";
+                container.style.maxHeight = "100vh";
+                container.style.display = "flex";
+                container.style.alignItems = "center";
+                container.style.justifyContent = "center";
+                document.body.appendChild(container);
+            }
+            let dialogElement = document.createElement('dialog');
+            dialogElement.id = dialogId;
+            container.appendChild(dialogElement);
+            react_dom_1.default.render(node, dialogElement);
+            return result;
         }
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "codenotch-react",
-    "version": "1.0.35",
+    "version": "1.0.37",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
     "author": "Codenotch SA",
@@ -19,6 +19,8 @@
     "devDependencies": {
         "@types/node": "^25.3.2",
         "@types/react": "^16.14.69",
+        "@types/react-dom": "^16.9.25",
+        "react-dom": "^16.14.0",
         "typescript": "^5.9.3"
     },
     "peerDependencies": {