theo_lafond_react_ci_cd 1.0.5 → 2.0.0

package/cypress.config.js

@@ -1,4 +1,4 @@
-import { defineConfig } from "cypress";
+const { defineConfig } = require('cypress')
 
 export default defineConfig({
   allowCypressEnv: false,
@@ -6,7 +6,9 @@ export default defineConfig({
   e2e: {
     baseUrl: "http://localhost:5173/Test_cycle_TDD/",
     setupNodeEvents(on, config) {
-      // implement node event listeners here
+      const { plugin: cypressGrepPlugin } = require('@cypress/grep/plugin')
+      cypressGrepPlugin(config)
+      return config
     },
   },
 });

package/dist/App.js

@@ -104,7 +104,7 @@ function App(_ref) {
    */
   var addPerson = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(person) {
-      var existingEmails, newUser;
+      var existingEmails, newUser, users;
       return _regenerator().w(function (_context2) {
         while (1) switch (_context2.n) {
           case 0:
@@ -118,7 +118,22 @@ function App(_ref) {
             setPersons(function (prev) {
               return [].concat(_toConsumableArray(prev), [newUser]);
             });
+            if (!(newUser.firstName && newUser.email)) {
+              _context2.n = 2;
+              break;
+            }
+            setPersons(function (prev) {
+              return [].concat(_toConsumableArray(prev), [newUser]);
+            });
+            _context2.n = 4;
+            break;
           case 2:
+            _context2.n = 3;
+            return (0, _personService.fetchUsers)();
+          case 3:
+            users = _context2.v;
+            setPersons(users);
+          case 4:
             return _context2.a(2);
         }
       }, _callee2);
@@ -127,6 +142,42 @@ function App(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+
+  /**
+   * Delete a person both via API and state update.
+   * @async
+   * @param {number} userId
+   */
+  var deletePerson = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(userId) {
+      var _t2;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.p = _context3.n) {
+          case 0:
+            _context3.p = 0;
+            _context3.n = 1;
+            return (0, _personService.deleteUser)(userId);
+          case 1:
+            setPersons(function (prev) {
+              return prev.filter(function (p) {
+                return p.id !== userId;
+              });
+            });
+            _context3.n = 3;
+            break;
+          case 2:
+            _context3.p = 2;
+            _t2 = _context3.v;
+            throw _t2;
+          case 3:
+            return _context3.a(2);
+        }
+      }, _callee3, null, [[0, 2]]);
+    }));
+    return function deletePerson(_x2) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.BrowserRouter, {
     basename: basename,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactRouterDom.Routes, {
@@ -135,7 +186,8 @@ function App(_ref) {
         element: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Home["default"], {
           persons: persons,
           loading: loading,
-          serverError: serverError
+          serverError: serverError,
+          deletePerson: deletePerson
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Route, {
         path: "/register",

package/dist/components/PersonForm.js

@@ -166,9 +166,9 @@ function PersonForm(_ref) {
           case 3:
             _context.p = 3;
             _t = _context.v;
-            /* istanbul ignore next */
+            /* c8 ignore start */
             key = 'form';
-            /* istanbul ignore next */
+            /* c8 ignore start */
             if (_t.message.includes('SERVER_ERROR')) {
               _reactToastify.toast.error(_errorMessages.errorMessages.SERVER_ERROR, {
                 toastId: "server-error-toast",
@@ -176,7 +176,7 @@ function PersonForm(_ref) {
               });
             } else if (_t.message.includes('FIRST_NAME')) key = 'firstName';else if (_t.message.includes('LAST_NAME')) key = 'lastName';else if (_t.message.includes('INVALID_EMAIL') || _t.message.includes('EMAIL_ALREADY_EXISTS')) key = 'email';else if (_t.message.includes('ZIP')) key = 'zip';else if (_t.message.includes('CITY')) key = 'city';else if (_t.message.includes('UNDERAGE') || _t.message.includes('FUTURE_DATE')) key = 'birthDate';
 
-            /* istanbul ignore next */
+            /* c8 ignore start */
             setErrors(_defineProperty({}, key, _t.message));
           case 4:
             return _context.a(2);

package/dist/domain/services/personService.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createUser = createUser;
+exports.deleteUser = deleteUser;
 exports.fetchUsers = fetchUsers;
 var _axios = _interopRequireDefault(require("axios"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -12,10 +13,9 @@ function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try {
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 /**
- * Base API URL for JSONPlaceholder.
- * Note: JSONPlaceholder does not persist POST requests.
+ * Base API URL
  */
-var API_BASE = "https://jsonplaceholder.typicode.com";
+var API_BASE = import.meta.env.API_BASE || "http://localhost:8000";
 
 /**
  * Fetch all users from the API.
@@ -50,15 +50,15 @@ function _fetchUsers() {
           return _axios["default"].get("".concat(API_BASE, "/users"));
         case 1:
           response = _context.v;
-          return _context.a(2, response.data.map(function (u) {
-            var _u$address, _u$address2;
+          return _context.a(2, response.data.utilisateurs.map(function (u) {
             return {
-              firstName: u.name.split(' ')[0] || '',
-              lastName: u.name.split(' ')[1] || '',
-              email: u.email,
-              birthDate: '',
-              zip: ((_u$address = u.address) === null || _u$address === void 0 ? void 0 : _u$address.zipcode) || '',
-              city: ((_u$address2 = u.address) === null || _u$address2 === void 0 ? void 0 : _u$address2.city) || ''
+              id: u[0],
+              firstName: u[1],
+              lastName: u[2],
+              email: u[3],
+              birthDate: u[4],
+              zip: u[5],
+              city: u[6]
             };
           }));
         case 2:
@@ -75,6 +75,15 @@ function _fetchUsers() {
 function createUser(_x) {
   return _createUser.apply(this, arguments);
 }
+/**
+ * Delete a user via API.
+ *
+ * @async
+ * @function deleteUser
+ * @param {number} userId - ID of the user to delete
+ * @returns {Promise<void>}
+ * @throws {Error} Throws "USER_NOT_FOUND" or "SERVER_ERROR"
+ */
 function _createUser() {
   _createUser = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(person) {
     var existingEmails,
@@ -123,4 +132,43 @@ function _createUser() {
     }, _callee2, null, [[1, 3]]);
   }));
   return _createUser.apply(this, arguments);
+}
+function deleteUser(_x2) {
+  return _deleteUser.apply(this, arguments);
+}
+function _deleteUser() {
+  _deleteUser = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(userId) {
+    var _error$response2, status, _t3;
+    return _regenerator().w(function (_context3) {
+      while (1) switch (_context3.p = _context3.n) {
+        case 0:
+          _context3.p = 0;
+          _context3.n = 1;
+          return _axios["default"]["delete"]("".concat(API_BASE, "/users/").concat(userId));
+        case 1:
+          _context3.n = 5;
+          break;
+        case 2:
+          _context3.p = 2;
+          _t3 = _context3.v;
+          status = (_error$response2 = _t3.response) === null || _error$response2 === void 0 ? void 0 : _error$response2.status;
+          if (!(status === 404)) {
+            _context3.n = 3;
+            break;
+          }
+          throw new Error("USER_NOT_FOUND");
+        case 3:
+          if (!(status >= 500 && status < 600)) {
+            _context3.n = 4;
+            break;
+          }
+          throw new Error("SERVER_ERROR");
+        case 4:
+          throw new Error("SERVER_ERROR");
+        case 5:
+          return _context3.a(2);
+      }
+    }, _callee3, null, [[0, 2]]);
+  }));
+  return _deleteUser.apply(this, arguments);
 }

package/dist/pages/Home.css

@@ -54,4 +54,23 @@
     padding: 0.3rem 0;
     border-bottom: 1px solid #eee;
     font-size: 0.95rem;
+}
+
+.card .delete-btn {
+    background-color: transparent;
+    color: #3e999f;
+    border: none;
+    cursor: pointer;
+    padding: 0 0.3rem;
+}
+
+.card .delete-btn:hover {
+    background-color: transparent;
+}
+
+.delete-icon {
+    color: red;
+    font-size: 0.8rem;
+    vertical-align: middle;
+    transition: transform 0.2s;
 }

package/dist/pages/Home.js

@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _reactRouterDom = require("react-router-dom");
 require("./Home.css");
 var _reactToastify = require("react-toastify");
+var _fa = require("react-icons/fa");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 /**
@@ -25,7 +26,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
  */function Home(_ref) {
   var persons = _ref.persons,
     loading = _ref.loading,
-    serverError = _ref.serverError;
+    serverError = _ref.serverError,
+    deletePerson = _ref.deletePerson;
   var navigate = (0, _reactRouterDom.useNavigate)();
 
   /**
@@ -37,6 +39,19 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
   var handleGoToForm = function handleGoToForm() {
     navigate('/register');
   };
+  var handleDelete = function handleDelete(user) {
+    if (window.confirm("Voulez-vous vraiment supprimer ".concat(user.firstName, " ").concat(user.lastName, " ?"))) {
+      deletePerson(user.id).then(function () {
+        _reactToastify.toast.success("Utilisateur supprimé avec succès !", {
+          toastId: "success-delete-user-toast"
+        });
+      })["catch"](function () {
+        _reactToastify.toast.error("Erreur lors de la suppression.", {
+          toastId: "error-delete-user-toast"
+        });
+      });
+    }
+  };
   if (serverError) {
     if (!_reactToastify.toast.isActive("server-error")) {
       _reactToastify.toast.error(serverError, {
@@ -87,7 +102,16 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default":
           className: "user-list",
           children: persons.map(function (person, index) {
             return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-              children: [person.firstName, " ", person.lastName, " (", person.email, ")"]
+              children: [person.firstName, " ", person.lastName, " (", person.email, ")", /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+                className: "delete-btn",
+                onClick: function onClick() {
+                  return handleDelete(person);
+                },
+                title: "Supprimer l'utilisateur",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fa.FaTrash, {
+                  className: "delete-icon"
+                })
+              })]
             }, index);
           })
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "theo_lafond_react_ci_cd",
   "private": false,
-  "version": "1.0.5",
+  "version": "2.0.0",
   "type": "commonjs",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -17,15 +17,19 @@
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "test": "jest --coverage",
+    "test": "vitest run --coverage",
     "doc": "jsdoc -R ../README.md -c jsdoc.json -r -d ./public/docs --private",
     "cypress": "cypress open",
+    "cy:run": "cypress run",
+    "cy:normal": "cypress run --expose grepTags=-@server-error",
+    "cy:server-error": "cypress run --expose grepTags=@server-error",
     "build-npm": "cross-env NODE_ENV=production rimraf dist && npx babel src --out-dir dist --copy-files"
   },
   "dependencies": {
     "axios": "^1.13.5",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
+    "react-icons": "^5.6.0",
     "react-router-dom": "^7.13.0",
     "react-toastify": "^11.0.5"
   },
@@ -35,6 +39,7 @@
     "@babel/plugin-transform-react-jsx": "^7.28.6",
     "@babel/preset-env": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
+    "@cypress/grep": "^6.0.0",
     "@eslint/js": "^9.39.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -42,6 +47,7 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "4.1.0",
     "babel-jest": "^30.2.0",
     "cross-env": "^10.1.0",
     "cypress": "^15.10.0",
@@ -52,8 +58,11 @@
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
     "jsdoc": "^4.0.5",
+    "jsdom": "^29.0.1",
     "react-test-renderer": "^19.2.4",
     "rimraf": "^6.1.3",
-    "vite": "^7.3.1"
+    "rollup": "^4.59.0",
+    "vite": "^7.3.1",
+    "vitest": "^4.1.0"
   }
 }

package/react.Dockerfile

@@ -0,0 +1,14 @@
+FROM node:20-alpine
+
+WORKDIR /app
+
+ENV PATH /app/node_modules/.bin:$PATH
+
+# Copier seulement les fichiers de dépendances
+COPY package.json pnpm-lock.yaml ./
+
+# Installer pnpm et les dépendances
+RUN npm install -g pnpm \
+    && pnpm install --frozen-lockfile
+
+EXPOSE 5173