From 5a3b6990f79aebd6107f9d74491e1a6b79d8a2a1 Mon Sep 17 00:00:00 2001
From: ChihebSMIDA <chiheb.smida@talan.com>
Date: Wed, 29 May 2024 16:24:50 +0200
Subject: [PATCH 1/4] Add rule "Avoid autoplay"

Co-authored-by: Diane Cordier <diane.cordier44@gmail.com>
---
 eslint-plugin/README.md                       | 25 +++---
 eslint-plugin/docs/rules/avoid-autoplay.md    | 46 ++++++++++
 eslint-plugin/lib/rules/avoid-autoplay.js     | 78 +++++++++++++++++
 .../tests/lib/rules/avoid-autoplay.js         | 84 +++++++++++++++++++
 .../java/io/ecocode/javascript/CheckList.java |  3 +-
 .../javascript/checks/AvoidAutoPlay.java      | 34 ++++++++
 .../profiles/ecocode_javascript_profile.json  |  3 +-
 .../profiles/ecocode_typescript_profile.json  |  3 +-
 .../io/ecocode/rules/javascript/EC36.html     | 10 +++
 .../io/ecocode/rules/javascript/EC36.json     | 22 +++++
 10 files changed, 293 insertions(+), 15 deletions(-)
 create mode 100644 eslint-plugin/docs/rules/avoid-autoplay.md
 create mode 100644 eslint-plugin/lib/rules/avoid-autoplay.js
 create mode 100644 eslint-plugin/tests/lib/rules/avoid-autoplay.js
 create mode 100644 sonar-plugin/src/main/java/io/ecocode/javascript/checks/AvoidAutoPlay.java
 create mode 100644 sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.html
 create mode 100644 sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.json

diff --git a/eslint-plugin/README.md b/eslint-plugin/README.md
index a5e19f7..376065d 100644
--- a/eslint-plugin/README.md
+++ b/eslint-plugin/README.md
@@ -67,18 +67,19 @@ Add `@ecocode` to the `plugins` section of your `.eslintrc`, followed by rules c
 ⚠️ Configurations set to warn in.\
 ✅ Set in the `recommended` configuration.
 
-| Name                                                                                   | Description                                                | ⚠️ |
-| :------------------------------------------------------------------------------------- | :--------------------------------------------------------- | :- |
-| [avoid-css-animations](docs/rules/avoid-css-animations.md)                             | Avoid usage of CSS animations                              | ✅  |
-| [avoid-high-accuracy-geolocation](docs/rules/avoid-high-accuracy-geolocation.md)       | Avoid using high accuracy geolocation in web applications. | ✅  |
-| [limit-db-query-results](docs/rules/limit-db-query-results.md)                         | Should limit the number of returns for a SQL query         | ✅  |
-| [no-empty-image-src-attribute](docs/rules/no-empty-image-src-attribute.md)             | Disallow usage of image with empty source attribute        | ✅  |
-| [no-import-all-from-library](docs/rules/no-import-all-from-library.md)                 | Should not import all from library                         | ✅  |
-| [no-multiple-access-dom-element](docs/rules/no-multiple-access-dom-element.md)         | Disallow multiple access of same DOM element.              | ✅  |
-| [no-multiple-style-changes](docs/rules/no-multiple-style-changes.md)                   | Disallow multiple style changes at once.                   | ✅  |
-| [prefer-collections-with-pagination](docs/rules/prefer-collections-with-pagination.md) | Prefer API collections with pagination.                    | ✅  |
-| [prefer-shorthand-css-notations](docs/rules/prefer-shorthand-css-notations.md)         | Encourage usage of shorthand CSS notations                 | ✅  |
-| [provide-print-css](docs/rules/provide-print-css.md)                                   | Enforce providing a print stylesheet                       | ✅  |
+| Name                                                                                   | Description                                                               | ⚠️ |
+| :------------------------------------------------------------------------------------- | :------------------------------------------------------------------------ | :- |
+| [avoid-autoplay](docs/rules/avoid-autoplay.md)                                         | Disallow autoplay and enforce preload='none' for video and audio elements | ✅  |
+| [avoid-css-animations](docs/rules/avoid-css-animations.md)                             | Avoid usage of CSS animations                                             | ✅  |
+| [avoid-high-accuracy-geolocation](docs/rules/avoid-high-accuracy-geolocation.md)       | Avoid using high accuracy geolocation in web applications.                | ✅  |
+| [limit-db-query-results](docs/rules/limit-db-query-results.md)                         | Should limit the number of returns for a SQL query                        | ✅  |
+| [no-empty-image-src-attribute](docs/rules/no-empty-image-src-attribute.md)             | Disallow usage of image with empty source attribute                       | ✅  |
+| [no-import-all-from-library](docs/rules/no-import-all-from-library.md)                 | Should not import all from library                                        | ✅  |
+| [no-multiple-access-dom-element](docs/rules/no-multiple-access-dom-element.md)         | Disallow multiple access of same DOM element.                             | ✅  |
+| [no-multiple-style-changes](docs/rules/no-multiple-style-changes.md)                   | Disallow multiple style changes at once.                                  | ✅  |
+| [prefer-collections-with-pagination](docs/rules/prefer-collections-with-pagination.md) | Prefer API collections with pagination.                                   | ✅  |
+| [prefer-shorthand-css-notations](docs/rules/prefer-shorthand-css-notations.md)         | Encourage usage of shorthand CSS notations                                | ✅  |
+| [provide-print-css](docs/rules/provide-print-css.md)                                   | Enforce providing a print stylesheet                                      | ✅  |
 
 <!-- end auto-generated rules list -->
 
