debut des details de la page. Vu que c'est le troisieme (euh quatrieme?) composant, c'etait un peu plus rapide, mais heureusement que claude est la pour repasser derriere mes erreurs prcq en solo je n'y arriverais pas du tout!

2026-03-27 17:49:26 +01:00
parent 24e85c4471
commit 43589e583e
92 changed files with 12959 additions and 0 deletions
@@ -0,0 +1,97 @@
+'use strict';
+
+var strings = require('./strings.cjs');
+
+/**
+ * Get all the element attributes as object
+ * @param   {HTMLElement} element - DOM node we want to parse
+ * @returns {object} all the attributes found as a key value pairs
+ */
+function DOMattributesToObject(element) {
+  return Array.from(element.attributes).reduce((acc, attribute) => {
+    acc[strings.dashToCamelCase(attribute.name)] = attribute.value;
+    return acc
+  }, {})
+}
+
+/**
+ * Move all the child nodes from a source tag to another
+ * @param   {HTMLElement} source - source node
+ * @param   {HTMLElement} target - target node
+ * @returns {undefined} it's a void method ¯\_(ツ)_/¯
+ */
+
+// Ignore this helper because it's needed only for svg tags
+function moveChildren(source, target) {
+  // eslint-disable-next-line fp/no-loops
+  while (source.firstChild) target.appendChild(source.firstChild);
+}
+
+/**
+ * Remove the child nodes from any DOM node
+ * @param   {HTMLElement} node - target node
+ * @returns {undefined}
+ */
+function cleanNode(node) {
+  // eslint-disable-next-line fp/no-loops
+  while (node.firstChild) node.removeChild(node.firstChild);
+}
+
+/**
+ * Clear multiple children in a node
+ * @param   {HTMLElement[]} children - direct children nodes
+ * @returns {undefined}
+ */
+function clearChildren(children) {
+  // eslint-disable-next-line fp/no-loops,fp/no-let
+  for (let i = 0; i < children.length; i++) removeChild(children[i]);
+}
+
+/**
+ * Remove a node
+ * @param {HTMLElement}node - node to remove
+ * @returns {undefined}
+ */
+const removeChild = (node) => node.remove();
+
+/**
+ * Insert before a node
+ * @param {HTMLElement} newNode - node to insert
+ * @param {HTMLElement} refNode - ref child
+ * @returns {undefined}
+ */
+const insertBefore = (newNode, refNode) =>
+  refNode?.parentNode?.insertBefore(newNode, refNode);
+
+/**
+ * Move a node into its new position. Use the moveBefore method if it's available
+ * @param {HTMLElement} existingNode - node to move
+ * @param {HTMLElement} refNode - ref child
+ * @returns {undefined}
+ */
+const moveBefore = ((hasMoveBefore) => (existingNode, refNode) =>
+  hasMoveBefore
+    ? refNode?.parentNode?.moveBefore(existingNode, refNode)
+    : insertBefore(existingNode, refNode))(
+  // Rely on the new moveBefore method to move nodes if it's available https://developer.mozilla.org/en-US/docs/Web/API/Element/moveBefore
+  // cache the value of the check into a boolean variable
+  typeof Element !== 'undefined' && Element.prototype.moveBefore,
+);
+
+/**
+ * Replace a node
+ * @param {HTMLElement} newNode - new node to add to the DOM
+ * @param {HTMLElement} replaced - node to replace
+ * @returns {undefined}
+ */
+const replaceChild = (newNode, replaced) =>
+  replaced?.parentNode?.replaceChild(newNode, replaced);
+
+exports.DOMattributesToObject = DOMattributesToObject;
+exports.cleanNode = cleanNode;
+exports.clearChildren = clearChildren;
+exports.insertBefore = insertBefore;
+exports.moveBefore = moveBefore;
+exports.moveChildren = moveChildren;
+exports.removeChild = removeChild;
+exports.replaceChild = replaceChild;