docs/mocks.md

@@ -1,15 +0,0 @@
-# MSW Mocking - Le Coffre Front
-
-Objectif: mocker les appels API pendant le développement et les tests.
-
-Fichiers principaux:
-- `src/mocks/handlers.ts` — définition des endpoints mockés
-- `src/mocks/browser.ts` — démarrage du worker dans le navigateur
-- `src/mocks/server.ts` — serveur MSW côté Node (pour les tests SSR si nécessaire)
-
-Intégration:
-- `_app.tsx` charge dynamiquement les mocks côté client en mode développement.
-
-Exemple de mocking:
-- Endpoint GET `*/admin/users` retourne une liste d’utilisateurs simulée.
-- Endpoint GET `*/admin/users/:uid` retourne les détails d’un utilisateur simulé.

next.config.js

@@ -1,13 +1,3 @@
-module.exports = {
-  // Allow trusted origins in development to avoid cross-origin warnings
-  // This option is supported in recent Next.js versions; if not recognized, it will be ignored.
-  allowedDevOrigins: [
-    'http://92.243.27.160',
-    'http://92.243.27.160:3000',
-    'http://localhost:3000',
-  ],
-};
-
 /** @type {import('next').NextConfig} */
 
 const nextConfig = {

package.json

@@ -3,7 +3,7 @@
 	"version": "0.1.0",
 	"private": true,
 	"scripts": {
-		"dev": "./scripts/start-dev.sh 0.0.0.0 3000",
+		"dev": "next dev",
 		"build": "next build",
 		"start": "next start",
 		"lint": "next lint",
@@ -15,6 +15,8 @@
 		"@heroicons/react": "^2.1.3",
 		"@mui/material": "^5.11.13",
 		"@next/third-parties": "^14.2.3",
+		"@types/node": "18.15.1",
+		"@types/react": "18.0.28",
 		"@types/react-dom": "18.0.11",
 		"@uidotdev/usehooks": "^2.4.1",
 		"class-validator": "^0.14.0",
@@ -39,14 +41,11 @@
 		"react-toastify": "^9.1.3",
 		"sass": "^1.59.2",
 		"sharp": "^0.32.1",
+		"typescript": "4.9.5",
 		"uuidv4": "^6.2.13"
 	},
 	"devDependencies": {
 		"@types/file-saver": "^2.0.7",
-		"@types/node": "24.3.1",
+		"@types/react-gtm-module": "^2.0.3"
-		"@types/react": "19.1.12",
-		"@types/react-gtm-module": "^2.0.3",
-		"msw": "^2.11.1",
-		"typescript": "5.9.2"
 	}
 }

scripts/start-dev.sh

@@ -1,16 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-
-bind_addr="${1:-0.0.0.0}"
-port="${2:-3000}"
-
-if [ -x "./node_modules/.bin/next" ]; then
-  exec ./node_modules/.bin/next dev -H "$bind_addr" -p "$port"
-else
-  if command -v npx >/dev/null 2>&1; then
-    exec npx --yes next dev -H "$bind_addr" -p "$port"
-  else
-    echo "Next.js binary not found and npx not available" >&2
-    exit 1
-  fi
-fi

src/mocks/browser.ts

@@ -1,12 +0,0 @@
-export const start = async () => {
-  if (typeof window === 'undefined') return;
-  try {
-    const mswModule = await import('msw');
-    const { setupWorker } = mswModule;
-    const { handlers } = await import('./handlers');
-    const worker = setupWorker(...handlers);
-    worker.start({ onUnhandledRequests: 'warn' });
-  } catch (err) {
-    console.warn('MSW not loaded or unavailable', err);
-  }
-};

src/mocks/handlers.ts