diff --git a/eslint-plugin/docs/rules/avoid-autoplay.md b/eslint-plugin/docs/rules/avoid-autoplay.md
new file mode 100644
index 0000000..03cb6ab
--- /dev/null
+++ b/eslint-plugin/docs/rules/avoid-autoplay.md
@@ -0,0 +1,46 @@
+# Disallow autoplay and enforce preload='none' for video and audio elements (`@ecocode/avoid-autoplay`)
+
+⚠️ This rule _warns_ in the ✅ `recommended` config.
+
+<!-- end auto-generated rule header -->
+
+⚠️ This rule _warns_ in the ✅ `recommended` config.
+
+<!-- end auto-generated rule header -->
+
+## Why is this an issue?
+
+Automatic videos and audio files activation (autoplay) during web pages loading uses resources on each tier (device,
+network, data center). In many cases, automatic playback is not necessary. Moreover, it can draw users' attention and
+distract them from the initially requested service. Therefore, whenever possible, these playbacks should be initiated by
+the users and by not using the autoplay attributes in the `<audio>` and `<video>` elements.
+
+Nevertheless, some parts of the video or audio files may be downloaded even if autoplay is not activated. Moreover, data
+will be unnecessarily downloaded even if users do not start the video playback. It is therefore necessary to force
+browsers not to preload anything by setting the `preload` attribute to `none`.
+
+```jsx
+return (
+    <>
+        <video src="video.mp4" autoplay/> // Non-compliant
+        <video src="video.mp4" preload="auto"/> // Non-compliant
+        <video src="video.mp4" autoplay preload="auto"/> // Non-compliant
+        <video src="video.mp4" preload="none"/> // Compliant
+    </>
+)
+```
+
+This rule is build for [React](https://react.dev/) and JSX.
+
+## Resources
+
+### Documentation
+
+- [Mozilla Web Technology for Developers](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/autoplay) -
+  Autoplay in HTML
+- [Mozilla Web Technology for Developers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video) - Video and
+  audio content
+- [Mozilla Web Technology for Developers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-preload) -
+  Preload in HTML
+
+
diff --git a/eslint-plugin/lib/rules/avoid-autoplay.js b/eslint-plugin/lib/rules/avoid-autoplay.js
new file mode 100644
index 0000000..e8bec83
--- /dev/null
+++ b/eslint-plugin/lib/rules/avoid-autoplay.js
@@ -0,0 +1,78 @@
+/*
+ * ecoCode JavaScript plugin - Provides rules to reduce the environmental footprint of your JavaScript programs
+ * Copyright © 2023 Green Code Initiative (https://www.ecocode.io)
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+
+/** @type {import("eslint").Rule.RuleModule} */
+module.exports = {
+  meta: {
+    type: "suggestion",
+    docs: {
+      description:
+        "Disallow autoplay and enforce preload='none' for video and audio elements",
+      category: "eco-design",
+      recommended: "warn",
+    },
+    messages: {
+      NoAutoplay:
+        "Avoid using autoplay attribute for <video> and <audio> elements. Reference to Rule RGESN 4.1 : https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html",
+      EnforcePreloadNone:
+        "Set preload='none' for <video> and <audio> elements. Reference to Rule RGESN 4.1 : https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html",
+      NoAutoplay_EnforcePreloadNone:
+        "Avoid using autoplay attribute and set preload='none' for <video> and <audio> elements. Reference to Rule RGESN 4.1 : https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html ",
+    },
+    schema: [],
+  },
+  create(context) {
+    return {
+      JSXOpeningElement(node) {
+        if (node.name.name === "video" || node.name.name === "audio") {
+          const autoplayAttr = node.attributes.find(
+            (attr) => attr.name.name === "autoplay",
+          );
+          const preloadAttr = node.attributes.find(
+            (attr) => attr.name.name === "preload",
+          );
+          if (
+            autoplayAttr &&
+            (!preloadAttr || preloadAttr.value.value !== "none")
+          ) {
+            context.report({
+              node: autoplayAttr || preloadAttr,
+              messageId: "NoAutoplay_EnforcePreloadNone",
+            });
+          } else {
+            if (autoplayAttr) {
+              context.report({
+                node: autoplayAttr,
+                messageId: "NoAutoplay",
+              });
+            }
+
+            if (!preloadAttr || preloadAttr.value.value !== "none") {
+              context.report({
+                node: preloadAttr || node,
+                messageId: "EnforcePreloadNone",
+              });
+            }
+          }
+        }
+      },
+    };
+  },
+};
diff --git a/eslint-plugin/tests/lib/rules/avoid-autoplay.js b/eslint-plugin/tests/lib/rules/avoid-autoplay.js
new file mode 100644
index 0000000..916dce1
--- /dev/null
+++ b/eslint-plugin/tests/lib/rules/avoid-autoplay.js
@@ -0,0 +1,84 @@
+/*
+ * ecoCode JavaScript plugin - Provides rules to reduce the environmental footprint of your JavaScript programs
+ * Copyright © 2023 Green Code Initiative (https://www.ecocode.io)
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+"use strict";
+
+//------------------------------------------------------------------------------
+// Requirements
+//------------------------------------------------------------------------------
+
+const rule = require("../../../lib/rules/avoid-autoplay");
+const RuleTester = require("eslint").RuleTester;
+
+//------------------------------------------------------------------------------
+// Tests
+//------------------------------------------------------------------------------
+
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2021,
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+});
+const expectedError1 = {
+  messageId: "NoAutoplay",
+  type: "JSXAttribute",
+};
+const expectedError2 = {
+  messageId: "EnforcePreloadNone",
+  type: "JSXAttribute",
+};
+const expectedError3 = {
+  messageId: "NoAutoplay_EnforcePreloadNone",
+  type: "JSXAttribute",
+};
+
+ruleTester.run("autoplay-audio-video-attribute-not-present", rule, {
+  valid: [
+    `
+      <audio preload="none"></audio>
+    `,
+    '<video preload="none"></video>',
+  ],
+
+  invalid: [
+    {
+      code: `
+        <audio autoplay></audio>
+      `,
+      errors: [expectedError3],
+    },
+    {
+      code: `
+        <video autoplay preload="auto"></video>
+           `,
+      errors: [expectedError3],
+    },
+    {
+      code: '<video autoplay preload="none"></video>',
+      errors: [expectedError1],
+    },
+    {
+      code: '<audio  preload="auto"></audio>',
+      errors: [expectedError2],
+    },
+  ],
+});
diff --git a/sonar-plugin/src/main/java/io/ecocode/javascript/CheckList.java b/sonar-plugin/src/main/java/io/ecocode/javascript/CheckList.java
index 6b79f22..bd9003f 100644
--- a/sonar-plugin/src/main/java/io/ecocode/javascript/CheckList.java
+++ b/sonar-plugin/src/main/java/io/ecocode/javascript/CheckList.java
@@ -43,7 +43,8 @@ public static List<Class<? extends JavaScriptCheck>> getAllChecks() {
                 NoMultipleStyleChanges.class,
                 PreferCollectionsWithPagination.class,
                 PreferShorthandCSSNotations.class,
-                ProvidePrintCSS.class
+                ProvidePrintCSS.class,
+                AvoidAutoPlay.class
         );
     }
 
diff --git a/sonar-plugin/src/main/java/io/ecocode/javascript/checks/AvoidAutoPlay.java b/sonar-plugin/src/main/java/io/ecocode/javascript/checks/AvoidAutoPlay.java
new file mode 100644
index 0000000..7e31d4a
--- /dev/null
+++ b/sonar-plugin/src/main/java/io/ecocode/javascript/checks/AvoidAutoPlay.java
@@ -0,0 +1,34 @@
+/*
+ * ecoCode JavaScript plugin - Provides rules to reduce the environmental footprint of your JavaScript programs
+ * Copyright © 2023 Green Code Initiative (https://www.ecocode.io)
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+package io.ecocode.javascript.checks;
+
+import org.sonar.check.Rule;
+import org.sonar.plugins.javascript.api.EslintBasedCheck;
+import org.sonar.plugins.javascript.api.JavaScriptRule;
+import org.sonar.plugins.javascript.api.TypeScriptRule;
+@JavaScriptRule
+@TypeScriptRule
+@Rule(key = AvoidAutoPlay.RULE_KEY)
+public class AvoidAutoPlay  implements EslintBasedCheck {
+    public static final String RULE_KEY = "EC36";
+
+    @Override
+    public String eslintKey() {
+        return "@ecocode/avoid-autoplay";
+    }
+}
diff --git a/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_javascript_profile.json b/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_javascript_profile.json
index 2e3da99..18b316f 100644
--- a/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_javascript_profile.json
+++ b/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_javascript_profile.json
@@ -9,6 +9,7 @@
     "EC25",
     "EC26",
     "EC29",
-    "EC30"
+    "EC30",
+    "EC36"
   ]
 }
diff --git a/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_typescript_profile.json b/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_typescript_profile.json
index 33577ce..32ac5ce 100644
--- a/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_typescript_profile.json
+++ b/sonar-plugin/src/main/resources/io/ecocode/profiles/ecocode_typescript_profile.json
@@ -1,6 +1,7 @@
 {
   "name": "ecoCode",
   "ruleKeys": [
-    "EC13"
+    "EC13",
+    "EC36"
   ]
 }
diff --git a/sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.html b/sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.html
new file mode 100644
index 0000000..de155ea
--- /dev/null
+++ b/sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Title</title>
+</head>
+<body>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.json b/sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.json
new file mode 100644
index 0000000..1ea2369
--- /dev/null
+++ b/sonar-plugin/src/main/resources/io/ecocode/rules/javascript/EC36.json
@@ -0,0 +1,22 @@
+{
+  "title": "Avoid autoplay for videos and audio content",
+  "type": "CODE_SMELL",
+  "code": {
+    "impacts": {
+      "MAINTAINABILITY": "MEDIUM"
+    },
+    "attribute": "EFFICIENT"
+  },
+  "status": "ready",
+  "remediation": {
+    "func": "Constant\/Issue",
+    "constantCost": "5min"
+  },
+  "tags": [
+    "ecocode",
+    "eco-design",
+    "video",
+    "audio"
+  ],
+  "defaultSeverity": "Major"
+}

From 229c8e243bb472509eaf6f26ec2128c2f4c00012 Mon Sep 17 00:00:00 2001
From: ChihebSMIDA <chiheb.smida@talan.com>
Date: Thu, 30 May 2024 15:06:31 +0200
Subject: [PATCH 2/4] Add rule "Avoid autoplay"

Co-authored-by: Diane Cordier <diane.cordier44@gmail.com>
---
 eslint-plugin/docs/rules/avoid-autoplay.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/eslint-plugin/docs/rules/avoid-autoplay.md b/eslint-plugin/docs/rules/avoid-autoplay.md
index 03cb6ab..dad9992 100644
--- a/eslint-plugin/docs/rules/avoid-autoplay.md
+++ b/eslint-plugin/docs/rules/avoid-autoplay.md
@@ -42,5 +42,6 @@ This rule is build for [React](https://react.dev/) and JSX.
   audio content
 - [Mozilla Web Technology for Developers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-preload) -
   Preload in HTML
+- [W3C](https://w3c.github.io/sustyweb/star.html#UX16-1) - Autoplay attribute
 
 

From 752d60cb3161322783854019a468faec9bfa6d0a Mon Sep 17 00:00:00 2001
From: ChihebSMIDA <chiheb.smida@talan.com>
Date: Thu, 30 May 2024 15:24:05 +0200
Subject: [PATCH 3/4] Add rule "Avoid autoplay"

Co-authored-by: Diane Cordier <diane.cordier44@gmail.com>
---
 CHANGELOG.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a407930..b9c7745 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,7 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
--   Add support for SonarQube up to 10.5
+-   Add rule EC36
 
 ### Changed
 

From 593f1f12d16b1ebc71d70eb4ab0cd281f77629f2 Mon Sep 17 00:00:00 2001
From: utarwyn <maxime.malgorn@laposte.net>
Date: Mon, 27 Jan 2025 21:54:42 +0100
Subject: [PATCH 4/4] Apply some PR feedbacks

---
 eslint-plugin/README.md                       | 30 ++++++-------
 eslint-plugin/docs/rules/avoid-autoplay.md    |  7 +--
 eslint-plugin/lib/rules/avoid-autoplay.js     | 23 +++++-----
 .../tests/lib/rules/avoid-autoplay.js         | 45 ++++++++++---------
 sonar-plugin/pom.xml                          |  2 +-
 5 files changed, 52 insertions(+), 55 deletions(-)

diff --git a/eslint-plugin/README.md b/eslint-plugin/README.md
index 55ba53e..0285cea 100644
--- a/eslint-plugin/README.md
+++ b/eslint-plugin/README.md
@@ -74,21 +74,21 @@ Add `@creedengo` to the `plugins` section of your `.eslintrc`, followed by rules
 ⚠️ Configurations set to warn in.\
 ✅ Set in the `recommended` configuration.
 
-| Name                                                                                   | Description                                                               | ⚠️ |
-| :------------------------------------------------------------------------------------- | :------------------------------------------------------------------------ | :- |
-| [avoid-autoplay](docs/rules/avoid-autoplay.md)                                         | Disallow autoplay and enforce preload='none' for video and audio elements | ✅  |
-| [avoid-brightness-override](docs/rules/avoid-brightness-override.md)                   | Should avoid to override brightness                                       | ✅  |
-| [avoid-css-animations](docs/rules/avoid-css-animations.md)                             | Avoid usage of CSS animations                                             | ✅  |
-| [avoid-high-accuracy-geolocation](docs/rules/avoid-high-accuracy-geolocation.md)       | Avoid using high accuracy geolocation in web applications                 | ✅  |
-| [limit-db-query-results](docs/rules/limit-db-query-results.md)                         | Should limit the number of returns for a SQL query                        | ✅  |
-| [no-empty-image-src-attribute](docs/rules/no-empty-image-src-attribute.md)             | Disallow usage of image with empty source attribute                       | ✅  |
-| [no-import-all-from-library](docs/rules/no-import-all-from-library.md)                 | Should not import all from library                                        | ✅  |
-| [no-multiple-access-dom-element](docs/rules/no-multiple-access-dom-element.md)         | Disallow multiple access of same DOM element                              | ✅  |
-| [no-multiple-style-changes](docs/rules/no-multiple-style-changes.md)                   | Disallow multiple style changes at once                                   | ✅  |
-| [no-torch](docs/rules/no-torch.md)                                                     | Should not programmatically enable torch mode                             | ✅  |
-| [prefer-collections-with-pagination](docs/rules/prefer-collections-with-pagination.md) | Prefer API collections with pagination                                    | ✅  |
-| [prefer-shorthand-css-notations](docs/rules/prefer-shorthand-css-notations.md)         | Encourage usage of shorthand CSS notations                                | ✅  |
-| [provide-print-css](docs/rules/provide-print-css.md)                                   | Enforce providing a print stylesheet                                      | ✅  |
+| Name                                                                                   | Description                                               | ⚠️ |
+| :------------------------------------------------------------------------------------- | :-------------------------------------------------------- | :- |
+| [avoid-autoplay](docs/rules/avoid-autoplay.md)                                         | Avoid autoplay for videos and audio content               | ✅  |
+| [avoid-brightness-override](docs/rules/avoid-brightness-override.md)                   | Should avoid to override brightness                       | ✅  |
+| [avoid-css-animations](docs/rules/avoid-css-animations.md)                             | Avoid usage of CSS animations                             | ✅  |
+| [avoid-high-accuracy-geolocation](docs/rules/avoid-high-accuracy-geolocation.md)       | Avoid using high accuracy geolocation in web applications | ✅  |
+| [limit-db-query-results](docs/rules/limit-db-query-results.md)                         | Should limit the number of returns for a SQL query        | ✅  |
+| [no-empty-image-src-attribute](docs/rules/no-empty-image-src-attribute.md)             | Disallow usage of image with empty source attribute       | ✅  |
+| [no-import-all-from-library](docs/rules/no-import-all-from-library.md)                 | Should not import all from library                        | ✅  |
+| [no-multiple-access-dom-element](docs/rules/no-multiple-access-dom-element.md)         | Disallow multiple access of same DOM element              | ✅  |
+| [no-multiple-style-changes](docs/rules/no-multiple-style-changes.md)                   | Disallow multiple style changes at once                   | ✅  |
+| [no-torch](docs/rules/no-torch.md)                                                     | Should not programmatically enable torch mode             | ✅  |
+| [prefer-collections-with-pagination](docs/rules/prefer-collections-with-pagination.md) | Prefer API collections with pagination                    | ✅  |
+| [prefer-shorthand-css-notations](docs/rules/prefer-shorthand-css-notations.md)         | Encourage usage of shorthand CSS notations                | ✅  |
+| [provide-print-css](docs/rules/provide-print-css.md)                                   | Enforce providing a print stylesheet                      | ✅  |
 
 <!-- end auto-generated rules list -->
 
diff --git a/eslint-plugin/docs/rules/avoid-autoplay.md b/eslint-plugin/docs/rules/avoid-autoplay.md
index cae3c75..738860a 100644
--- a/eslint-plugin/docs/rules/avoid-autoplay.md
+++ b/eslint-plugin/docs/rules/avoid-autoplay.md
@@ -1,8 +1,4 @@
-# Disallow autoplay and enforce preload='none' for video and audio elements (`@creedengo/avoid-autoplay`)
-
-⚠️ This rule _warns_ in the ✅ `recommended` config.
-
-<!-- end auto-generated rule header -->
+# Avoid autoplay for videos and audio content (`@creedengo/avoid-autoplay`)
 
 ⚠️ This rule _warns_ in the ✅ `recommended` config.
 
@@ -43,5 +39,6 @@ This rule is build for [React](https://react.dev/) and JSX.
 - [Mozilla Web Technology for Developers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-preload) -
   Preload in HTML
 - [W3C](https://w3c.github.io/sustyweb/star.html#UX16-1) - Autoplay attribute
+- [RGESN](https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html) - Reference Rule 4.1
 
 
diff --git a/eslint-plugin/lib/rules/avoid-autoplay.js b/eslint-plugin/lib/rules/avoid-autoplay.js
index e8bec83..350d319 100644
--- a/eslint-plugin/lib/rules/avoid-autoplay.js
+++ b/eslint-plugin/lib/rules/avoid-autoplay.js
@@ -1,6 +1,6 @@
 /*
- * ecoCode JavaScript plugin - Provides rules to reduce the environmental footprint of your JavaScript programs
- * Copyright © 2023 Green Code Initiative (https://www.ecocode.io)
+ * creedengo JavaScript plugin - Provides rules to reduce the environmental footprint of your JavaScript programs
+ * Copyright © 2023 Green Code Initiative (https://green-code-initiative.org)
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
@@ -23,18 +23,15 @@ module.exports = {
   meta: {
     type: "suggestion",
     docs: {
-      description:
-        "Disallow autoplay and enforce preload='none' for video and audio elements",
+      description: "Avoid autoplay for videos and audio content",
       category: "eco-design",
       recommended: "warn",
     },
     messages: {
-      NoAutoplay:
-        "Avoid using autoplay attribute for <video> and <audio> elements. Reference to Rule RGESN 4.1 : https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html",
-      EnforcePreloadNone:
-        "Set preload='none' for <video> and <audio> elements. Reference to Rule RGESN 4.1 : https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html",
-      NoAutoplay_EnforcePreloadNone:
-        "Avoid using autoplay attribute and set preload='none' for <video> and <audio> elements. Reference to Rule RGESN 4.1 : https://www.arcep.fr/mes-demarches-et-services/entreprises/fiches-pratiques/referentiel-general-ecoconception-services-numeriques.html ",
+      NoAutoplay: "Avoid autoplay for video and audio elements.",
+      EnforcePreloadNone: "Set preload='none' for video and audio elements.",
+      NoAutoplayAndEnforcePreloadNone:
+        "Avoid autoplay and set preload='none' for video and audio elements.",
     },
     schema: [],
   },
@@ -43,10 +40,10 @@ module.exports = {
       JSXOpeningElement(node) {
         if (node.name.name === "video" || node.name.name === "audio") {
           const autoplayAttr = node.attributes.find(
-            (attr) => attr.name.name === "autoplay",
+            (attr) => attr.name?.name.toLowerCase() === "autoplay",
           );
           const preloadAttr = node.attributes.find(
-            (attr) => attr.name.name === "preload",
+            (attr) => attr.name?.name.toLowerCase() === "preload",
           );
           if (
             autoplayAttr &&
@@ -54,7 +51,7 @@ module.exports = {
           ) {
             context.report({
               node: autoplayAttr || preloadAttr,
-              messageId: "NoAutoplay_EnforcePreloadNone",
+              messageId: "NoAutoplayAndEnforcePreloadNone",
             });
           } else {
             if (autoplayAttr) {
diff --git a/eslint-plugin/tests/lib/rules/avoid-autoplay.js b/eslint-plugin/tests/lib/rules/avoid-autoplay.js
index 916dce1..d800b52 100644
--- a/eslint-plugin/tests/lib/rules/avoid-autoplay.js
+++ b/eslint-plugin/tests/lib/rules/avoid-autoplay.js
@@ -1,6 +1,6 @@
 /*
- * ecoCode JavaScript plugin - Provides rules to reduce the environmental footprint of your JavaScript programs
- * Copyright © 2023 Green Code Initiative (https://www.ecocode.io)
+ * creedengo JavaScript plugin - Provides rules to reduce the environmental footprint of your JavaScript programs
+ * Copyright © 2023 Green Code Initiative (https://green-code-initiative.org)
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
@@ -38,47 +38,50 @@ const ruleTester = new RuleTester({
     },
   },
 });
-const expectedError1 = {
+
+const noAutoplayError = {
   messageId: "NoAutoplay",
   type: "JSXAttribute",
 };
-const expectedError2 = {
+const enforcePreloadNoneError = {
   messageId: "EnforcePreloadNone",
   type: "JSXAttribute",
 };
-const expectedError3 = {
-  messageId: "NoAutoplay_EnforcePreloadNone",
+const BothError = {
+  messageId: "NoAutoplayAndEnforcePreloadNone",
   type: "JSXAttribute",
 };
 
 ruleTester.run("autoplay-audio-video-attribute-not-present", rule, {
   valid: [
-    `
-      <audio preload="none"></audio>
-    `,
+    '<audio preload="none"></audio>',
     '<video preload="none"></video>',
+    '<video preload="none" {...props}></video>',
   ],
-
   invalid: [
     {
-      code: `
-        <audio autoplay></audio>
-      `,
-      errors: [expectedError3],
+      code: "<audio autoplay></audio>",
+      errors: [BothError],
+    },
+    {
+      code: "<audio autoPlay></audio>",
+      errors: [BothError],
+    },
+    {
+      code: "<audio autoPlay={true}></audio>",
+      errors: [BothError],
     },
     {
-      code: `
-        <video autoplay preload="auto"></video>
-           `,
-      errors: [expectedError3],
+      code: '<video autoplay preload="auto"></video>',
+      errors: [BothError],
     },
     {
       code: '<video autoplay preload="none"></video>',
-      errors: [expectedError1],
+      errors: [noAutoplayError],
     },
     {
-      code: '<audio  preload="auto"></audio>',
-      errors: [expectedError2],
+      code: '<audio preload="auto"></audio>',
+      errors: [enforcePreloadNoneError],
     },
   ],
 });
diff --git a/sonar-plugin/pom.xml b/sonar-plugin/pom.xml
index 6c22a6d..03cd541 100644
--- a/sonar-plugin/pom.xml
+++ b/sonar-plugin/pom.xml
@@ -49,7 +49,7 @@
         <project.build.sourceEncoding>${encoding}</project.build.sourceEncoding>
         <project.reporting.outputEncoding>${encoding}</project.reporting.outputEncoding>
 
-        <version.creedengo-rules-specifications>2.2.0</version.creedengo-rules-specifications>
+        <version.creedengo-rules-specifications>2.2.1</version.creedengo-rules-specifications>
         <version.sonarqube>9.14.0.375</version.sonarqube>
         <version.sonar-javascript>9.13.0.20537</version.sonar-javascript>
         <version.sonar-packaging>1.23.0.740</version.sonar-packaging>