data-primals-engine 1.7.2 → 1.7.3

package/client/src/DataLayout.jsx

@@ -65,6 +65,7 @@ const WorkflowSelectorModal = ({ onClose, onSelectWorkflow }) => {
         'activeWorkflowsList',
         () => fetch('/api/data/search?_user='+me.username, {
             method: 'POST',
+            credentials: "include",
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
                 model: 'workflow',
@@ -433,7 +434,8 @@ function DataLayout({refreshUI}, ref) {
             ///fd.append("files", fd2);
             return fetch(`${url}?lang=${lang}&_user=${encodeURIComponent(getUserId(me))}`, {
                 method,
-                body: fd
+                body: fd,
+                credentials: "include",
             }).then(e => e.json());
         } catch (error) {
             console.error('Erreur lors de l\'enregistrement des données:', error);
@@ -513,7 +515,8 @@ function DataLayout({refreshUI}, ref) {
         return fetch(`/api/data/${ids}?lang=${lang}&_user=${encodeURIComponent(getUserId(me))}`, {
             method: 'DELETE', headers: {
                 'Content-Type': 'application/json'
-            }
+            },
+            credentials: "include"
         }).then(e => e.json());
     }, [lang, me]);
 
@@ -536,7 +539,7 @@ function DataLayout({refreshUI}, ref) {
        return fetch('/api/models/import', { method: 'POST', headers: {
            'Content-Type': 'application/json'
            },
-        body: JSON.stringify({ models: selectedModels.map(m => m.name) })
+           credentials: "include",body: JSON.stringify({ models: selectedModels.map(m => m.name) })
        })
     });
 

package/client/src/DataTable.jsx

@@ -6,7 +6,6 @@ import {useAuthContext} from "./contexts/AuthContext.jsx";
 import React, {useEffect, useMemo, useRef, useState} from "react"; 
 import {getUserHash, getUserId} from "../../src/data.js";
 import cronstrue from 'cronstrue/i18n';
-import {Event} from "../../src/events.js";
 
 import {
     FaBook,
@@ -337,6 +336,7 @@ export function DataTable({
         return fetch(`/api/data/export?lang=${lang}&${params.toString()}`, {
             method: 'POST',
             body,
+            credentials: "include",
             headers: {"Content-Type": "application/json"}
         })
             .then(async resp => {
@@ -391,8 +391,9 @@ export function DataTable({
     const handleConfirmRestore = async () => {
         try {
             // Make the API call to request the restore link
-            const response = await fetch('/api/backup/request-restore', {
+            const response = await fetch('/api/backup/request-restore?lang='+lang, {
                 method: 'POST',
+                credentials: "include",
                 // ... other options ...
             });
 
@@ -451,7 +452,7 @@ export function DataTable({
                 <Button onClick={handleImport} title={t("btns.import")}><FaFileImport/><Trans
                     i18nKey="btns.import">Importer</Trans></Button>
                 <Button disabled={isLoading} onClick={handleExport} title={t("btns.export")}><FaFileExport/><Trans i18nKey="btns.export">Exporter</Trans></Button>
-                {!/^demo[0-9]{1,2}$/.test(me.username) && (<Button onClick={handleBackup} title={t("btns.backup")}><FaDatabase/><Trans
+                {(<Button onClick={handleBackup} title={t("btns.backup")}><FaDatabase/><Trans
                     i18nKey="btns.backup">Backup</Trans></Button>)}
 
             </div>}

package/client/src/Dialog.jsx

@@ -1,90 +1,92 @@
-import Button from "./Button.jsx";
-import { FaWindowClose } from "react-icons/fa";
-
-import "./Dialog.scss";
-import { createContext, useContext, useEffect, useState } from "react";
-import {useUI} from "./contexts/UIContext.jsx";
-
-const DialogContext = createContext({});
-
-export const useDialogContext = () => useContext(DialogContext);
-
-export const DialogProvider = ({ children }) => {
-  const [dialogs, setDialogs] = useState(0);
-  const { locked, setLocked } = useUI()
-  const values = {
-    addDialog: () => setDialogs((dialogs) => dialogs + 1),
-    removeDialog: () =>
-      setDialogs((dialogs) => {
-        return dialogs > 0 ? dialogs - 1 : 0;
-      }),
-  };
-  useEffect(() => {
-    if( dialogs === 0){
-      setLocked(false);
-    }else{
-      setLocked(true);
-    }
-  }, [dialogs]);
-  return (
-    <DialogContext.Provider value={values}>
-      {dialogs > 0 ? (
-        <>
-          <div className="dialog-bg"></div>
-          {children}
-        </>
-      ) : (
-        children
-      )}
-    </DialogContext.Provider>
-  );
-};
-export const Dialog = ({
-  title,
-  children,
-  className,
-  onClose,
-  isClosable,
-  isModal,
-}) => {
-  const [showModal, setModalVisible] = useState(true);
-  const { addDialog, removeDialog } = useDialogContext();
-  const handleClose = () => {
-    setModalVisible(false);
-    onClose?.();
-    removeDialog();
-  };
-  const clickEvent = (e) => {
-
-    if( !e.target.closest('.dialog') && !e.target.closest('.notification') ){
-      onClose?.();
-    }
-  };
-  useEffect(() => {
-    addDialog();
-    document.addEventListener('mousedown', clickEvent);
-    return () => {
-      removeDialog();
-      document.removeEventListener('mousedown', clickEvent);
-    }
-  }, [addDialog, removeDialog]);
-  return showModal ? (
-    <div
-        aria-modal={true}
-        aria-label={title}
-      className={`${className ? className : ""} dialog ${isModal ? "dialog-modal" : ""}`}
-    >
-      <div className="dialog-header">
-        {title && <h2>{title}</h2>}
-        {isClosable && (
-          <Button className={"btn btn-close"} onClick={handleClose}>
-            <FaWindowClose />
-          </Button>
-        )}
-      </div>
-      <div className="dialog-content">{children}</div>
-    </div>
-  ) : (
-    <></>
-  );
-};
+import Button from "./Button.jsx";
+import { FaWindowClose } from "react-icons/fa";
+
+import "./Dialog.scss";
+import { createContext, useContext, useEffect, useState } from "react";
+import {useUI} from "./contexts/UIContext.jsx";
+
+const DialogContext = createContext({});
+
+export const useDialogContext = () => useContext(DialogContext);
+
+export const DialogProvider = ({ children }) => {
+  const [dialogs, setDialogs] = useState(0);
+  const { locked, setLocked } = useUI()
+  const values = {
+    addDialog: () => setDialogs((dialogs) => dialogs + 1),
+    removeDialog: () =>
+      setDialogs((dialogs) => {
+        return dialogs > 0 ? dialogs - 1 : 0;
+      }),
+  };
+  useEffect(() => {
+    if( dialogs === 0){
+      setLocked(false);
+    }else{
+      setLocked(true);
+    }
+  }, [dialogs]);
+  return (
+    <DialogContext.Provider value={values}>
+      {dialogs > 0 ? (
+        <>
+          <div className="dialog-bg"></div>
+          {children}
+        </>
+      ) : (
+        children
+      )}
+    </DialogContext.Provider>
+  );
+};
+export const Dialog = ({
+  title,
+  children,
+  className,
+  onClose,
+  isClosable,
+  isModal,
+}) => {
+  const [showModal, setModalVisible] = useState(true);
+  const { addDialog, removeDialog } = useDialogContext();
+  const handleClose = () => {
+    setModalVisible(false);
+    onClose?.();
+    removeDialog();
+  };
+  const clickEvent = (e) => {
+
+    if( !e.target.closest('.dialog') && !e.target.closest('.notification') ){
+      onClose?.();
+    }
+  };
+  useEffect(() => {
+    addDialog();
+    document.addEventListener('mousedown', clickEvent);
+    return () => {
+      removeDialog();
+      document.removeEventListener('mousedown', clickEvent);
+    }
+  }, [addDialog, removeDialog]);
+  return showModal ? (
+    <div className="dialog-container">
+      <div
+        aria-modal={true}
+        aria-label={title}
+        className={`${className ? className : ""} dialog ${isModal ? "dialog-modal" : ""}`}
+      >
+        <div className="dialog-header">
+          {title && <h2>{title}</h2>}
+          {isClosable && (
+            <Button className={"btn btn-close"} onClick={handleClose}>
+              <FaWindowClose />
+            </Button>
+          )}
+        </div>
+        <div className="dialog-content">{children}</div>
+      </div>
+    </div>
+  ) : (
+    <></>
+  );
+};

package/client/src/Dialog.scss

@@ -1,116 +1,122 @@
-
-.dialog-bg {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 10000;
-  pointer-events: none;
-  background-color: rgba(59, 59, 59, 0.51);
-}
-
-#content .dialog {
-  box-sizing: border-box;
-  filter: opacity(1);
-  pointer-events: all;
-  position: fixed;
-  overflow: visible;
-  z-index: 10000;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background-color: #F8F8F8;
-  border: 1px solid #DDDDDD;
-  border-radius: 8px;
-  color: black;
-  width: 90%;
-  max-width: 1024px;
-  min-width: 320px;
-  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
-  text-align: left;
-
-}
-
-.dialog .actions {
-  justify-content: flex-end;
-}
-
-.dark .dialog {
-    background-color: #191919;
-    color: #e3e3e3;
-}
-
-#content .dialog-header {
-  display: flex;
-  gap: 8px;
-  justify-content: flex-start;
-  border: none;
-  border-bottom: 1px solid #E2E2E2;
-  h2 {
-    display: flex;
-    flex: 1;
-    padding: 0;
-    align-items: center;
-    margin: 8px;
-    font-size: 100%;
-    line-height: 208%;
-  }
-  .btn {
-    display: flex;
-    justify-self: flex-end;
-    &.btn-close  {
-      position: absolute;
-      right: 0px;
-      z-index: 100;
-    }
-  }
-}
-
-#ui .dialog-content {
-  padding: 16px;
-  cursor: auto;
-  word-wrap: break-word;
-  max-height: 85vh;
-  overflow-y: auto;
-  .field {
-    margin: 0;
-  }
-}
-table {
-  width: 100%;
-  border: 1px solid #DDDDDD;
-  border-collapse: collapse;
-  td,th {
-    padding: 3px;
-    @media only screen and (min-width: 480px) {
-      padding: 5px;
-    }
-    &.mini {
-      cursor: pointer;
-      min-width: auto;
-      width: 40px;
-    }
-  }
-  thead tr {
-    background-color: #F1F1F1;
-    font-weight: lighter;
-  }
-  tbody tr {
-  }
-  @media only screen and (max-width: 480px){
-    font-size: 80%;
-  }
-}
-.dark table {
-  thead tr {
-    background-color: #191919;
-    color: #e3e3e3;
-  }
-  tbody tr {
-    background-color: #191919;
-  }
-  td,th {
-    border: 1px solid #3f3f3f;
-  }
-}
+
+.dialog-bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 10000;
+  pointer-events: none;
+  background-color: rgba(59, 59, 59, 0.51);
+}
+
+.dialog-container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 10000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none; /* Permet de cliquer "à travers" le conteneur */
+}
+
+#content .dialog {
+  box-sizing: border-box;
+  pointer-events: all;
+  background-color: #F8F8F8;
+  border: 1px solid #DDDDDD;
+  border-radius: 8px;
+  color: black;
+  width: 90%;
+  max-width: 1024px;
+  min-width: 320px;
+  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);
+  text-align: left;
+
+}
+
+.dialog .actions {
+  justify-content: flex-end;
+}
+
+.dark .dialog {
+    background-color: #191919;
+    color: #e3e3e3;
+}
+
+#content .dialog-header {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-start;
+  border: none;
+  border-bottom: 1px solid #E2E2E2;
+  h2 {
+    display: flex;
+    flex: 1;
+    padding: 0;
+    align-items: center;
+    margin: 8px;
+    font-size: 100%;
+    line-height: 208%;
+  }
+  .btn {
+    display: flex;
+    justify-self: flex-end;
+    &.btn-close  {
+      position: absolute;
+      right: 0px;
+      z-index: 100;
+    }
+  }
+}
+
+#ui .dialog-content {
+  padding: 16px;
+  cursor: auto;
+  word-wrap: break-word;
+  max-height: 85vh;
+  overflow-y: auto;
+  .field {
+    margin: 0;
+  }
+}
+table {
+  width: 100%;
+  border: 1px solid #DDDDDD;
+  border-collapse: collapse;
+  td,th {
+    padding: 3px;
+    @media only screen and (min-width: 480px) {
+      padding: 5px;
+    }
+    &.mini {
+      cursor: pointer;
+      min-width: auto;
+      width: 40px;
+    }
+  }
+  thead tr {
+    background-color: #F1F1F1;
+    font-weight: lighter;
+  }
+  tbody tr {
+  }
+  @media only screen and (max-width: 480px){
+    font-size: 80%;
+  }
+}
+.dark table {
+  thead tr {
+    background-color: #191919;
+    color: #e3e3e3;
+  }
+  tbody tr {
+    background-color: #191919;
+  }
+  td,th {
+    border: 1px solid #3f3f3f;
+  }
+}

package/client/src/DisplayFlexNodeRenderer.jsx

@@ -79,6 +79,7 @@ const CtaNode = ({ node, nodeStyle, dataItem }) => {
 
             if (method !== 'GET' && method !== 'HEAD' && node.requestBodyTemplate) {
                 fetchOptions.body = substituteClientVariables(node.requestBodyTemplate, dataItem);
+                fetchOptions.credentials= "include";
             }
 
             // 3. Exécuter la requête

package/client/src/FlexBuilderControls.jsx

@@ -30,6 +30,7 @@ const FlexBuilderControls = ({
         ['endpoints', 'GET'], // Clé de requête
         () => fetch('/api/data/search', {
             method: 'POST',
+            credentials: "include",
             headers: { 'Content-Type': 'application/json' },
             body: JSON.stringify({
                 model: 'endpoint',

package/client/src/FlexBuilderPreview.jsx

@@ -28,7 +28,7 @@ const FlexBuilderPreview = ({
         setIsModalOpen(true);
 
         try {
-            const response = await fetch(`/api/actions/${node.endpointPath}`, { method: 'GET' });
+            const response = await fetch(`/api/actions/${node.endpointPath}`, {credentials: "include", method: 'GET' });
             const data = await response.json();
             setModalContent({ path: node.endpointPath, status: response.status, data });
         } catch (error) {

package/client/src/FlexNode.jsx

@@ -92,7 +92,7 @@ export const FlexNodeRenderer = React.forwardRef((props, ref) => {
         setResult(null);
 
         try {
-            const response = await fetch(`/api/actions/${endpointPath}`, { method: 'GET' });
+            const response = await fetch(`/api/actions/${endpointPath}`, { credentials: "include",method: 'GET' });
             const data = await response.json();
             setResult({ status: response.status, data });
         } catch (error) {

package/client/src/HistoryDialog.jsx

@@ -153,7 +153,7 @@ export const HistoryDialog = ({ modelName, recordId, onClose }) => {
             const params = new URLSearchParams({ page, limit: elementsPerPage, lang: i18n.language });
             if (startDate) params.append('startDate', startDate);
             if (endDate) params.append('endDate', endDate);
-            const query = await fetch(`/api/data/history/${modelName}/${recordId}?${params.toString()}`);
+            const query = await fetch(`/api/data/history/${modelName}/${recordId}?${params.toString()}`, {credentials: "include"});
             const response = await query.json();
             if (response.success) {
                 setHistory(response.data);
@@ -185,7 +185,7 @@ export const HistoryDialog = ({ modelName, recordId, onClose }) => {
         setPreviewLoading(true);
         setPreviewData(null);
         try {
-            const res = await fetch(`/api/data/history/${modelName}/${recordId}/${version}`);
+            const res = await fetch(`/api/data/history/${modelName}/${recordId}/${version}`, {credentials: "include"});
             const response = await res.json();
             if (response.success) {
                 setPreviewData(response.data);
@@ -209,6 +209,7 @@ export const HistoryDialog = ({ modelName, recordId, onClose }) => {
         try {
             const res = await fetch(`/api/data/history/${modelName}/${recordId}/revert/${version}`, {
                 method: 'POST',
+                credentials: "include",
                 headers: { 'Content-Type': 'application/json' }
             });
             const response = await res.json();

package/client/src/KPIWidget.jsx

@@ -9,7 +9,7 @@ import { Tooltip } from 'react-tooltip';
 // Fonction pour récupérer la valeur calculée d'un KPI (MODIFIÉE)
 const fetchKpiValue = async (kpiId) => {
     if (!kpiId) return null;
-    const response = await fetch(`/api/kpis/calculate/${kpiId}`);
+    const response = await fetch(`/api/kpis/calculate/${kpiId}`, { credentials: "include",});
     if (!response.ok) {
         const errorData = await response.json().catch(() => ({}));
         throw new Error(errorData.error || `Network response was not ok (${response.status})`);

package/client/src/KanbanView.jsx

@@ -62,6 +62,7 @@ const KanbanView = ({ settings, model }) => {
         ['kanbanData', model.name], // Clé de requête unique pour ce modèle
         () => fetch(`/api/data/search?_user=${me.username}&depth=2`, { // La fonction qui appelle l'API
             method: 'POST',
+            credentials: "include",
             headers: { 'Content-Type': 'application/json' },
             // On demande toutes les données pour le modèle spécifié (limit: 0 pour "tout")
             body: JSON.stringify({ model: model.name, page: 1 })

package/client/src/ModelCreator.jsx

@@ -94,6 +94,7 @@ const ModelCreator = forwardRef(({ initialPrompt = '', onModelGenerated, autoGen
             const url = `/api/model/${initialModel._id}/renameField?_user=${encodeURIComponent(getUserId(me))}`;
             return fetch(url, {
                 method: 'PATCH',
+                credentials: "include",
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({ oldFieldName: oldName, newFieldName: newName }),
             }).then((res) => res.json());
@@ -120,6 +121,7 @@ const ModelCreator = forwardRef(({ initialPrompt = '', onModelGenerated, autoGen
             const method = initialModel?._id ? 'PUT' : 'POST';
             return fetch(url+'?_user='+me.username, {
                 method: method,
+                credentials: "include",
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify(modelData),
             }).then((res) => res.json());
@@ -173,6 +175,7 @@ const ModelCreator = forwardRef(({ initialPrompt = '', onModelGenerated, autoGen
         (modelName) =>
             fetch(`/api/model?name=${modelName}&_user=${encodeURIComponent(getUserId(me))}`, {
                 method: 'DELETE',
+                credentials:"include",
             }).then((res) => res.json()),
         {
             onSuccess: () => {
@@ -386,6 +389,7 @@ const ModelCreator = forwardRef(({ initialPrompt = '', onModelGenerated, autoGen
 
             const response = await fetch(`/api/model/generate?lang=${lang}`, {
                 method: 'POST',
+                credentials:"include",
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify(bodyPayload),
             });

package/client/src/ModelList.jsx

@@ -95,6 +95,7 @@ export function ModelList({ editionMode, onModelSelect, onCreateModel, onImportM
     const demoInitMutation = useMutation((profile) => {
         return fetch('/api/demo/initialize', {
             method: 'POST',
+            credentials:"include",
             headers: { "Content-Type": "application/json"},
             body: JSON.stringify({profile: profile, packs: profiles[profile].packs}),
         });

package/client/src/PackGallery.jsx

@@ -16,7 +16,7 @@ import {TextField, CheckboxField} from "./Field.jsx";
 // --- API Fetching Functions ---
 const fetchPacks = async (sortBy, lang, filterByUser = false, user) => {
     const url = `/api/packs?lang=${lang}&sortBy=${sortBy.field}&order=${sortBy.order}${filterByUser ? '&user='+user.username : ''}`;
-    const response = await fetch(url);
+    const response = await fetch(url, {credentials:"include"});
     if (!response.ok) {
         throw new Error('Network response was not ok');
     }
@@ -25,7 +25,7 @@ const fetchPacks = async (sortBy, lang, filterByUser = false, user) => {
 
 const fetchPackDetails = async (packId, lang) => {
     if (!packId) return null;
-    const response = await fetch(`/api/packs/${packId}?lang=${lang}`);
+    const response = await fetch(`/api/packs/${packId}?lang=${lang}`, {credentials:"include"});
     if (!response.ok) {
         throw new Error('Failed to fetch pack details');
     }
@@ -182,7 +182,7 @@ const PackDetail = ({ packId, onBack }) => {
 
 const installPackMutationFn = async ({packId, lang}) => {
     const response = await fetch(`/api/packs/${packId}/install?lang=${lang}`, {
-        method: 'POST',
+        method: 'POST',credentials: "include",
         headers: {
             'Content-Type': 'application/json',
         },
@@ -196,7 +196,7 @@ const installPackMutationFn = async ({packId, lang}) => {
 
 const updatePackMutationFn = async ({ packId, updateData }) => {
     const response = await fetch(`/api/packs/${packId}`, {
-        method: 'PATCH',
+        method: 'PATCH',credentials: "include",
         headers: {
             'Content-Type': 'application/json',
         },
@@ -241,6 +241,7 @@ const PackGallery = () => {
 
             const response = await fetch('/api/packs/install', {
                 method: 'POST',
+                credentials: "include",
                 headers: {
                     'Content-Type': 'application/json',
                 },