@@ -1,255 +0,0 @@
-import { rest } from 'msw';
-
-export const handlers = [
-  // Mock: Get all users (Admin)
-  rest.get('*/admin/users', (req, res, ctx) => {
-    const users = [
-      { uid: 'u1', idNot: 'id1', name: 'Alice Admin', email: 'alice@example.com' },
-      { uid: 'u2', idNot: 'id2', name: 'Bob Admin', email: 'bob@example.com' }
-    ];
-    return res(ctx.status(200), ctx.json(users));
-  }),
-  // Mock: Get user by UID (Admin)
-  rest.get('*/admin/users/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Demo Admin', email: 'demo@example.com' }));
-  }),
-  // Mock: Documents (Admin)
-  rest.get('*/admin/documents', (req, res, ctx) => {
-    const docs = [
-      { uid: 'doc1', title: 'Contrat', status: 'DRAFT' },
-      { uid: 'doc2', title: 'Pacte', status: 'PUBLISHED' }
-    ];
-    return res(ctx.status(200), ctx.json(docs));
-  }),
-  rest.get('*/admin/documents/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const doc = { uid, title: 'Demo Document', status: 'PUBLISHED' };
-    return res(ctx.status(200), ctx.json(doc));
-  }),
-  rest.post('*/admin/documents', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const newDoc = { uid: 'doc-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(newDoc));
-  }),
-  rest.put('*/admin/documents/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const doc = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(doc));
-  }),
-  rest.delete('*/admin/documents/:uid', (req, res, ctx) => {
-    return res(ctx.status(204));
-  }),
-  // Mock: Document Types (Admin)
-  rest.get('*/admin/document-types', (req, res, ctx) => {
-    const items = [ { uid: 'dt1', name: 'Type A' }, { uid: 'dt2', name: 'Type B' } ];
-    return res(ctx.status(200), ctx.json(items));
-  }),
-  rest.get('*/admin/document-types/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Type Doc', public_description: 'desc' }));
-  }),
-  rest.post('*/admin/document-types', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const dt = { uid: 'dt-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(dt));
-  }),
-  rest.put('*/admin/document-types/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const dt = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(dt));
-  }),
-  // Mock: Roles (Admin)
-  rest.get('*/admin/roles', (req, res, ctx) => {
-    const roles = [ { uid: 'r1', name: 'Admin' }, { uid: 'r2', name: 'Editor' } ];
-    return res(ctx.status(200), ctx.json(roles));
-  }),
-  rest.get('*/admin/roles/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Role Demo' }));
-  }),
-  rest.post('*/admin/roles', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const role = { uid: 'r-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(role));
-  }),
-  rest.put('*/admin/roles/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const role = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(role));
-  }),
-  // Mock: Office Roles (Admin)
-  rest.get('*/admin/office-roles', (req, res, ctx) => {
-    const items = [ { uid: 'or1', name: 'Office A' } ];
-    return res(ctx.status(200), ctx.json(items));
-  }),
-  rest.get('*/admin/office-roles/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Office Role Demo' }));
-  }),
-  rest.post('*/admin/office-roles', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const item = { uid: 'or-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(item));
-  }),
-  rest.put('*/admin/office-roles/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const item = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(item));
-  }),
-  // Mock: Deeds (Admin)
-  rest.get('*/admin/deeds', (req, res, ctx) => {
-    const deeds = [ { uid: 'd1', name: 'Deed 1' } ];
-    return res(ctx.status(200), ctx.json(deeds));
-  }),
-  rest.get('*/admin/deeds/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Deed Demo' }));
-  }),
-  rest.post('*/admin/deeds', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const deed = { uid: 'd-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(deed));
-  }),
-  rest.put('*/admin/deeds/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const deed = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(deed));
-  }),
-  // Mock: Deed Types (Admin)
-  rest.get('*/admin/deed-types', (req, res, ctx) => {
-    const items = [ { uid: 'dt1', name: 'Deed Type 1' } ];
-    return res(ctx.status(200), ctx.json(items));
-  }),
-  rest.get('*/admin/deed-types/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Deed Type Demo' }));
-  }),
-  rest.post('*/admin/deed-types', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const item = { uid: 'dt-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(item));
-  }),
-  rest.put('*/admin/deed-types/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const item = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(item));
-  }),
-  // Mock: Rules (Admin)
-  rest.get('*/admin/rules', (req, res, ctx) => {
-    const rules = [ { uid: 'rul1', name: 'Rule 1' } ];
-    return res(ctx.status(200), ctx.json(rules));
-  }),
-  rest.get('*/admin/rules/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Rule Demo' }));
-  }),
-  rest.post('*/admin/rules', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const item = { uid: 'rul-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(item));
-  }),
-  rest.put('*/admin/rules/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const item = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(item));
-  }),
-  // Notary - Users
-  rest.get('*/notary/users', (req, res, ctx) => {
-    const users = [ { uid: 'nu1', name: 'Notary User 1' }, { uid: 'nu2', name: 'Notary User 2' } ];
-    return res(ctx.status(200), ctx.json(users));
-  }),
-  rest.get('*/notary/users/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Notary User Demo' }));
-  }),
-  // Notary - Customers
-  rest.get('*/notary/customers', (req, res, ctx) => {
-    const customers = [ { uid: 'nc1', first_name: 'Demo', last_name: 'Customer', email: 'demo@example.com' } ];
-    return res(ctx.status(200), ctx.json(customers));
-  }),
-  rest.get('*/notary/customers/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, first_name: 'Demo', last_name: 'Customer', email: 'demo@example.com' }));
-  }),
-  rest.post('*/notary/customers', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const customer = { uid: 'nc-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(customer));
-  }),
-  rest.put('*/notary/customers/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const customer = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(customer));
-  }),
-  // Notary - Offices
-  rest.get('*/notary/offices', (req, res, ctx) => {
-    const offices = [ { uid: 'no1', name: 'Notary Office 1' } ];
-    return res(ctx.status(200), ctx.json(offices));
-  }),
-  rest.get('*/notary/offices/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Notary Office Demo' }));
-  }),
-  // Notary - Document Types
-  rest.get('*/notary/document-types', (req, res, ctx) => {
-    const items = [ { uid: 'ndt1', name: 'Notary Doc Type 1' } ];
-    return res(ctx.status(200), ctx.json(items));
-  }),
-  rest.get('*/notary/document-types/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Notary Doc Type Demo' }));
-  }),
-  rest.post('*/notary/document-types', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const item = { uid: 'ndt-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(item));
-  }),
-  rest.put('*/notary/document-types/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const item = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(item));
-  }),
-  // Notary - Folders
-  rest.get('*/notary/folders', (req, res, ctx) => {
-    const folders = [ { uid: 'nf1', name: 'Notary Folder 1', customers: [] } ];
-    return res(ctx.status(200), ctx.json(folders));
-  }),
-  rest.get('*/notary/folders/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Notary Folder Demo', customers: [] }));
-  }),
-  rest.post('*/notary/folders', (req, res, ctx) => {
-    const body = (req as any).body || {};
-    const folder = { uid: 'nf-new', ...body } as any;
-    return res(ctx.status(201), ctx.json(folder));
-  }),
-  rest.put('*/notary/folders/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    const body = (req as any).body || {};
-    const folder = { uid, ...body } as any;
-    return res(ctx.status(200), ctx.json(folder));
-  }),
-  rest.delete('*/notary/folders/:uid', (req, res, ctx) => {
-    return res(ctx.status(204));
-  }),
-  // Notary - Deeds
-  rest.get('*/notary/deeds', (req, res, ctx) => {
-    const deeds = [ { uid: 'nd1', name: 'Notary Deed 1' } ];
-    return res(ctx.status(200), ctx.json(deeds));
-  }),
-  rest.get('*/notary/deeds/:uid', (req, res, ctx) => {
-    const { uid } = req.params as any;
-    return res(ctx.status(200), ctx.json({ uid, name: 'Notary Deed Demo' }));
-  }),
-  // End of mocks
-];

src/mocks/server.ts

@@ -1,4 +0,0 @@
-import { setupServer } from 'msw/node';
-import { handlers } from './handlers';
-
-export const server = setupServer(...handlers);

src/pages/_app.tsx

@@ -1,17 +1,16 @@
-import '@Front/index.scss';
+import "@Front/index.scss";
-import { DefaultLayout } from '@Front/Components/LayoutTemplates/DefaultLayout';
+import { DefaultLayout } from "@Front/Components/LayoutTemplates/DefaultLayout";
-import { FrontendVariables } from '@Front/Config/VariablesFront';
+import { FrontendVariables } from "@Front/Config/VariablesFront";
-import type { NextPage } from 'next';
+import type { NextPage } from "next";
-import type { AppType, AppProps } from 'next/app';
+import type { AppType, AppProps } from "next/app";
-import { useEffect, type ReactElement, type ReactNode } from 'react';
+import { useEffect, type ReactElement, type ReactNode } from "react";
-import getConfig from 'next/config';
+import getConfig from "next/config";
-import { GoogleTagManager } from '@next/third-parties/google';
+import { GoogleTagManager } from "@next/third-parties/google";
-import { hotjar } from 'react-hotjar';
+import { hotjar } from "react-hotjar";
 
-export type NextPageWithLayout<TProps = Record<string, unknown>, TInitialProps = TProps> =
+export type NextPageWithLayout<TProps = Record<string, unknown>, TInitialProps = TProps> = NextPage<TProps, TInitialProps> & {
-  NextPage<TProps, TInitialProps> & {
 	getLayout?: (page: ReactElement) => ReactNode;
-  };
+};
 
 type AppPropsWithLayout = AppProps & {
 	Component: NextPageWithLayout;
@@ -66,7 +65,6 @@ const MyApp = (({
 	instance.DOCAPOST_API_URL = docaposteApiUrl;
 	instance.HOTJAR_SITE_ID = hotjarSiteId;
 	instance.HOJAR_VERSION = hotjarVersion;
-
 	useEffect(() => {
 		if (!hotjarSiteId || !hotjarVersion) {
 			console.warn("No hotjar site id or version provided");
@@ -79,16 +77,6 @@ const MyApp = (({
 		});
 	}, [hotjarSiteId, hotjarVersion]);
 
-  // Bootstrap MSW in development to mock API calls
-  useEffect(() => {
-    if (typeof window === 'undefined') return;
-    import('../mocks/browser')
-      .then((m) => {
-        if (typeof m?.start === 'function') m.start();
-      })
-      .catch(() => {});
-  }, []);
-
 	return getLayout(
 		<Component {...pageProps}>
 			<GoogleTagManager gtmId="GTM-5GLJN86P" />

tests/README.md

@@ -1,5 +0,0 @@
-# Tests avec MSW
-
-- Installer MSW (déjà ajouté dans les devDependencies).
-- Démarrer les mocks dans le navigateur via `_app.tsx` (setup décrit dans docs/mocks.md).
-- Eventuellement ajouter des tests d’intégration qui utilisent les handlers MSW.