diff --git a/LICENCE b/LICENCE
new file mode 100644
index 0000000..8dada3e
--- /dev/null
+++ b/LICENCE
@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "{}"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright {yyyy} {name of copyright owner}
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
diff --git a/README.md b/README.md
index 6896b5c..b8200a2 100644
--- a/README.md
+++ b/README.md
@@ -1,9 +1,9 @@
-Sonar plugin for JS/CSS/HTML/SASS/AngularJS
-===========================================
+Sonar plugin for JS/CSS/HTML/SASS/AngularJS/TypeScript
+======================================================
 
 # Introduction
 
-Plugin for Sonarqube for the Web world with various technologies and languages (JavaScript, CSS, SASS, HTML, AngularJS...).
+Sonarqube plugin for the Web world with various technologies and languages (JavaScript, CSS, SASS, HTML, AngularJS, TypeScript...).
 This plugin consumes reports generated by tools that are heavily used by the Web community:
 
 - Linters:
@@ -11,17 +11,16 @@ This plugin consumes reports generated by tools that are heavily used by the Web
   - [CSS Lint](http://csslint.net/)
   - [SCSS Lint](https://github.com/brigade/scss-lint)
   - [HTMLHint](http://htmlhint.com/)
-  - [Angular Hint](https://github.com/angular/angular-hint)
+  - [ESLint](http://eslint.org/)
   - [ESLint plugin for AngularJS](https://github.com/Gillespie59/eslint-plugin-angular)
-- Unit testing
+  - [TSLint](https://palantir.github.io/tslint/)
+- Test results (unit tests and integration tests for JavaScript and TypeScript)
   - [Jasmine](http://jasmine.github.io/)
 - Code coverage:
   - [Istanbul](https://gotwarlost.github.io/istanbul/)
 - Code duplication
   - [Simian](http://www.harukizaemon.com/simian/)
   - [CPD](http://pmd.sourceforge.net/pmd-5.1.2/cpd-usage.html)
-- Code complexity
-  - [Plato](https://github.com/es-analysis/plato)
 
 
 The reports are either directly produced by the tools or by our [gulp tasks](https://github.com/groupe-sii/front-end-continuous-integration).
@@ -30,14 +29,14 @@ The reports are either directly produced by the tools or by our [gulp tasks](htt
 
 ## Build your Web project
 
-When developping Web applications, you can use gulp to build, run tests, minimify and package your project. Some tasks will already generate reports like Istanbul that generates a LCOV file.
+When developing Web applications, you can use gulp to build, run tests, minify and package your project. Some tasks will already generate reports like Istanbul that generates a LCOV file.
 You can also add additional tasks to run linters and produce reports. Theses tasks are already available [here](https://github.com/groupe-sii/front-end-continuous-integration).
 
-## Configure sonar
+## Configure your project for Sonar
 
-In order to let Sonar analyze your project, you have to provide some configuration. You can define a file named sonar.properties at the root of your project with the following information:
+In order to let Sonar analyze your project, you have to provide some configuration. You can define a file named sonar-project.properties at the root of your project with the following information:
 
-```
+```ini
 # Required metadata
 sonar.projectKey=<unique key for your project>
 sonar.projectName=<human readable name for your project>
@@ -56,7 +55,7 @@ sonar.sourceEncoding=UTF-8
 
 Example:
 
-```
+```ini
 # Required metadata
 sonar.projectKey=my-project
 sonar.projectName=My Project Name
@@ -75,10 +74,17 @@ sonar.sourceEncoding=UTF-8
 
 ## Install the plugin
 
-### Generate from sources
+### Grab the plugin
+
+#### Download the JAR
+
+You can download the v2.1.0 release for Sonar 4.5.x directly [on Sonatype](https://oss.sonatype.org/content/groups/public/fr/sii/sonar/sonar-web-frontend-plugin/2.1.0/sonar-web-frontend-plugin-2.1.0.jar).
+
+
+#### Generate from sources
 
 To build from source, you need to ensure that:
-- Java JDK is installed (be sure to use JDK and not JRE)
+- Java JDK 7+ is installed (be sure to use JDK and not JRE)
 - [Maven](https://maven.apache.org/download.cgi) is installed
 
 Clone this git repository.
@@ -91,10 +97,10 @@ git checkout sonar-4.5.x
 Generate the plugin using [Maven](https://maven.apache.org/download.cgi):
 
 ```
-mvn clean install
+mvn clean install -DskipTests
 ```
 
-This will generate a JAR file located at sonar-web-frontend-plugin/target/sonar-web-frontend-plugin-2.0-SNAPSHOT.jar.
+This will generate a JAR file located at sonar-web-frontend-plugin/target/sonar-web-frontend-plugin-<version>.jar.
 
 ### Install the plugin in Sonar
 
@@ -110,7 +116,7 @@ The plugin provides many metrics specialized for Web and store them into Sonar.
 
 ## Code quality
 
-The linters (JSHint, HTMLHint, CSSLint, SCSSLint) provide many information about code violations (issues) for every language or framework (JavaScript, CSS, HTML, SASS/Compass, AngularJS). These issues are integrated in Sonar and are usable in the different views of Sonar. We also provide a [dashboard widget for issues](#issueswidget).
+The linters (JSHint, ESLint, HTMLHint, CSSLint, SCSSLint, TSLint) provide many information about code violations (issues) for every language or framework (JavaScript, CSS, HTML, SASS/Compass, AngularJS and TypeScript). These issues are integrated in Sonar and are usable in the different views of Sonar. We also provide a [dashboard widget for issues](#issueswidget).
 
 ## Test results
 
@@ -122,19 +128,20 @@ If you use Istanbul in your project, it will automatically generate a LCOV file.
 
 ## Code duplication
 
-If you use Simian or CPD in your project, it will automatically generate a report (simian.xml or cpd.xml) for code duplication. This file is consumed by the plugin and add this information into Sonar and is usable in different views of Sonar. We also provide a [dashboard widget for code duplications](#duplicationswidget).
+If you use Simian or CPD in your project, it will generate a report for code duplication. This file is consumed by the plugin and adds this information into Sonar and is usable in different views of Sonar. We also provide a [dashboard widget for code duplications](#duplicationswidget).
 
-## Code complexity
-
-TODO
 
 ## Widgets
 
-The plugin provides two new widgets for multi-language projects.
+The plugin provides two new widgets for multi-language projects. To add those widgets in Sonar, login as administrator and click on "Configure Widgets" button. A banner containing available widgets appears:
+
+![widgets](https://cloud.githubusercontent.com/assets/645363/14705599/a798d040-07ba-11e6-8d8c-83b1bc3d32b8.png)
+
+Just click on "Add widget" button on the widget you want on your dashboard.
 
 ### <a name="issueswidget"></a> Issues
 
-The widget separate issues counters by language instead of only one counter for all languages that is not revelant. You can have 5000 issues on HTML because you are using a particular framework that doesn't respect HTML norms but only have 1 issue for JavaScript. Without the plugin you will only see 5001 issues and your prject manager can tell you that you are a bad developper. But with this widget you can prove that your JavaScript code is really good !
+The widget separate issues counters by language instead of only one counter for all languages that is not revelant. You can have 5000 issues on HTML because you are using a particular framework that doesn't respect HTML norms but only have 1 issue for JavaScript. Without the plugin you will only see 5001 issues and your project manager can tell you that you are a bad developper. But with this widget you can prove that your JavaScript code is really good !
 
 ![Issues](https://cloud.githubusercontent.com/assets/645363/8209254/57c3891c-150c-11e5-983e-955dbb69863e.png)
 
@@ -153,43 +160,142 @@ Same as above, the widget separates the count of duplicated code by language.
 
 You can change the path to every generated report directly in your sonar.properties file by adding the following properties:
 
-```
+```ini
 # issues reports with default paths
-sonar.sii.quality.js.report.path=/report/jshint.json
-sonar.sii.quality.css.report.path=/report/csslint.json
-sonar.sii.quality.html.report.path=/report/htmlhint.json
-sonar.sii.quality.scss.report.path=/report/scsslint.json
-sonar.sii.quality.angular.report.path=/report/angular-hint.json
-sonar.sii.quality.angular.eslint.report.path=/report/eslint-angular.json
+sonar.sii.quality.js.report.path=/reports/sonar/jshint.json
+sonar.sii.quality.js.eslint.report.path=/reports/sonar/eslint.json
+sonar.sii.quality.css.report.path=/reports/sonar/csslint.json
+sonar.sii.quality.html.report.path=/reports/sonar/htmlhint.json
+sonar.sii.quality.scss.report.path=/reports/sonar/scsslint.json
+sonar.sii.quality.angular.eslint.report.path=/reports/sonar/eslint-angular.json
+sonar.sii.quality.ts.report.path=/reports/sonar/tslint.json
+
+# JavaScript/TypeScript unit test results with default paths
+sonar.sii.test.ut.js.report.path=/reports/sonar/js-ut.xml
+sonar.sii.test.it.js.report.path=/reports/sonar/js-it.xml
+sonar.sii.test.ut.ts.report.path=/reports/sonar/ts-ut.xml
+sonar.sii.test.it.ts.report.path=/reports/sonar/ts-it.xml
+
+# JavaScript/TypeScript code coverage with default paths
+sonar.sii.coverage.ut.js.report.path=/reports/sonar/js-ut.lcov
+sonar.sii.coverage.it.js.report.path=/reports/sonar/js-it.lcov
+sonar.sii.coverage.overall.js.report.path=/reports/sonar/js-overall.lcov
+sonar.sii.coverage.ut.ts.report.path=/reports/sonar/ts-ut.lcov
+sonar.sii.coverage.it.ts.report.path=/reports/sonar/ts-it.lcov
+sonar.sii.coverage.overall.ts.report.path=/reports/sonar/ts-overall.lcov
 
-# unit test results with default paths
-sonar.sii.test.unit.js.report.path=/report/jasmine.unit.xml
-sonar.sii.test.it.js.report.path=/report/jasmine.it.xml
+# code duplication with default paths
+sonar.sii.duplication.js.report.path=/reports/sonar/js-duplication.xml
+sonar.sii.duplication.css.report.path=/reports/sonar/css-duplication.xml
+sonar.sii.duplication.html.report.path=/reports/sonar/html-duplication.xml
+sonar.sii.duplication.scss.report.path=/reports/sonar/scss-duplication.xml
+sonar.sii.duplication.ts.report.path=/reports/sonar/ts-duplication.xml
+```
 
-# integration test results with default paths
-sonar.sii.test.it.js.report.path=/report/jasmine.it.unit.xml
+### Other options
 
-# code coverage with default paths
-sonar.sii.coverage.ut.js.report.path=/report/js-ut.lcov
-sonar.sii.coverage.it.js.report.path=/report/js-it.lcov
-sonar.sii.coverage.overall.js.report.path=/report/js-overall.lcov
+#### Change extension of analyzed files
 
-# code duplication with default paths
-sonar.sii.duplication.js.report.path=/report/js-duplication.xml
-sonar.sii.duplication.css.report.path=/report/css-duplication.xml
-sonar.sii.duplication.html.report.path=/report/html-duplication.xml
-sonar.sii.duplication.scss.report.path=/report/scss-duplication.xml
+You can specify which files are analyzed for each language. You can change the values of the following properties in your sonar-project.properties:
 
+```ini
+# file suffixes with default values
+sonar.sii.js.suffixes=.js
+sonar.sii.html.suffixes=.html
+sonar.sii.css.suffixes=.css
+sonar.sii.scss.suffixes=.scss
+sonar.sii.ts.suffixes=.ts
 ```
 
-### Other options
 
-TODO
+#### Do not warn if report is missing
+
+For indicating that reports are not found, the plugin logs a warning. This warning is useful when setting up your project to know if something is misconfigured. You can disable these logs using the following property in your sonar-project.properties:
+
+```ini
+sonar.sii.logs.report.missing.skip=true
+```
+
+#### Do not fail if a source file is missing
+
+By default, in order to keep coherence, the analysis done by the plugin will fail if the generated report has an entry on a file that doesn't exist. Even if it is not recommended, you can disable the failure by using the one of the following properties in your sonar-project.properties:
+
+```ini
+# set to false to disable missing source file while analyzing code quality
+sonar.sii.quality.js.file.missing.fail=false
+sonar.sii.quality.js.eslint.file.missing.fail=false
+sonar.sii.quality.scss.file.missing.fail=false
+sonar.sii.quality.css.file.missing.fail=false
+sonar.sii.quality.html.file.missing.fail=false
+sonar.sii.quality.eslint.angular.file.missing.fail=false
+
+# set to false to disable missing source file while analyzing test results
+sonar.sii.test.ut.js.file.missing.fail=false
+sonar.sii.test.it.js.file.missing.fail=false
+sonar.sii.test.ut.ts.file.missing.fail=false
+sonar.sii.test.it.ts.file.missing.fail=false
+
+# set to false to disable missing source file while analyzing code coverage
+sonar.sii.coverage.ut.js.file.missing.fail=false
+sonar.sii.coverage.it.js.file.missing.fail=false
+sonar.sii.coverage.overall.js.file.missing.fail=false
+sonar.sii.coverage.ut.ts.file.missing.fail=false
+sonar.sii.coverage.it.ts.file.missing.fail=false
+sonar.sii.coverage.overall.ts.file.missing.fail=false
+
+# set to false to disable missing source file while analyzing code duplication
+sonar.sii.duplication.js.file.missing.fail=false
+sonar.sii.duplication.html.file.missing.fail=false
+sonar.sii.duplication.css.file.missing.fail=false
+sonar.sii.duplication.scss.file.missing.fail=false
+sonar.sii.duplication.ts.file.missing.fail=false
+```
+
+#### Skip analysis
+
+By default, the plugin also store information about the file (number of lines, number of lines of code, number of lines of comment...).
+
+Sonar doesn't allow two plugins to store the same information. So if you are using another plugin that also store this information, the second plugin analysis will fail. By default our plugin doesn't override information stored by another plugin. But we can't force plugin execution order. So it may happen that our plugin is run before the other one. That's why we provide the way to explicitly tell our plugin to not store file information. To do this, use the following properties in your sonar-project.properties:
+
+```ini
+sonar.sii.quality.js.file.metrics.skip=true
+sonar.sii.quality.js.eslint.file.metrics.skip=true
+sonar.sii.quality.html.file.metrics.skip=true
+sonar.sii.quality.css.file.metrics.skip=true
+sonar.sii.quality.scss.file.metrics.skip=true
+sonar.sii.quality.eslint.angular.file.metrics.skip=true
+sonar.sii.quality.ts.file.metrics.skip=true
+```
+
+Sonar also provide CPD analysis. Like described above, code duplication analysis can fail if two plugins are doing it.
+You can either disable our analysis or disable Sonar CPD analysis:
+
+```ini
+# disable duplication analysis done by our plugin
+sonar.sii.duplication.js.skip=true
+sonar.sii.duplication.html.skip=true
+sonar.sii.duplication.css.skip=true
+sonar.sii.duplication.scss.skip=true
+sonar.sii.duplication.ts.skip=true
+
+# disable Sonar CPD analysis
+sonar.cpd.exclusions=**
+```
 
 # Supported Sonar versions
 
-As Sonar team make big changes on plugin APIs between two versions, it takes really long time to update the plugin for each version. So we decided to only support the LTS version (currently 4.5.x). We also try to make the last release version (currently 5.3) but some APIs have totally disappeared while other are no more working. When Sonar 5.4 will be released, we will try to make adjustements to make our plugin working on it. No effort is made for Sonar versions between 4.5.x and 5.3. The plugin may work or not depending on what you are using and the version of Sonar.
+As Sonar team makes big changes on plugin APIs between two versions, it takes really long time to update the plugin for each version. So we decided to only support the LTS version (currently 4.5.x). We also try to make the last release version (currently 5.5) but some APIs have totally disappeared while other are no more working. When Sonar 5.6 will be released, we will try to make adjustments to make our plugin working on it. No effort is made for Sonar versions between 4.5.x and latest version. The plugin may work or not depending on what you are using and the version of Sonar.
 
 # Roadmap
 
-TODO
+## Main features
+
+- Code complexity ([Plato](https://github.com/es-analysis/plato) ...)
+- Support new languages (Less, ...)
+- Support Sonar 5.x (LTS version) when it will be available
+- Add new widgets for better user experience
+
+See [full list of features](https://github.com/groupe-sii/sonar-web-frontend-plugin/labels/feature)
+
+See [milestones](https://github.com/groupe-sii/sonar-web-frontend-plugin/milestones) for future versions
+  
diff --git a/pom.xml b/pom.xml
index 20cbe61..3ef659b 100644
--- a/pom.xml
+++ b/pom.xml
@@ -1,15 +1,15 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<groupId>fr.sii.sonar</groupId>
 	<artifactId>sonar-sii-plugin-parent</artifactId>
 	<packaging>pom</packaging>
-	<version>2.0-SNAPSHOT</version>
+	<version>2.0.1-SNAPSHOT</version>
 
 	<name>SII plugin parent</name>
 	<description>SII plugin consumes reports generated by external tools and save information into Sonar</description>
+	<url>${project.url}</url>
 
 	<properties>
 		<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
@@ -26,6 +26,13 @@
 		<!-- maven plugins -->
 		<sonar.plugin.version>1.12.1</sonar.plugin.version>
 		<maven.compiler.plugin.version>2.5.1</maven.compiler.plugin.version>
+		<maven.release.plugin.version>2.5.2</maven.release.plugin.version>
+		<nexus.staging.plugin.version>1.6.3</nexus.staging.plugin.version>
+		<gpg.plugin.version>1.6</gpg.plugin.version>
+
+		<github.url>https://github.com/groupe-sii/sonar-web-frontend-plugin</github.url>
+		<scm.url>https://github.com/groupe-sii/sonar-web-frontend-plugin.git</scm.url>
+		<project.url>https://github.com/groupe-sii/sonar-web-frontend-plugin</project.url>
 	</properties>
 
 	<modules>
@@ -40,6 +47,7 @@
 		<module>sonar-web-frontend-angular-eslint</module>
 		<module>sonar-duplication-cpd</module>
 		<module>sonar-duplication-simian</module>
+		<module>sonar-web-frontend-typescript</module>
 		<module>sonar-web-frontend-plugin</module>
 	</modules>
 
@@ -109,7 +117,7 @@
 			<plugin>
 				<groupId>org.apache.maven.plugins</groupId>
 				<artifactId>maven-compiler-plugin</artifactId>
-				<version>2.5.1</version>
+				<version>${maven.compiler.plugin.version}</version>
 			</plugin>
 			<plugin>
 				<!-- UTF-8 bundles are not supported by Java, so they must be converted 
@@ -125,6 +133,36 @@
 					</execution>
 				</executions>
 			</plugin>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-source-plugin</artifactId>
+				<version>2.2.1</version>
+				<executions>
+					<execution>
+						<id>attach-sources</id>
+						<goals>
+							<goal>jar-no-fork</goal>
+						</goals>
+					</execution>
+				</executions>
+			</plugin>
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-javadoc-plugin</artifactId>
+				<version>2.9.1</version>
+				<executions>
+					<execution>
+						<id>attach-javadocs</id>
+						<goals>
+							<goal>jar</goal>
+						</goals>
+						<configuration>
+							<excludePackageNames>fr.sii.sonar.test.junit.domain</excludePackageNames>
+						</configuration>
+					</execution>
+				</executions>
+			</plugin>
+			<!-- IDE -->
 			<plugin>
 				<groupId>org.apache.maven.plugins</groupId>
 				<artifactId>maven-eclipse-plugin</artifactId>
@@ -134,7 +172,95 @@
 					<downloadJavadocs>true</downloadJavadocs>
 				</configuration>
 			</plugin>
+			<!-- Release -->
+			<plugin>
+				<groupId>org.apache.maven.plugins</groupId>
+				<artifactId>maven-release-plugin</artifactId>
+				<version>${maven.release.plugin.version}</version>
+				<configuration>
+					<autoVersionSubmodules>true</autoVersionSubmodules>
+					<useReleaseProfile>false</useReleaseProfile>
+					<releaseProfiles>release</releaseProfiles>
+					<goals>deploy</goals>
+					<tagNameFormat>v@{project.version}</tagNameFormat>
+				</configuration>
+			</plugin>
 		</plugins>
 	</build>
 
+	<distributionManagement>
+		<snapshotRepository>
+			<id>ossrh</id>
+			<url>https://oss.sonatype.org/content/repositories/snapshots</url>
+		</snapshotRepository>
+		<repository>
+			<id>ossrh</id>
+			<url>https://oss.sonatype.org/service/local/staging/deploy/maven2/</url>
+		</repository>
+	</distributionManagement>
+
+	<profiles>
+		<profile>
+			<id>release</id>
+			<build>
+				<plugins>
+					<!-- Deployment on maven central -->
+					<plugin>
+						<groupId>org.sonatype.plugins</groupId>
+						<artifactId>nexus-staging-maven-plugin</artifactId>
+						<version>${nexus.staging.plugin.version}</version>
+						<extensions>true</extensions>
+						<configuration>
+							<serverId>ossrh</serverId>
+							<nexusUrl>https://oss.sonatype.org/</nexusUrl>
+							<autoReleaseAfterClose>true</autoReleaseAfterClose>
+						</configuration>
+					</plugin>
+					<plugin>
+						<groupId>org.apache.maven.plugins</groupId>
+						<artifactId>maven-gpg-plugin</artifactId>
+						<version>${gpg.plugin.version}</version>
+						<executions>
+							<execution>
+								<id>sign-artifacts</id>
+								<phase>verify</phase>
+								<goals>
+									<goal>sign</goal>
+								</goals>
+							</execution>
+						</executions>
+					</plugin>
+				</plugins>
+			</build>
+		</profile>
+	</profiles>
+
+	<licenses>
+		<license>
+			<name>The Apache License, Version 2.0</name>
+			<url>http://www.apache.org/licenses/LICENSE-2.0.txt</url>
+		</license>
+	</licenses>
+
+	<developers>
+		<developer>
+			<name>Aurélien Baudet</name>
+			<email>aurelien.baudet@gmail.com</email>
+			<url>https://github.com/aurelien-baudet</url>
+			<organization>Groupe SII</organization>
+			<organizationUrl>http://www.groupe-sii.com</organizationUrl>
+		</developer>
+	</developers>
+
+	<scm>
+		<url>${github.url}</url>
+		<connection>scm:git:${scm.url}</connection>
+		<developerConnection>scm:git:${scm.url}</developerConnection>
+		<tag>v${project.version}</tag>
+	</scm>
+
+	<issueManagement>
+		<url>${github.url}/issues</url>
+		<system>GitHub</system>
+	</issueManagement>
 </project>
diff --git a/sonar-coverage-lcov/pom.xml b/sonar-coverage-lcov/pom.xml
index 3e61dd1..5701ad2 100644
--- a/sonar-coverage-lcov/pom.xml
+++ b/sonar-coverage-lcov/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-coverage-lcov</artifactId>
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/BranchCoverageDetail.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/BranchCoverageDetail.java
index 012a969..2344b95 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/BranchCoverageDetail.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/BranchCoverageDetail.java
@@ -6,7 +6,7 @@
  * LCOV unit branch information. It exactly corresponds to a BRDA line in the
  * LCOV file :
  * 
- * BRDA:<line number>,<block number>,<branch number>,<taken>
+ * {@literal BRDA:<line number>,<block number>,<branch number>,<taken>}
  * 
  * @author Aurélien Baudet
  * @see LcovBranchCoverageStatement
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/CoverageInfo.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/CoverageInfo.java
index 0dad537..1235100 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/CoverageInfo.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/CoverageInfo.java
@@ -16,12 +16,12 @@
  * of hit statements and the details for each statement. A statement can be a
  * line, a function or a branch. These information are provided by the following lines :
  * 
- * FNF:<number of functions found>
- * FNH:<number of function hit>
- * BRF:<number of branches found>
- * BRH:<number of branches hit>
- * LH:<number of lines with a non-zero execution count>
- * LF:<number of instrumented lines>
+ * {@literal FNF:<number of functions found>}
+ * {@literal FNH:<number of function hit>}
+ * {@literal BRF:<number of branches found>}
+ * {@literal BRH:<number of branches hit>}
+ * {@literal LH:<number of lines with a non-zero execution count>}
+ * {@literal LF:<number of instrumented lines>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/FunctionCoverageDetail.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/FunctionCoverageDetail.java
index 44d8c48..0a73e8d 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/FunctionCoverageDetail.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/FunctionCoverageDetail.java
@@ -6,8 +6,8 @@
 /**
  * LCOV format provides information about covered functions. The function detailed information are provided by two different lines in the LCOV report :
  * 
- * FN:<line number of function start>,<function name>
- * FNDA:<execution count>,<function name>
+ * {@literal FN:<line number of function start>,<function name>}
+ * {@literal FNDA:<execution count>,<function name>}
  * 
  * This class groups the two pieces of information.
  * 
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/LineCoverageDetail.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/LineCoverageDetail.java
index 4c67cfb..0529ea5 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/LineCoverageDetail.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/domain/LineCoverageDetail.java
@@ -6,7 +6,7 @@
  * Provides detail information about the number of line execution. This is
  * provided by the LCOV format with the line :
  * 
- * DA:<line number>,<execution count>[,<checksum>]
+ * {@literal DA:<line number>,<execution count>[,<checksum>]}
  * 
  * @author Aurélien Baudet
  * 
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovBranchCoverageStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovBranchCoverageStatement.java
index 9a9a077..b0f2f75 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovBranchCoverageStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovBranchCoverageStatement.java
@@ -12,7 +12,7 @@
 /**
  * Branch coverage information is stored which one line per branch:
  * 
- * BRDA:<line number>,<block number>,<branch number>,<taken>
+ * {@literal BRDA:<line number>,<block number>,<branch number>,<taken>}
  * 
  * Block number and branch number are gcc internal IDs for the branch. Taken is
  * either ’-’ if the basic block containing the branch was never executed or a
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionExecutionCountStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionExecutionCountStatement.java
index 772e428..2282343 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionExecutionCountStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionExecutionCountStatement.java
@@ -12,7 +12,7 @@
 /**
  * Next, there is a list of execution counts for each instrumented function:
  * 
- * FNDA:<execution count>,<function name>
+ * {@literal FNDA:<execution count>,<function name>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionNameStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionNameStatement.java
index d23d161..ee3f08c 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionNameStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovFunctionNameStatement.java
@@ -13,7 +13,7 @@
  * Following is a list of line numbers for each function name found in the
  * source file:
  * 
- * FN:<line number of function start>,<function name>
+ * {@literal FN:<line number of function start>,<function name>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovLineExecutionCountStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovLineExecutionCountStatement.java
index f40dd4b..c337233 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovLineExecutionCountStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovLineExecutionCountStatement.java
@@ -13,7 +13,7 @@
  * Then there is a list of execution counts for each instrumented line (i.e. a
  * line which resulted in executable code):
  * 
- * DA:<line number>,<execution count>[,<checksum>]
+ * {@literal DA:<line number>,<execution count>[,<checksum>]}
  * 
  * Note that there may be an optional checksum present for each instrumented
  * line. The current geninfo implementation uses an MD5 hash as checksumming
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchFoundStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchFoundStatement.java
index 2dc2631..3152580 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchFoundStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchFoundStatement.java
@@ -10,7 +10,7 @@
 /**
  * Branch coverage summaries are stored in two lines:
  * 
- * BRF:<number of branches found>
+ * {@literal BRF:<number of branches found>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchHitStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchHitStatement.java
index 8a0ff2a..b3a1776 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchHitStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberBranchHitStatement.java
@@ -10,7 +10,7 @@
 /**
  * Branch coverage summaries are stored in two lines:
  * 
- * BRH:<number of branches hit>
+ * {@literal BRH:<number of branches hit>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberExecutedLineStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberExecutedLineStatement.java
index fe6338e..66f8031 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberExecutedLineStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberExecutedLineStatement.java
@@ -11,7 +11,7 @@
  * At the end of a section, there is a summary about how many lines were found
  * and how many were actually instrumented:
  * 
- * LH:<number of lines with a non-zero execution count>
+ * {@literal LH:<number of lines with a non-zero execution count>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionFoundStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionFoundStatement.java
index 117db0d..d7bd94d 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionFoundStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionFoundStatement.java
@@ -11,7 +11,7 @@
  * This list is followed by two lines containing the number of functions found
  * and hit:
  * 
- * FNF:<number of functions found>
+ * {@literal FNF:<number of functions found>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionHitStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionHitStatement.java
index 8cb9a05..3079374 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionHitStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberFunctionHitStatement.java
@@ -11,7 +11,7 @@
  * This list is followed by two lines containing the number of functions found
  * and hit:
  * 
- * FNH:<number of function hit>
+ * {@literal FNH:<number of function hit>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberInstrumentedLineStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberInstrumentedLineStatement.java
index c2abca2..9d75d6d 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberInstrumentedLineStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovNumberInstrumentedLineStatement.java
@@ -11,7 +11,7 @@
  * At the end of a section, there is a summary about how many lines were found
  * and how many were actually instrumented:
  * 
- * LF:<number of instrumented lines>
+ * {@literal LF:<number of instrumented lines>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovSourceFileStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovSourceFileStatement.java
index a92eb60..bf5e904 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovSourceFileStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovSourceFileStatement.java
@@ -4,7 +4,7 @@
 import fr.sii.sonar.coverage.lcov.parser.domain.LcovReport;
 
 /**
- * SF:<absolute path to the source file>
+ * {@literal SF:<absolute path to the source file>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovTestNameStatement.java b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovTestNameStatement.java
index 5fc7d50..ca2d4b7 100644
--- a/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovTestNameStatement.java
+++ b/sonar-coverage-lcov/src/main/java/fr/sii/sonar/coverage/lcov/parser/statement/LcovTestNameStatement.java
@@ -8,7 +8,7 @@
  * sections. If available, a tracefile begins with the testname which is stored
  * in the following format:
  * 
- * TN:<test name>
+ * {@literal TN:<test name>}
  * 
  * @author Aurélien Baudet
  *
diff --git a/sonar-duplication-cpd/pom.xml b/sonar-duplication-cpd/pom.xml
index 556bdd1..60cbd81 100644
--- a/sonar-duplication-cpd/pom.xml
+++ b/sonar-duplication-cpd/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-duplication-cpd</artifactId>
diff --git a/sonar-duplication-simian/pom.xml b/sonar-duplication-simian/pom.xml
index 1a82d8f..41ad320 100644
--- a/sonar-duplication-simian/pom.xml
+++ b/sonar-duplication-simian/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-duplication-simian</artifactId>
diff --git a/sonar-report-core/pom.xml b/sonar-report-core/pom.xml
index b3f8bda..7d1accd 100644
--- a/sonar-report-core/pom.xml
+++ b/sonar-report-core/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-report-core</artifactId>
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportConstants.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportConstants.java
index 1d1fad1..234d89d 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportConstants.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportConstants.java
@@ -20,12 +20,16 @@ public interface ReportConstants extends BatchExtension, ServerExtension {
 	/**
 	 * The key for the configuration entry in sonar properties to indicate the
 	 * path to the report
+	 * 
+	 * @return the key for the report path property
 	 */
 	public String getReportPathKey();
 
 	/**
 	 * The key for the configuration entry in sonar properties to indicate what
 	 * to do if a sonar source file doesn't exist
+	 * 
+	 * @return the key for missing file property
 	 */
 	public String getMissingFileFailKey();
 }
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportSensor.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportSensor.java
index a6bd62c..6776e4f 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportSensor.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/ReportSensor.java
@@ -32,6 +32,8 @@
  * 
  * @author Aurélien Baudet
  *
+ * @param <R>
+ *            The type of handled report
  */
 public abstract class ReportSensor<R extends Report> implements Sensor {
 
@@ -43,6 +45,15 @@ public abstract class ReportSensor<R extends Report> implements Sensor {
 
 	/**
 	 * Use of IoC to get Settings
+	 * 
+	 * @param constants
+	 *            the constants for the current plugin
+	 * @param pluginDependencies
+	 *            the Sonar dependencies
+	 * @param providerFactory
+	 *            the factory for creating a new provider
+	 * @param saverFactory
+	 *            the factory for creating a new saver
 	 */
 	public ReportSensor(ReportConstants constants, PluginDependencies pluginDependencies, ProviderFactory<R> providerFactory, SaverFactory<R> saverFactory) {
 		super();
@@ -58,14 +69,14 @@ public boolean shouldExecuteOnProject(Project project) {
 		try {
 			File reportFile = getReportFile(project);
 			boolean exists = reportFile.exists();
-			if(exists) {
-				LOG.info("Loading and storing "+reportFile.getAbsolutePath()+" in Sonar");
-			} else if(!pluginContext.getSettings().getBoolean(ReportSensorConstants.SKIP_LOG_MISSING_REPORT_KEY)) {
-				LOG.warn("The report file "+reportFile.getAbsolutePath()+" doesn't exist");
+			if (exists) {
+				LOG.info("Loading and storing " + reportFile.getAbsolutePath() + " in Sonar");
+			} else if (!pluginContext.getSettings().getBoolean(ReportSensorConstants.SKIP_LOG_MISSING_REPORT_KEY)) {
+				LOG.warn("The report file " + reportFile.getAbsolutePath() + " doesn't exist");
 			}
 			return exists;
 		} catch (Exception e) {
-			LOG.error("Failed to find report file "+e.getMessage());
+			LOG.error("Failed to find report file " + e.getMessage());
 			return false;
 		}
 	}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/language/LanguageConstants.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/language/LanguageConstants.java
index e6cc5a5..ac16760 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/language/LanguageConstants.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/language/LanguageConstants.java
@@ -4,6 +4,8 @@ public interface LanguageConstants {
 	
 	/**
 	 * The language key
+	 * 
+	 * @return the language key
 	 */
 	public String getLanguageKey();
 
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/provider/XmlFileReportProvider.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/provider/XmlFileReportProvider.java
index 43bd9e4..c6cb066 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/provider/XmlFileReportProvider.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/provider/XmlFileReportProvider.java
@@ -46,7 +46,7 @@ public class XmlFileReportProvider<R extends Report, T> implements Provider<R> {
 
 	/**
 	 * Initialize the provider with the xml stream to parse and the class of the
-	 * report. In this case, <T> must extends Report
+	 * report. In this case, {@literal <T>} must extends Report
 	 * 
 	 * @param stream
 	 *            the xml stream to parse
@@ -62,15 +62,17 @@ public XmlFileReportProvider(InputStream stream, Class<T> xmlClass) {
 
 	/**
 	 * Initialize the provider with the xml file to parse and the class of the
-	 * report. In this case, <T> must extends Report
+	 * report. In this case, {@literal <T>} must extends Report
 	 * 
-	 * @param stream
+	 * @param reportFile
 	 *            the xml file to parse
 	 * @param xmlClass
 	 *            the class that will be instantiated and filled with the stream
 	 *            content
 	 * @throws IllegalArgumentException
 	 *             if xmlClass parameter doesn't implement {@link Report}
+	 * @throws FileNotFoundException
+	 *             when the report file doesn't exist
 	 */
 	public XmlFileReportProvider(File reportFile, Class<T> xmlClass) throws FileNotFoundException {
 		this(reportFile, checkClass(xmlClass), null);
@@ -110,19 +112,22 @@ public XmlFileReportProvider(InputStream stream, Class<T> xmlClass, ReportAdapte
 	 * @param adapter
 	 *            an adapter that transforms the raw structure into the final
 	 *            report structure
+	 * @throws FileNotFoundException
+	 *             when the report file doesn't exist
 	 */
 	public XmlFileReportProvider(File reportFile, Class<T> xmlClass, ReportAdapter<R, T> adapter) throws FileNotFoundException {
 		this(new FileInputStream(reportFile), xmlClass, adapter);
 	}
 
 	/**
-	 * Utility method used to check if the provided class is allowed or not.
-	 * The class is allowed if it implements {@link Report}.
+	 * Utility method used to check if the provided class is allowed or not. The
+	 * class is allowed if it implements {@link Report}.
 	 * 
 	 * @param xmlClass
 	 *            the class to check
 	 * @return xmlClass
-	 * @throws IllegalArgumentException if the class is not allowed.
+	 * @throws IllegalArgumentException
+	 *             if the class is not allowed.
 	 */
 	private static <T> Class<T> checkClass(Class<T> xmlClass) {
 		if (!Report.class.isAssignableFrom(xmlClass)) {
@@ -133,7 +138,7 @@ private static <T> Class<T> checkClass(Class<T> xmlClass) {
 
 	@SuppressWarnings("unchecked")
 	public R get() throws ProviderException {
-		try(Reader reader = new InputStreamReader(stream)) {
+		try (Reader reader = new InputStreamReader(stream)) {
 			Unmarshaller unmarshaller = JAXBContext.newInstance(xmlClass).createUnmarshaller();
 			Object rawStructure = unmarshaller.unmarshal(reader);
 			if (adapter != null) {
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/FileLoader.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/FileLoader.java
index df4f963..5a1de1b 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/FileLoader.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/FileLoader.java
@@ -5,12 +5,16 @@
 
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
+import org.sonar.api.rule.RuleStatus;
 import org.sonar.api.server.rule.RulesDefinition.NewRepository;
 import org.sonar.api.server.rule.RulesDefinition.NewRule;
 
 import fr.sii.sonar.report.core.common.exception.ParseException;
 import fr.sii.sonar.report.core.common.exception.RuleException;
 import fr.sii.sonar.report.core.common.parser.Parser;
+import fr.sii.sonar.report.core.common.rules.debt.FirstSupportingRemadiationProviderDecorator;
+import fr.sii.sonar.report.core.common.rules.debt.RemediationProvider;
+import fr.sii.sonar.report.core.quality.domain.rule.Debt;
 import fr.sii.sonar.report.core.quality.domain.rule.RuleDefinition;
 
 /**
@@ -26,33 +30,54 @@ public class FileLoader implements RulesDefinitionLoader {
 	private static final Logger LOG = LoggerFactory.getLogger(FileLoader.class);
 
 	private final InputStream stream;
-	
+
 	private final Parser<List<RuleDefinition>> parser;
-	
-	public FileLoader(InputStream stream, Parser<List<RuleDefinition>> parser) {
+
+	private RemediationProvider remediationProvider;
+
+	public FileLoader(InputStream stream, Parser<List<RuleDefinition>> parser, RemediationProvider remediationProvider) {
 		super();
 		this.stream = stream;
 		this.parser = parser;
+		this.remediationProvider = remediationProvider;
+	}
+
+	public FileLoader(InputStream stream, Parser<List<RuleDefinition>> parser) {
+		this(stream, parser, new FirstSupportingRemadiationProviderDecorator());
 	}
 
 	public void load(NewRepository repository) {
-		LOG.info("Loading rules for "+repository.key());
+		LOG.info("Loading rules for " + repository.key());
 		try {
 			List<RuleDefinition> rules = parser.parse(stream);
-			LOG.info(rules.size()+" rules defined for "+repository.key()+". Registering them");
+			LOG.info(rules.size() + " rules defined for " + repository.key() + ". Registering them");
 			for (RuleDefinition rule : rules) {
 				NewRule newRule = repository.createRule(rule.getKey());
 				newRule.setName(rule.getName());
 				newRule.setHtmlDescription(rule.getDescription());
-				if(rule.getSeverity() != null) {
+				if (rule.getSeverity() != null) {
 					newRule.setSeverity(rule.getSeverity().toUpperCase());
 				}
-				if(rule.getStatus() != null) {
-					newRule.setStatus(rule.getStatus());
+				if (rule.getStatus() != null) {
+					newRule.setStatus(RuleStatus.valueOf(rule.getStatus()));
+				}
+				// manage tags
+				if (rule.getTags() != null) {
+					for (String tag : rule.getTags()) {
+						newRule.addTags(tag);
+					}
+				}
+				// manage debt
+				Debt debt = rule.getDebt();
+				if(debt != null) {
+					if(debt.getSqaleSubCharacteristic()!=null) {
+						newRule.setDebtSubCharacteristic(debt.getSqaleSubCharacteristic());
+					}
+					if(debt.getSqaleRemediation()!=null) {
+						remediationProvider.setRemediation(newRule, debt.getSqaleRemediation());
+					}
 				}
-				// TODO: manage tags
 				// TODO: manage params
-				// TODO: manage debt
 			}
 		} catch (ParseException e) {
 			LOG.error("Failed to parse rule files", e);
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/RulesDefinitionConstants.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/RulesDefinitionConstants.java
index 9f5b4b3..52c7f36 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/RulesDefinitionConstants.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/RulesDefinitionConstants.java
@@ -16,21 +16,29 @@
 public interface RulesDefinitionConstants {
 	/**
 	 * The key of the repository
+	 * 
+	 * @return the key of the repository
 	 */
 	public String getRepositoryKey();
 
 	/**
 	 * The name of the repository
+	 * 
+	 * @return the name of the repository
 	 */
 	public String getRepositoryName();
 
 	/**
 	 * The path to the JSON file that contains the rules
+	 * 
+	 * @return the path to the JSON file that contains the rules
 	 */
 	public String getRulesJsonPath();
 
 	/**
 	 * The language managed by the repository
+	 * 
+	 * @return the language managed by the repository
 	 */
 	public String getLanguageKey();
 }
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/ConstantRemediationProvider.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/ConstantRemediationProvider.java
new file mode 100644
index 0000000..8d59019
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/ConstantRemediationProvider.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.report.core.common.rules.debt;
+
+import org.sonar.api.server.rule.RulesDefinition.NewRule;
+
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleConstantRemediation;
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleRemediation;
+
+public class ConstantRemediationProvider implements RemediationProvider {
+
+	@Override
+	public boolean setRemediation(NewRule sonarRule, SqaleRemediation remediation) {
+		if(remediation instanceof SqaleConstantRemediation) {
+			SqaleConstantRemediation constantRemediation = (SqaleConstantRemediation) remediation;
+			sonarRule.setDebtRemediationFunction(sonarRule.debtRemediationFunctions().constantPerIssue(constantRemediation.getOffset()));
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/FirstSupportingRemadiationProviderDecorator.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/FirstSupportingRemadiationProviderDecorator.java
new file mode 100644
index 0000000..5bebb8a
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/FirstSupportingRemadiationProviderDecorator.java
@@ -0,0 +1,37 @@
+package fr.sii.sonar.report.core.common.rules.debt;
+
+import java.util.Arrays;
+import java.util.List;
+
+import org.sonar.api.server.rule.RulesDefinition.NewRule;
+
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleRemediation;
+
+public class FirstSupportingRemadiationProviderDecorator implements RemediationProvider {
+
+	private List<RemediationProvider> delegates;
+	
+	public FirstSupportingRemadiationProviderDecorator(List<RemediationProvider> delegates) {
+		super();
+		this.delegates = delegates;
+	}
+
+	public FirstSupportingRemadiationProviderDecorator(RemediationProvider... delegates) {
+		this(Arrays.asList(delegates));
+	}
+	
+	public FirstSupportingRemadiationProviderDecorator() {
+		this(new LinearWithOffsetRemediationProvider(), new LinearRemediationProvider(), new ConstantRemediationProvider());
+	}
+
+	@Override
+	public boolean setRemediation(NewRule sonarRule, SqaleRemediation remediation) {
+		for(RemediationProvider delegate : delegates) {
+			if(delegate.setRemediation(sonarRule, remediation)) {
+				return true;
+			}
+		}
+		return false;
+	}
+
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/LinearRemediationProvider.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/LinearRemediationProvider.java
new file mode 100644
index 0000000..eb4e4fe
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/LinearRemediationProvider.java
@@ -0,0 +1,22 @@
+package fr.sii.sonar.report.core.common.rules.debt;
+
+import org.sonar.api.server.rule.RulesDefinition.NewRule;
+
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleLinearRemediation;
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleRemediation;
+
+public class LinearRemediationProvider implements RemediationProvider {
+
+	@Override
+	public boolean setRemediation(NewRule sonarRule, SqaleRemediation remediation) {
+		if(remediation instanceof SqaleLinearRemediation) {
+			SqaleLinearRemediation linearRemediation = (SqaleLinearRemediation) remediation;
+			sonarRule.setDebtRemediationFunction(sonarRule.debtRemediationFunctions().linear(linearRemediation.getCoeff()));
+			sonarRule.setEffortToFixDescription(linearRemediation.getEffortToFixDescription());
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/LinearWithOffsetRemediationProvider.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/LinearWithOffsetRemediationProvider.java
new file mode 100644
index 0000000..4d4b0f8
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/LinearWithOffsetRemediationProvider.java
@@ -0,0 +1,22 @@
+package fr.sii.sonar.report.core.common.rules.debt;
+
+import org.sonar.api.server.rule.RulesDefinition.NewRule;
+
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleLinearWithOffsetRemediation;
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleRemediation;
+
+public class LinearWithOffsetRemediationProvider implements RemediationProvider {
+
+	@Override
+	public boolean setRemediation(NewRule sonarRule, SqaleRemediation remediation) {
+		if(remediation instanceof SqaleLinearWithOffsetRemediation) {
+			SqaleLinearWithOffsetRemediation linearWithOffsetRemediation = (SqaleLinearWithOffsetRemediation) remediation;
+			sonarRule.setDebtRemediationFunction(sonarRule.debtRemediationFunctions().linearWithOffset(linearWithOffsetRemediation.getCoeff(), linearWithOffsetRemediation.getOffset()));
+			sonarRule.setEffortToFixDescription(linearWithOffsetRemediation.getEffortToFixDescription());
+			return true;
+		} else {
+			return false;
+		}
+	}
+
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/RemediationProvider.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/RemediationProvider.java
new file mode 100644
index 0000000..a1a24e9
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/rules/debt/RemediationProvider.java
@@ -0,0 +1,9 @@
+package fr.sii.sonar.report.core.common.rules.debt;
+
+import org.sonar.api.server.rule.RulesDefinition.NewRule;
+
+import fr.sii.sonar.report.core.quality.domain.rule.SqaleRemediation;
+
+public interface RemediationProvider {
+	public boolean setRemediation(NewRule sonarRule, SqaleRemediation remediation);
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/RuleUtil.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/RuleUtil.java
index 1ec04f9..6b9813b 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/RuleUtil.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/RuleUtil.java
@@ -11,7 +11,8 @@ public static String getHtmlDescription(NewRule rule) throws RuleDefinitionExcep
 		try {
 			Field field = rule.getClass().getDeclaredField("htmlDescription");
 			field.setAccessible(true);
-			return field.get(rule).toString();
+			Object desc = field.get(rule);
+			return desc==null ? "" : desc.toString();
 		} catch (SecurityException e) {
 			throw new RuleDefinitionException("Failed to get HTML description for rule "+rule.key(), e);
 		} catch (NoSuchFieldException e) {
@@ -27,7 +28,8 @@ public static String getName(NewRule rule) throws RuleDefinitionException {
 		try {
 			Field field = rule.getClass().getDeclaredField("name");
 			field.setAccessible(true);
-			return field.get(rule).toString();
+			Object name = field.get(rule);
+			return name==null ? "" : name.toString();
 		} catch (SecurityException e) {
 			throw new RuleDefinitionException("Failed to get name for rule "+rule.key(), e);
 		} catch (NoSuchFieldException e) {
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringEscapeUtils.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringEscapeUtils.java
index c62a50e..4faeb85 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringEscapeUtils.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringEscapeUtils.java
@@ -9,62 +9,80 @@
  * Sonar dependencies, we use our own utility classes.
  * 
  * <p>
- * Soanr 5.3 removes utility libraries
+ * Sonar 5.3 removes utility libraries
  * 
  * @author Aurélien Baudet
  */
 public class StringEscapeUtils {
-    /**
-     * <p>Escapes the characters in a <code>String</code> using XML entities.</p>
-     *
-     * <p>For example: <tt>"bread" & "butter"</tt> =>
-     * <tt>&amp;quot;bread&amp;quot; &amp;amp; &amp;quot;butter&amp;quot;</tt>.
-     * </p>
-     *
-     * <p>Supports only the five basic XML entities (gt, lt, quot, amp, apos).
-     * Does not support DTDs or external entities.</p>
-     *
-     * <p>Note that unicode characters greater than 0x7f are currently escaped to 
-     *    their numerical \\u equivalent. This may change in future releases. </p>
-     *
-     * @param writer  the writer receiving the unescaped string, not null
-     * @param str  the <code>String</code> to escape, may be null
-     * @throws IllegalArgumentException if the writer is null
-     * @throws IOException if there is a problem writing
-     * @see #unescapeXml(java.lang.String)
-     */
-    public static void escapeXml(Writer writer, String str) throws IOException {
-        if (writer == null ) {
-            throw new IllegalArgumentException ("The Writer must not be null.");
-        }
-        if (str == null) {
-            return;
-        }
-        Entities.XML.escape(writer, str);
-    }
+	/**
+	 * <p>
+	 * Escapes the characters in a <code>String</code> using XML entities.
+	 * </p>
+	 *
+	 * <p>
+	 * For example: <code>"bread" &amp; "butter"</code> {@literal =>}
+	 * <code>&amp;quot;bread&amp;quot; &amp;amp; &amp;quot;butter&amp;quot;</code>.
+	 * </p>
+	 *
+	 * <p>
+	 * Supports only the five basic XML entities (gt, lt, quot, amp, apos). Does
+	 * not support DTDs or external entities.
+	 * </p>
+	 *
+	 * <p>
+	 * Note that unicode characters greater than 0x7f are currently escaped to
+	 * their numerical \\u equivalent. This may change in future releases.
+	 * </p>
+	 *
+	 * @param writer
+	 *            the writer receiving the unescaped string, not null
+	 * @param str
+	 *            the <code>String</code> to escape, may be null
+	 * @throws IllegalArgumentException
+	 *             if the writer is null
+	 * @throws IOException
+	 *             if there is a problem writing
+	 */
+	public static void escapeXml(Writer writer, String str) throws IOException {
+		if (writer == null) {
+			throw new IllegalArgumentException("The Writer must not be null.");
+		}
+		if (str == null) {
+			return;
+		}
+		Entities.XML.escape(writer, str);
+	}
 
-    /**
-     * <p>Escapes the characters in a <code>String</code> using XML entities.</p>
-     *
-     * <p>For example: <tt>"bread" & "butter"</tt> =>
-     * <tt>&amp;quot;bread&amp;quot; &amp;amp; &amp;quot;butter&amp;quot;</tt>.
-     * </p>
-     *
-     * <p>Supports only the five basic XML entities (gt, lt, quot, amp, apos).
-     * Does not support DTDs or external entities.</p>
-     *
-     * <p>Note that unicode characters greater than 0x7f are currently escaped to 
-     *    their numerical \\u equivalent. This may change in future releases. </p>
-     *
-     * @param str  the <code>String</code> to escape, may be null
-     * @return a new escaped <code>String</code>, <code>null</code> if null string input
-     * @see #unescapeXml(java.lang.String)
-     */
-    public static String escapeXml(String str) {
-        if (str == null) {
-            return null;
-        }
-        return Entities.XML.escape(str);
-    }
+	/**
+	 * <p>
+	 * Escapes the characters in a <code>String</code> using XML entities.
+	 * </p>
+	 *
+	 * <p>
+	 * For example: <code>"bread" &amp; "butter"</code> {@literal =>}
+	 * <code>&amp;quot;bread&amp;quot; &amp;amp; &amp;quot;butter&amp;quot;</code>.
+	 * </p>
+	 *
+	 * <p>
+	 * Supports only the five basic XML entities (gt, lt, quot, amp, apos). Does
+	 * not support DTDs or external entities.
+	 * </p>
+	 *
+	 * <p>
+	 * Note that unicode characters greater than 0x7f are currently escaped to
+	 * their numerical \\u equivalent. This may change in future releases.
+	 * </p>
+	 *
+	 * @param str
+	 *            the <code>String</code> to escape, may be null
+	 * @return a new escaped <code>String</code>, <code>null</code> if null
+	 *         string input
+	 */
+	public static String escapeXml(String str) {
+		if (str == null) {
+			return null;
+		}
+		return Entities.XML.escape(str);
+	}
 
 }
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringUtils.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringUtils.java
index d7d1025..78f0d00 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringUtils.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/common/util/compat/StringUtils.java
@@ -30,8 +30,6 @@ private StringUtils() {
      * <p>No delimiter is added before or after the list.
      * A <code>null</code> separator is the same as an empty String ("").</p>
      *
-     * <p>See the examples here: {@link #join(Object[],String)}. </p>
-     *
      * @param collection  the <code>Collection</code> of values to join together, may be null
      * @param separator  the separator character to use, null treated as ""
      * @return the joined String, <code>null</code> if null iterator input
@@ -50,8 +48,6 @@ public static String join(Collection collection, String separator) {
      * <p>No delimiter is added before or after the list.
      * A <code>null</code> separator is the same as an empty String ("").</p>
      *
-     * <p>See the examples here: {@link #join(Object[],String)}. </p>
-     *
      * @param iterator  the <code>Iterator</code> of values to join together, may be null
      * @param separator  the separator character to use, null treated as ""
      * @return the joined String, <code>null</code> if null iterator input
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/DuplicationConstants.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/DuplicationConstants.java
index b80c114..2c5a9cf 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/DuplicationConstants.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/DuplicationConstants.java
@@ -5,6 +5,8 @@
 public interface DuplicationConstants extends ReportConstants {
 	/**
 	 * Get the key for skipping duplication analysis
+	 * 
+	 * @return the key for skipping duplication analysis
 	 */
 	public String getSkipDuplicationKey();
 }
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/save/DuplicationDetailsHelper.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/save/DuplicationDetailsHelper.java
index 270ceb0..c69a24e 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/save/DuplicationDetailsHelper.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/duplication/save/DuplicationDetailsHelper.java
@@ -19,7 +19,7 @@
  */
 public class DuplicationDetailsHelper {
 	/**
-	 * In Sonar version < 4.5, duplication details is store in xml. This method
+	 * In Sonar version {@literal <} 4.5, duplication details is store in xml. This method
 	 * transforms duplication information into an xml string.
 	 * 
 	 * @param project
@@ -32,7 +32,8 @@ public class DuplicationDetailsHelper {
 	 *            the information about duplication for the file
 	 * @return the xml string to save in Sonar
 	 * @throws DuplicationException
-	 *             when the duplication details couldn't be generated for the file
+	 *             when the duplication details couldn't be generated for the
+	 *             file
 	 */
 	public static String toXml(Project project, FileSystem fileSystem, DuplicationReport report, DuplicationFileInformation file) throws DuplicationException {
 		try {
@@ -44,9 +45,8 @@ public static String toXml(Project project, FileSystem fileSystem, DuplicationRe
 				boolean containsFile = false;
 				group.append("<g>");
 				for (DuplicatedBlock part : duplication.getDuplicatedBlocks()) {
-					group.append("<b s=\"").append(part.getStartLine())
-							.append("\" l=\"").append(part.getNumLines())
-							.append("\" r=\"").append(StringEscapeUtils.escapeXml(ResourceUtil.getKey(project, part.getSourceFile(), fileSystem))).append("\"/>");
+					group.append("<b s=\"").append(part.getStartLine()).append("\" l=\"").append(part.getNumLines()).append("\" r=\"")
+							.append(StringEscapeUtils.escapeXml(ResourceUtil.getKey(project, part.getSourceFile(), fileSystem))).append("\"/>");
 					if (!containsFile) {
 						containsFile = file.getPath().equals(part.getSourceFile());
 					}
@@ -59,8 +59,8 @@ public static String toXml(Project project, FileSystem fileSystem, DuplicationRe
 			}
 			xml.append("</duplications>");
 			return hasDuplications ? xml.toString() : null;
-		} catch(KeyException e) {
-			throw new DuplicationException("failed to generate duplication details for "+file.getPath());
+		} catch (KeyException e) {
+			throw new DuplicationException("failed to generate duplication details for " + file.getPath());
 		}
 	}
 
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/QualityConstants.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/QualityConstants.java
index cc0a3df..8d6cc22 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/QualityConstants.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/QualityConstants.java
@@ -13,11 +13,15 @@ public interface QualityConstants extends ReportConstants {
 
 	/**
 	 * The key of the repository
+	 * 
+	 * @return the key of the repository
 	 */
 	public String getRepositoryKey();
-	
+
 	/**
 	 * The key for configuration for skipping save of file metrics
+	 * 
+	 * @return the key for configuration for skipping save of file metrics
 	 */
 	public String getSkipFileMetricsKey();
 
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/BasicRule.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/BasicRule.java
index 0d1dc01..4139263 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/BasicRule.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/BasicRule.java
@@ -14,6 +14,15 @@ public class BasicRule {
 	 * The rule key
 	 */
 	private String key;
+	
+	public BasicRule() {
+		super();
+	}
+	
+	public BasicRule(String key) {
+		super();
+		this.key = key;
+	}
 
 	public String getKey() {
 		return key;
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/Debt.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/Debt.java
new file mode 100644
index 0000000..7ffb866
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/Debt.java
@@ -0,0 +1,23 @@
+package fr.sii.sonar.report.core.quality.domain.rule;
+
+public class Debt {
+	private SqaleRemediation sqaleRemediation;
+	
+	private String sqaleSubCharacteristic;
+
+	public SqaleRemediation getSqaleRemediation() {
+		return sqaleRemediation;
+	}
+
+	public void setSqaleRemediation(SqaleRemediation sqaleRemediation) {
+		this.sqaleRemediation = sqaleRemediation;
+	}
+
+	public String getSqaleSubCharacteristic() {
+		return sqaleSubCharacteristic;
+	}
+
+	public void setSqaleSubCharacteristic(String sqaleSubCharacteristic) {
+		this.sqaleSubCharacteristic = sqaleSubCharacteristic;
+	}
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/RuleDefinition.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/RuleDefinition.java
index 22a8eac..c5c0861 100644
--- a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/RuleDefinition.java
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/RuleDefinition.java
@@ -1,6 +1,6 @@
 package fr.sii.sonar.report.core.quality.domain.rule;
 
-import org.sonar.api.rule.RuleStatus;
+import java.util.List;
 
 public class RuleDefinition extends BasicRule {
 	private String name;
@@ -9,7 +9,26 @@ public class RuleDefinition extends BasicRule {
 	
 	private String severity;
 	
-	private RuleStatus status;
+	private String status;
+
+	private List<String> tags;
+	
+	private Debt debt;
+	
+	public RuleDefinition() {
+		super();
+	}
+	
+	public RuleDefinition(String key, String name, String description) {
+		this(key, name, description, null);
+	}
+
+	public RuleDefinition(String key, String name, String description, String severity) {
+		super(key);
+		this.name = name;
+		this.description = description;
+		this.severity = severity;
+	}
 
 	public String getName() {
 		return name;
@@ -35,11 +54,27 @@ public void setSeverity(String severity) {
 		this.severity = severity;
 	}
 
-	public RuleStatus getStatus() {
+	public String getStatus() {
 		return status;
 	}
 
-	public void setStatus(RuleStatus status) {
+	public void setStatus(String status) {
 		this.status = status;
 	}
+
+	public List<String> getTags() {
+		return tags;
+	}
+
+	public void setTags(List<String> tags) {
+		this.tags = tags;
+	}
+
+	public Debt getDebt() {
+		return debt;
+	}
+
+	public void setDebt(Debt debt) {
+		this.debt = debt;
+	}
 }
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleConstantRemediation.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleConstantRemediation.java
new file mode 100644
index 0000000..1ff3c3a
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleConstantRemediation.java
@@ -0,0 +1,16 @@
+package fr.sii.sonar.report.core.quality.domain.rule;
+
+import com.fasterxml.jackson.annotation.JsonTypeName;
+
+@JsonTypeName("constant")
+public class SqaleConstantRemediation implements SqaleRemediation {
+	private String offset;
+
+	public String getOffset() {
+		return offset;
+	}
+
+	public void setOffset(String value) {
+		this.offset = value;
+	}
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleLinearRemediation.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleLinearRemediation.java
new file mode 100644
index 0000000..476f4f2
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleLinearRemediation.java
@@ -0,0 +1,26 @@
+package fr.sii.sonar.report.core.quality.domain.rule;
+
+import com.fasterxml.jackson.annotation.JsonTypeName;
+
+@JsonTypeName("linear")
+public class SqaleLinearRemediation implements SqaleRemediation {
+	private String coeff;
+	
+	private String effortToFixDescription;
+
+	public String getCoeff() {
+		return coeff;
+	}
+
+	public void setCoeff(String coeff) {
+		this.coeff = coeff;
+	}
+
+	public String getEffortToFixDescription() {
+		return effortToFixDescription;
+	}
+
+	public void setEffortToFixDescription(String effortToFixDescription) {
+		this.effortToFixDescription = effortToFixDescription;
+	}
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleLinearWithOffsetRemediation.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleLinearWithOffsetRemediation.java
new file mode 100644
index 0000000..6d5469a
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleLinearWithOffsetRemediation.java
@@ -0,0 +1,16 @@
+package fr.sii.sonar.report.core.quality.domain.rule;
+
+import com.fasterxml.jackson.annotation.JsonTypeName;
+
+@JsonTypeName("linearWithOffset")
+public class SqaleLinearWithOffsetRemediation extends SqaleLinearRemediation {
+	private String offset;
+
+	public String getOffset() {
+		return offset;
+	}
+
+	public void setOffset(String offset) {
+		this.offset = offset;
+	}
+}
diff --git a/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleRemediation.java b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleRemediation.java
new file mode 100644
index 0000000..5872d9a
--- /dev/null
+++ b/sonar-report-core/src/main/java/fr/sii/sonar/report/core/quality/domain/rule/SqaleRemediation.java
@@ -0,0 +1,13 @@
+package fr.sii.sonar.report.core.quality.domain.rule;
+
+import com.fasterxml.jackson.annotation.JsonSubTypes;
+import com.fasterxml.jackson.annotation.JsonSubTypes.Type;
+import com.fasterxml.jackson.annotation.JsonTypeInfo;
+
+@JsonTypeInfo(use=JsonTypeInfo.Id.NAME, include=JsonTypeInfo.As.PROPERTY, property="type")
+@JsonSubTypes({
+	@Type(SqaleConstantRemediation.class),
+	@Type(SqaleLinearRemediation.class),
+	@Type(SqaleLinearWithOffsetRemediation.class)})
+public interface SqaleRemediation {
+}
diff --git a/sonar-report-core/src/test/java/fr/sii/sonar/report/core/common/rules/TestJsonLoader.java b/sonar-report-core/src/test/java/fr/sii/sonar/report/core/common/rules/TestJsonLoader.java
index 8be6bb7..a3dfd88 100644
--- a/sonar-report-core/src/test/java/fr/sii/sonar/report/core/common/rules/TestJsonLoader.java
+++ b/sonar-report-core/src/test/java/fr/sii/sonar/report/core/common/rules/TestJsonLoader.java
@@ -1,6 +1,7 @@
 package fr.sii.sonar.report.core.common.rules;
 
 import static org.mockito.Matchers.anyString;
+import static org.mockito.Matchers.eq;
 import static org.mockito.Mockito.times;
 import static org.mockito.Mockito.verify;
 import static org.mockito.Mockito.when;
@@ -12,6 +13,8 @@
 import org.junit.runner.RunWith;
 import org.mockito.Mock;
 import org.mockito.runners.MockitoJUnitRunner;
+import org.sonar.api.server.debt.DebtRemediationFunction;
+import org.sonar.api.server.rule.RulesDefinition.DebtRemediationFunctions;
 import org.sonar.api.server.rule.RulesDefinition.NewRepository;
 import org.sonar.api.server.rule.RulesDefinition.NewRule;
 
@@ -28,9 +31,23 @@ public class TestJsonLoader {
 	@Mock
 	NewRule newRule;
 	
+	@Mock
+	DebtRemediationFunctions debtRemediationFunctions;
+	
+	@Mock
+	DebtRemediationFunction constantRemediationFunction;
+	@Mock
+	DebtRemediationFunction linearRemediationFunction;
+	@Mock
+	DebtRemediationFunction linearWithOffsetRemediationFunction;
+	
 	@Before
 	public void setup() {
 		when(repository.createRule(anyString())).thenReturn(newRule);
+		when(newRule.debtRemediationFunctions()).thenReturn(debtRemediationFunctions);
+		when(debtRemediationFunctions.constantPerIssue(anyString())).thenReturn(constantRemediationFunction);
+		when(debtRemediationFunctions.linear(anyString())).thenReturn(linearRemediationFunction);
+		when(debtRemediationFunctions.linearWithOffset(anyString(), anyString())).thenReturn(linearWithOffsetRemediationFunction);
 	}
 	
 	@Test
@@ -44,5 +61,10 @@ public void csslintRules() throws RuleDefinitionException, JsonParseException, J
 		verify(newRule, times(1)).setSeverity("BLOCKER");
 		verify(newRule, times(1)).setSeverity("CRITICAL");
 		verify(newRule, times(0)).setStatus(null);
+		verify(newRule, times(2)).setEffortToFixDescription(anyString());
+		verify(newRule, times(3)).setDebtSubCharacteristic(anyString());
+		verify(newRule, times(1)).setDebtRemediationFunction(eq(constantRemediationFunction));
+		verify(newRule, times(1)).setDebtRemediationFunction(eq(linearRemediationFunction));
+		verify(newRule, times(1)).setDebtRemediationFunction(eq(linearWithOffsetRemediationFunction));
 	}
 }
diff --git a/sonar-report-core/src/test/resources/profiles/csslint-external.json b/sonar-report-core/src/test/resources/profiles/csslint-external.json
index c938872..9194831 100644
--- a/sonar-report-core/src/test/resources/profiles/csslint-external.json
+++ b/sonar-report-core/src/test/resources/profiles/csslint-external.json
@@ -3,159 +3,6 @@
 	"language": "css",
 	"repositories": [{
 		"key": "csslint",
-		"rules": [{
-			"key": "import",
-			"name": "Disallow @import",
-			"description": "Don't use @import, use <link> instead."
-		}, {
-			"key": "important",
-			"name": "Disallow !important",
-			"description": "Be careful when using !important declaration"
-		}, {
-			"key": "box-model",
-			"name": "Beware of broken box size",
-			"description": "Don't use width or height when using padding or border."
-		}, {
-			"key": "empty-rules",
-			"name": "Disallow empty rules",
-			"description": "Rules without any properties specified should be removed."
-		}, {
-			"key": "adjoining-classes",
-			"name": "Disallow adjoining classes",
-			"description": "Don't use adjoining classes."
-		}, {
-			"key": "qualified-headings",
-			"name": "Disallow qualified headings",
-			"description": "Headings should not be qualified (namespaced)."
-		}, {
-			"key": "unique-headings",
-			"name": "Headings should only be defined once",
-			"description": "Headings should be defined only once."
-		}, {
-			"key": "errors",
-			"name": "Parsing Errors",
-			"description": "This rule looks for recoverable syntax errors."
-		}, {
-			"key": "overqualified-elements",
-			"name": "Disallow overqualified elements",
-			"description": "Don't use classes or IDs with elements (a.foo or a#foo)."
-		}, {
-			"key": "vendor-prefix",
-			"name": "Require standard property with vendor prefix",
-			"description": "When using a vendor-prefixed property, make sure to include the standard one."
-		}, {
-			"key": "fallback-colors",
-			"name": "Require fallback colors",
-			"description": "For older browsers that don't support RGBA, HSL, or HSLA, provide a fallback color."
-		}, {
-			"key": "regex-selectors",
-			"name": "Disallow selectors that look like regexs",
-			"description": "Selectors that look like regular expressions are slow and should be avoided."
-		}, {
-			"key": "unqualified-attributes",
-			"name": "Disallow unqualified attribute selectors",
-			"description": "Unqualified attribute selectors are known to be slow."
-		}, {
-			"key": "universal-selector",
-			"name": "Disallow universal selector",
-			"description": "The universal selector (*) is known to be slow."
-		}, {
-			"key": "box-sizing",
-			"name": "Disallow use of box-sizing",
-			"description": "The box-sizing properties isn't supported in IE6 and IE7."
-		}, {
-			"key": "display-property-grouping",
-			"name": "Require properties appropriate for display",
-			"description": "Certain properties shouldn't be used with certain display property values."
-		}, {
-			"key": "ids",
-			"name": "Disallow IDs in selectors",
-			"description": "Selectors should not contain IDs."
-		}, {
-			"key": "gradients",
-			"name": "Require all gradient definitions",
-			"description": "When using a vendor-prefixed gradient, make sure to use them all."
-		}, {
-			"key": "zero-units",
-			"name": "Disallow units for 0 values",
-			"description": "You don't need to specify units when a value is 0."
-		}, {
-			"key": "duplicate-properties",
-			"name": "Disallow duplicate properties",
-			"description": "Duplicate properties must appear one after the other."
-		}, {
-			"key": "compatible-vendor-prefixes",
-			"name": "Require compatible vendor prefixes",
-			"description": "Include all compatible vendor prefixes to reach a wider range of users."
-		}, {
-			"key": "outline-none",
-			"name": "Disallow outline: none",
-			"description": "Use of outline: none or outline: 0 should be limited to :focus rules."
-		}, {
-			"key": "floats",
-			"name": "Disallow too many floats",
-			"description": "This rule tests if the float property is used too many times"
-		}, {
-			"key": "known-properties",
-			"name": "Require use of known properties",
-			"description": "Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property."
-		}, {
-			"key": "font-sizes",
-			"name": "Disallow too many font sizes",
-			"description": "Checks the number of font-size declarations."
-		}, {
-			"key": "font-faces",
-			"name": "Don't use too many web fonts",
-			"description": "Too many different web fonts in the same stylesheet."
-		}, {
-			"key": "duplicate-background-images",
-			"name": "Disallow duplicate background images",
-			"description": "Every background-image should be unique. Use a common class for e.g. sprites."
-		}, {
-			"key": "order-alphabetical",
-			"name": "Alphabetical order",
-			"description": "Assure properties are in alphabetical order"
-		}, {
-			"key": "rules-count",
-			"name": "Rules Count",
-			"description": "Assure properties are in alphabetical order"
-		}, {
-			"key": "selector-max-approaching",
-			"name": "Warn when approaching the 4095 selector limit for IE",
-			"description": "Will warn when selector count is >= 3800 selectors."
-		}, {
-			"key": "selector-max",
-			"name": "Error when past the 4095 selector limit for IE",
-			"description": "Will error when selector count is > 4095."
-		}, {
-			"key": "selector-newline",
-			"name": "Disallow new-line characters in selectors",
-			"description": "New-line characters in selectors are usually a forgotten comma and not a descendant combinator.",
-			"severity": "MINOR"
-		}, {
-			"key": "shorthand",
-			"name": "Require shorthand properties",
-			"description": "Use shorthand properties where possible.",
-			"severity": "MAJOR"
-		}, {
-			"key": "star-property-hack",
-			"name": "Disallow properties with a star prefix",
-			"description": "Checks for the star property hack (targets IE6/7)",
-			"severity": "BLOCKER"
-		}, {
-			"key": "text-indent",
-			"name": "Disallow negative text-indent",
-			"description": "Checks for text indent less than -99px",
-			"severity": "CRITICAL"
-		}, {
-			"key": "underscore-property-hack",
-			"name": "Disallow properties with an underscore prefix",
-			"description": "Checks for the underscore property hack (targets IE6)",
-			"severity": "major"
-		}, {
-			"key": "bulletproof-font-face",
-			"name": "Use the bulletproof @font-face syntax",
-			"description": "Use the bulletproof @font-face syntax to avoid 404's in old IE (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax)."
-		}]
+		"rules": "/rules/csslint.json"
 	}]
-}
\ No newline at end of file
+}
diff --git a/sonar-report-core/src/test/resources/profiles/csslint-internal.json b/sonar-report-core/src/test/resources/profiles/csslint-internal.json
index 9194831..e0384c4 100644
--- a/sonar-report-core/src/test/resources/profiles/csslint-internal.json
+++ b/sonar-report-core/src/test/resources/profiles/csslint-internal.json
@@ -1,8 +1,188 @@
 {
-	"name": "csslint",
-	"language": "css",
-	"repositories": [{
-		"key": "csslint",
-		"rules": "/rules/csslint.json"
+    "name": "csslint",
+    "language": "css",
+    "repositories": [{
+        "key": "csslint",
+        "rules": [{
+			"key": "import",
+			"name": "Disallow @import",
+			"description": "Don't use @import, use <link> instead.",
+			"status": "DEPRECATED",
+			"tags": ["bad-practice"],
+			"debt": {
+				"sqaleRemediation": {
+					"type": "constant",
+					"offset": "10min"
+				},
+				"sqaleSubCharacteristic": "READABILITY"
+			}
+		}, {
+			"key": "important",
+			"name": "Disallow !important",
+			"description": "Be careful when using !important declaration",
+			"tags": ["bad-practice", "confusing", "suspicious"],
+			"debt": {
+				"sqaleRemediation": {
+					"type": "linear",
+					"coeff": "20min",
+					"effortToFixDescription": "Effort to remove one !important"
+				},
+				"sqaleSubCharacteristic": "UNDERSTANDABILITY"
+			}
+		}, {
+			"key": "box-model",
+			"name": "Beware of broken box size",
+			"description": "Don't use width or height when using padding or border.",
+			"debt": {
+				"sqaleRemediation": {
+					"type": "linearWithOffset",
+					"coeff": "20min",
+					"offset": "1h",
+					"effortToFixDescription": "Effort to change box model"
+				},
+				"sqaleSubCharacteristic": "UNDERSTANDABILITY"
+			}
+		}, {
+		"key": "empty-rules",
+		"name": "Disallow empty rules",
+		"description": "Rules without any properties specified should be removed."
+		}, {
+			"key": "adjoining-classes",
+			"name": "Disallow adjoining classes",
+			"description": "Don't use adjoining classes."
+		}, {
+			"key": "qualified-headings",
+			"name": "Disallow qualified headings",
+			"description": "Headings should not be qualified (namespaced)."
+		}, {
+			"key": "unique-headings",
+			"name": "Headings should only be defined once",
+			"description": "Headings should be defined only once."
+		}, {
+			"key": "errors",
+			"name": "Parsing Errors",
+			"description": "This rule looks for recoverable syntax errors."
+		}, {
+			"key": "overqualified-elements",
+			"name": "Disallow overqualified elements",
+			"description": "Don't use classes or IDs with elements (a.foo or a#foo)."
+		}, {
+			"key": "vendor-prefix",
+			"name": "Require standard property with vendor prefix",
+			"description": "When using a vendor-prefixed property, make sure to include the standard one."
+		}, {
+			"key": "fallback-colors",
+			"name": "Require fallback colors",
+			"description": "For older browsers that don't support RGBA, HSL, or HSLA, provide a fallback color."
+		}, {
+			"key": "regex-selectors",
+			"name": "Disallow selectors that look like regexs",
+			"description": "Selectors that look like regular expressions are slow and should be avoided."
+		}, {
+			"key": "unqualified-attributes",
+			"name": "Disallow unqualified attribute selectors",
+			"description": "Unqualified attribute selectors are known to be slow."
+		}, {
+			"key": "universal-selector",
+			"name": "Disallow universal selector",
+			"description": "The universal selector (*) is known to be slow."
+		}, {
+			"key": "box-sizing",
+			"name": "Disallow use of box-sizing",
+			"description": "The box-sizing properties isn't supported in IE6 and IE7."
+		}, {
+			"key": "display-property-grouping",
+			"name": "Require properties appropriate for display",
+			"description": "Certain properties shouldn't be used with certain display property values."
+		}, {
+			"key": "ids",
+			"name": "Disallow IDs in selectors",
+			"description": "Selectors should not contain IDs."
+		}, {
+			"key": "gradients",
+			"name": "Require all gradient definitions",
+			"description": "When using a vendor-prefixed gradient, make sure to use them all."
+		}, {
+			"key": "zero-units",
+			"name": "Disallow units for 0 values",
+			"description": "You don't need to specify units when a value is 0."
+		}, {
+			"key": "duplicate-properties",
+			"name": "Disallow duplicate properties",
+			"description": "Duplicate properties must appear one after the other."
+		}, {
+			"key": "compatible-vendor-prefixes",
+			"name": "Require compatible vendor prefixes",
+			"description": "Include all compatible vendor prefixes to reach a wider range of users."
+		}, {
+			"key": "outline-none",
+			"name": "Disallow outline: none",
+			"description": "Use of outline: none or outline: 0 should be limited to :focus rules."
+		}, {
+			"key": "floats",
+			"name": "Disallow too many floats",
+			"description": "This rule tests if the float property is used too many times"
+		}, {
+			"key": "known-properties",
+			"name": "Require use of known properties",
+			"description": "Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property."
+		}, {
+			"key": "font-sizes",
+			"name": "Disallow too many font sizes",
+			"description": "Checks the number of font-size declarations."
+		}, {
+			"key": "font-faces",
+			"name": "Don't use too many web fonts",
+			"description": "Too many different web fonts in the same stylesheet."
+		}, {
+			"key": "duplicate-background-images",
+			"name": "Disallow duplicate background images",
+			"description": "Every background-image should be unique. Use a common class for e.g. sprites."
+		}, {
+			"key": "order-alphabetical",
+			"name": "Alphabetical order",
+			"description": "Assure properties are in alphabetical order"
+		}, {
+			"key": "rules-count",
+			"name": "Rules Count",
+			"description": "Assure properties are in alphabetical order"
+		}, {
+			"key": "selector-max-approaching",
+			"name": "Warn when approaching the 4095 selector limit for IE",
+			"description": "Will warn when selector count is >= 3800 selectors."
+		}, {
+			"key": "selector-max",
+			"name": "Error when past the 4095 selector limit for IE",
+			"description": "Will error when selector count is > 4095."
+		}, {
+			"key": "selector-newline",
+			"name": "Disallow new-line characters in selectors",
+			"description": "New-line characters in selectors are usually a forgotten comma and not a descendant combinator.",
+			"severity": "MINOR"
+		}, {
+			"key": "shorthand",
+			"name": "Require shorthand properties",
+			"description": "Use shorthand properties where possible.",
+			"severity": "MAJOR"
+		}, {
+			"key": "star-property-hack",
+			"name": "Disallow properties with a star prefix",
+			"description": "Checks for the star property hack (targets IE6/7)",
+			"severity": "BLOCKER"
+		}, {
+			"key": "text-indent",
+			"name": "Disallow negative text-indent",
+			"description": "Checks for text indent less than -99px",
+			"severity": "CRITICAL"
+		}, {
+			"key": "underscore-property-hack",
+			"name": "Disallow properties with an underscore prefix",
+			"description": "Checks for the underscore property hack (targets IE6)",
+			"severity": "major"
+		}, {
+			"key": "bulletproof-font-face",
+			"name": "Use the bulletproof @font-face syntax",
+			"description": "Use the bulletproof @font-face syntax to avoid 404's in old IE (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax)."
+		}]
 	}]
 }
diff --git a/sonar-report-core/src/test/resources/rules/csslint.json b/sonar-report-core/src/test/resources/rules/csslint.json
index 0b059b7..adbb9d5 100644
--- a/sonar-report-core/src/test/resources/rules/csslint.json
+++ b/sonar-report-core/src/test/resources/rules/csslint.json
@@ -1,154 +1,181 @@
 [{
-	"key": "import",
-	"name": "Disallow @import",
-	"description": "Don't use @import, use <link> instead."
-}, {
-	"key": "important",
-	"name": "Disallow !important",
-	"description": "Be careful when using !important declaration"
-}, {
-	"key": "box-model",
-	"name": "Beware of broken box size",
-	"description": "Don't use width or height when using padding or border."
-}, {
-	"key": "empty-rules",
-	"name": "Disallow empty rules",
-	"description": "Rules without any properties specified should be removed."
-}, {
-	"key": "adjoining-classes",
-	"name": "Disallow adjoining classes",
-	"description": "Don't use adjoining classes."
-}, {
-	"key": "qualified-headings",
-	"name": "Disallow qualified headings",
-	"description": "Headings should not be qualified (namespaced)."
-}, {
-	"key": "unique-headings",
-	"name": "Headings should only be defined once",
-	"description": "Headings should be defined only once."
-}, {
-	"key": "errors",
-	"name": "Parsing Errors",
-	"description": "This rule looks for recoverable syntax errors."
-}, {
-	"key": "overqualified-elements",
-	"name": "Disallow overqualified elements",
-	"description": "Don't use classes or IDs with elements (a.foo or a#foo)."
-}, {
-	"key": "vendor-prefix",
-	"name": "Require standard property with vendor prefix",
-	"description": "When using a vendor-prefixed property, make sure to include the standard one."
-}, {
-	"key": "fallback-colors",
-	"name": "Require fallback colors",
-	"description": "For older browsers that don't support RGBA, HSL, or HSLA, provide a fallback color."
-}, {
-	"key": "regex-selectors",
-	"name": "Disallow selectors that look like regexs",
-	"description": "Selectors that look like regular expressions are slow and should be avoided."
-}, {
-	"key": "unqualified-attributes",
-	"name": "Disallow unqualified attribute selectors",
-	"description": "Unqualified attribute selectors are known to be slow."
-}, {
-	"key": "universal-selector",
-	"name": "Disallow universal selector",
-	"description": "The universal selector (*) is known to be slow."
-}, {
-	"key": "box-sizing",
-	"name": "Disallow use of box-sizing",
-	"description": "The box-sizing properties isn't supported in IE6 and IE7."
-}, {
-	"key": "display-property-grouping",
-	"name": "Require properties appropriate for display",
-	"description": "Certain properties shouldn't be used with certain display property values."
-}, {
-	"key": "ids",
-	"name": "Disallow IDs in selectors",
-	"description": "Selectors should not contain IDs."
-}, {
-	"key": "gradients",
-	"name": "Require all gradient definitions",
-	"description": "When using a vendor-prefixed gradient, make sure to use them all."
-}, {
-	"key": "zero-units",
-	"name": "Disallow units for 0 values",
-	"description": "You don't need to specify units when a value is 0."
-}, {
-	"key": "duplicate-properties",
-	"name": "Disallow duplicate properties",
-	"description": "Duplicate properties must appear one after the other."
-}, {
-	"key": "compatible-vendor-prefixes",
-	"name": "Require compatible vendor prefixes",
-	"description": "Include all compatible vendor prefixes to reach a wider range of users."
-}, {
-	"key": "outline-none",
-	"name": "Disallow outline: none",
-	"description": "Use of outline: none or outline: 0 should be limited to :focus rules."
-}, {
-	"key": "floats",
-	"name": "Disallow too many floats",
-	"description": "This rule tests if the float property is used too many times"
-}, {
-	"key": "known-properties",
-	"name": "Require use of known properties",
-	"description": "Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property."
-}, {
-	"key": "font-sizes",
-	"name": "Disallow too many font sizes",
-	"description": "Checks the number of font-size declarations."
-}, {
-	"key": "font-faces",
-	"name": "Don't use too many web fonts",
-	"description": "Too many different web fonts in the same stylesheet."
-}, {
-	"key": "duplicate-background-images",
-	"name": "Disallow duplicate background images",
-	"description": "Every background-image should be unique. Use a common class for e.g. sprites."
-}, {
-	"key": "order-alphabetical",
-	"name": "Alphabetical order",
-	"description": "Assure properties are in alphabetical order"
-}, {
-	"key": "rules-count",
-	"name": "Rules Count",
-	"description": "Assure properties are in alphabetical order"
-}, {
-	"key": "selector-max-approaching",
-	"name": "Warn when approaching the 4095 selector limit for IE",
-	"description": "Will warn when selector count is >= 3800 selectors."
-}, {
-	"key": "selector-max",
-	"name": "Error when past the 4095 selector limit for IE",
-	"description": "Will error when selector count is > 4095."
-}, {
-	"key": "selector-newline",
-	"name": "Disallow new-line characters in selectors",
-	"description": "New-line characters in selectors are usually a forgotten comma and not a descendant combinator.",
-	"severity": "MINOR"
-}, {
-	"key": "shorthand",
-	"name": "Require shorthand properties",
-	"description": "Use shorthand properties where possible.",
-	"severity": "MAJOR"
-}, {
-	"key": "star-property-hack",
-	"name": "Disallow properties with a star prefix",
-	"description": "Checks for the star property hack (targets IE6/7)",
-	"severity": "BLOCKER"
-}, {
-	"key": "text-indent",
-	"name": "Disallow negative text-indent",
-	"description": "Checks for text indent less than -99px",
-	"severity": "CRITICAL"
-}, {
-	"key": "underscore-property-hack",
-	"name": "Disallow properties with an underscore prefix",
-	"description": "Checks for the underscore property hack (targets IE6)",
-	"severity": "major"
-}, {
-	"key": "bulletproof-font-face",
-	"name": "Use the bulletproof @font-face syntax",
-	"description": "Use the bulletproof @font-face syntax to avoid 404's in old IE (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax)."
-}]
\ No newline at end of file
+    "key": "import",
+    "name": "Disallow @import",
+    "description": "Don't use @import, use <link> instead.",
+    "status": "DEPRECATED",
+    "tags": ["bad-practice"],
+    "debt": {
+        "sqaleRemediation": {
+            "type": "constant",
+            "offset": "10min"
+        },
+        "sqaleSubCharacteristic": "READABILITY"
+    }
+}, {
+    "key": "important",
+    "name": "Disallow !important",
+    "description": "Be careful when using !important declaration",
+    "tags": ["bad-practice", "confusing", "suspicious"],
+    "debt": {
+        "sqaleRemediation": {
+            "type": "linear",
+            "coeff": "20min",
+            "effortToFixDescription": "Effort to remove one !important"
+        },
+        "sqaleSubCharacteristic": "UNDERSTANDABILITY"
+    }
+}, {
+    "key": "box-model",
+    "name": "Beware of broken box size",
+    "description": "Don't use width or height when using padding or border.",
+    "debt": {
+        "sqaleRemediation": {
+            "type": "linearWithOffset",
+            "coeff": "20min",
+            "offset": "1h",
+            "effortToFixDescription": "Effort to change box model"
+        },
+        "sqaleSubCharacteristic": "UNDERSTANDABILITY"
+    }
+}, {
+    "key": "empty-rules",
+    "name": "Disallow empty rules",
+    "description": "Rules without any properties specified should be removed."
+}, {
+    "key": "adjoining-classes",
+    "name": "Disallow adjoining classes",
+    "description": "Don't use adjoining classes."
+}, {
+    "key": "qualified-headings",
+    "name": "Disallow qualified headings",
+    "description": "Headings should not be qualified (namespaced)."
+}, {
+    "key": "unique-headings",
+    "name": "Headings should only be defined once",
+    "description": "Headings should be defined only once."
+}, {
+    "key": "errors",
+    "name": "Parsing Errors",
+    "description": "This rule looks for recoverable syntax errors."
+}, {
+    "key": "overqualified-elements",
+    "name": "Disallow overqualified elements",
+    "description": "Don't use classes or IDs with elements (a.foo or a#foo)."
+}, {
+    "key": "vendor-prefix",
+    "name": "Require standard property with vendor prefix",
+    "description": "When using a vendor-prefixed property, make sure to include the standard one."
+}, {
+    "key": "fallback-colors",
+    "name": "Require fallback colors",
+    "description": "For older browsers that don't support RGBA, HSL, or HSLA, provide a fallback color."
+}, {
+    "key": "regex-selectors",
+    "name": "Disallow selectors that look like regexs",
+    "description": "Selectors that look like regular expressions are slow and should be avoided."
+}, {
+    "key": "unqualified-attributes",
+    "name": "Disallow unqualified attribute selectors",
+    "description": "Unqualified attribute selectors are known to be slow."
+}, {
+    "key": "universal-selector",
+    "name": "Disallow universal selector",
+    "description": "The universal selector (*) is known to be slow."
+}, {
+    "key": "box-sizing",
+    "name": "Disallow use of box-sizing",
+    "description": "The box-sizing properties isn't supported in IE6 and IE7."
+}, {
+    "key": "display-property-grouping",
+    "name": "Require properties appropriate for display",
+    "description": "Certain properties shouldn't be used with certain display property values."
+}, {
+    "key": "ids",
+    "name": "Disallow IDs in selectors",
+    "description": "Selectors should not contain IDs."
+}, {
+    "key": "gradients",
+    "name": "Require all gradient definitions",
+    "description": "When using a vendor-prefixed gradient, make sure to use them all."
+}, {
+    "key": "zero-units",
+    "name": "Disallow units for 0 values",
+    "description": "You don't need to specify units when a value is 0."
+}, {
+    "key": "duplicate-properties",
+    "name": "Disallow duplicate properties",
+    "description": "Duplicate properties must appear one after the other."
+}, {
+    "key": "compatible-vendor-prefixes",
+    "name": "Require compatible vendor prefixes",
+    "description": "Include all compatible vendor prefixes to reach a wider range of users."
+}, {
+    "key": "outline-none",
+    "name": "Disallow outline: none",
+    "description": "Use of outline: none or outline: 0 should be limited to :focus rules."
+}, {
+    "key": "floats",
+    "name": "Disallow too many floats",
+    "description": "This rule tests if the float property is used too many times"
+}, {
+    "key": "known-properties",
+    "name": "Require use of known properties",
+    "description": "Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property."
+}, {
+    "key": "font-sizes",
+    "name": "Disallow too many font sizes",
+    "description": "Checks the number of font-size declarations."
+}, {
+    "key": "font-faces",
+    "name": "Don't use too many web fonts",
+    "description": "Too many different web fonts in the same stylesheet."
+}, {
+    "key": "duplicate-background-images",
+    "name": "Disallow duplicate background images",
+    "description": "Every background-image should be unique. Use a common class for e.g. sprites."
+}, {
+    "key": "order-alphabetical",
+    "name": "Alphabetical order",
+    "description": "Assure properties are in alphabetical order"
+}, {
+    "key": "rules-count",
+    "name": "Rules Count",
+    "description": "Assure properties are in alphabetical order"
+}, {
+    "key": "selector-max-approaching",
+    "name": "Warn when approaching the 4095 selector limit for IE",
+    "description": "Will warn when selector count is >= 3800 selectors."
+}, {
+    "key": "selector-max",
+    "name": "Error when past the 4095 selector limit for IE",
+    "description": "Will error when selector count is > 4095."
+}, {
+    "key": "selector-newline",
+    "name": "Disallow new-line characters in selectors",
+    "description": "New-line characters in selectors are usually a forgotten comma and not a descendant combinator.",
+    "severity": "MINOR"
+}, {
+    "key": "shorthand",
+    "name": "Require shorthand properties",
+    "description": "Use shorthand properties where possible.",
+    "severity": "MAJOR"
+}, {
+    "key": "star-property-hack",
+    "name": "Disallow properties with a star prefix",
+    "description": "Checks for the star property hack (targets IE6/7)",
+    "severity": "BLOCKER"
+}, {
+    "key": "text-indent",
+    "name": "Disallow negative text-indent",
+    "description": "Checks for text indent less than -99px",
+    "severity": "CRITICAL"
+}, {
+    "key": "underscore-property-hack",
+    "name": "Disallow properties with an underscore prefix",
+    "description": "Checks for the underscore property hack (targets IE6)",
+    "severity": "major"
+}, {
+    "key": "bulletproof-font-face",
+    "name": "Use the bulletproof @font-face syntax",
+    "description": "Use the bulletproof @font-face syntax to avoid 404's in old IE (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax)."
+}]
diff --git a/sonar-test-junit/pom.xml b/sonar-test-junit/pom.xml
index 2b60ecb..efbdee9 100644
--- a/sonar-test-junit/pom.xml
+++ b/sonar-test-junit/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-test-junit</artifactId>
diff --git a/sonar-web-frontend-angular-eslint/pom.xml b/sonar-web-frontend-angular-eslint/pom.xml
index 83d8415..af9a2c4 100644
--- a/sonar-web-frontend-angular-eslint/pom.xml
+++ b/sonar-web-frontend-angular-eslint/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-web-frontend-angular-eslint</artifactId>
diff --git a/sonar-web-frontend-angular-eslint/src/main/java/fr/sii/sonar/web/frontend/ng/eslint/quality/EslintAngularQualityConstants.java b/sonar-web-frontend-angular-eslint/src/main/java/fr/sii/sonar/web/frontend/ng/eslint/quality/EslintAngularQualityConstants.java
index 05c01c2..5d252b8 100644
--- a/sonar-web-frontend-angular-eslint/src/main/java/fr/sii/sonar/web/frontend/ng/eslint/quality/EslintAngularQualityConstants.java
+++ b/sonar-web-frontend-angular-eslint/src/main/java/fr/sii/sonar/web/frontend/ng/eslint/quality/EslintAngularQualityConstants.java
@@ -10,7 +10,7 @@ public class EslintAngularQualityConstants extends EslintAngularConstants implem
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.eslint.angular.file.missing.fail";
 	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.eslint.angular.file.metrics.skip";
 	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/eslint-angular.json";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/eslint-angular.json";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String RULES_PATH = "/rules/eslint-angular.json";
 	public static final String REPOSITORY_NAME = "Eslint for AngularJS";
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular.css b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular.css
new file mode 100644
index 0000000..be4a9ef
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular.css
@@ -0,0 +1,83 @@
+.ehd h1.details {
+	margin-top: 20px;
+	margin-bottom: 20px;
+	border-bottom: 1px solid #ccc;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #333;
+  background: #f8f8f8;
+}
+.hljs-comment,
+.hljs-quote {
+  color: #998;
+  font-style: italic;
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #333;
+  font-weight: bold;
+}
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+  color: #008080;
+}
+.hljs-string,
+.hljs-doctag {
+  color: #d14;
+}
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+  color: #900;
+  font-weight: bold;
+}
+.hljs-subst {
+  font-weight: normal;
+}
+.hljs-type,
+.hljs-class .hljs-title {
+  color: #458;
+  font-weight: bold;
+}
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #000080;
+  font-weight: normal;
+}
+.hljs-regexp,
+.hljs-link {
+  color: #009926;
+}
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073;
+}
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #0086b3;
+}
+.hljs-meta {
+  color: #999;
+  font-weight: bold;
+}
+.hljs-deletion {
+  background: #fdd;
+}
+.hljs-addition {
+  background: #dfd;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: bold;
+}
\ No newline at end of file
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular.json b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular.json
index 63ace30..bf4311b 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular.json
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular.json
@@ -1,278 +1,771 @@
-[
-    {
-        "key": "ng_angularelement",
-        "name": " ng angularelement  ",
-        "description": " The angular.element method should be used instead of the $ or jQuery object (if you are using jQuery of course). If the jQuery library is imported, angular.element will be a wrapper around the jQuery object. ",
-        "severity": "MAJOR"
-    },
-    {
-        "key": "ng_controller_as",
-        "name": " ng controller as ",
-        "description": " You should not set properties on $scope in controllers. Use controllerAs syntax and add data to 'this'. Implements 'this' check part of [Y031](https://github.com/johnpapa/angularjs-styleguide#style-y031). The second parameter can be a Regexp for identifying controller functions (when using something like Browserify) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_controller_as_route",
-        "name": " ng controller as route ",
-        "description": " You should use Angular's controllerAs syntax when defining routes or states. Implements route part [Y031](https://github.com/johnpapa/angularjs-styleguide#style-y031) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_controller_as_vm",
-        "name": " ng controller as vm ",
-        "description": " You should use a capture variable for 'this' when using the controllerAs syntax. [Y031](https://github.com/johnpapa/angularjs-styleguide#style-y032). The second parameter specifies the capture variable you want to use in your application. The third parameter can be a Regexp for identifying controller functions (when using something like Browserify) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_controller_name",
-        "name": " ng controller name  ",
-        "description": " All your controllers should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. (\"ng_controller_name\":  [2, \"ng\"])  [Y123](https://github.com/johnpapa/angularjs-styleguide#style-y123), [Y124](https://github.com/johnpapa/angularjs-styleguide#style-y124)",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_deferred",
-        "name": " ng deferred ",
-        "description": " When you want to create a new promise, you should not use the $q.deferred anymore. Prefer the new syntax : $q(function(resolve, reject){})",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_definedundefined",
-        "name": " ng definedundefined ",
-        "description": " You should use the angular.isUndefined or angular.isDefined methods instead of using the keyword undefined. We also check the use of !angular.isUndefined and !angular.isDefined (should prefer the reverse function)",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_di",
-        "name": " ng di ",
-        "description": " All your DI should use the same syntax : the Array or function syntaxes (\"ng_di\":  [2, \"function or array\"])",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_directive_name",
-        "name": " ng directive name ",
-        "description": " All your directives should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. You can not prefix your directives by \"ng\" (reserved keyword for AngularJS directives) (\"ng_directive_name\":  [2, \"ng\"]) [Y073](https://github.com/johnpapa/angularjs-styleguide#style-y073), [Y126](https://github.com/johnpapa/angularjs-styleguide#style-y126) ",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_directive_restrict",
-        "name": " ng directive restrict ",
-        "description": " Not all directive restrictions may be desirable. Also it might be desirable to define default restrictions, or explicitly not. The default configuration limits the restrictions AE Y074 and disallows explicitly specifying a default. (\"directive-restrict\": [0, {\"restrict\": \"AE\", \"explicit\": \"never\"}])",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_component_limit",
-        "name": " ng component limit ",
-        "description": " The number of AngularJS components in one file should be limited. The default limit is one, which follows [Y001](https://github.com/johnpapa/angular-styleguide#style-y001)",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_document_service",
-        "name": " ng document service ",
-        "description": " Instead of the default document object, you should prefer the AngularJS wrapper service $document. [Y180](https://github.com/johnpapa/angularjs-styleguide#style-y180) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_empty_controller",
-        "name": " ng empty controller ",
-        "description": " If you have one empty controller, maybe you have linked it in your Router configuration or in one of your views. You can remove this declaration because this controller is useless ",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_file_name",
-        "name": " ng file name ",
-        "description": " All your file names should match the angular component name. The second parameter can be a config object [2, {nameStyle: 'dash', typeSeparator: 'dot', ignoreTypeSuffix: true, ignorePrefix: 'ui'}] to match 'avenger-profile.directive.js' or 'avanger-api.service.js'. Possible values for 'typeSeparator' and 'nameStyle' are 'dot', 'dash' and 'underscore'. The options 'ignoreTypeSuffix' ignores camel cased suffixes like 'someController' or 'myService' and 'ignorePrefix' ignores namespace prefixes like 'ui'. [Y120](https://github.com/johnpapa/angular-styleguide#style-y120) [Y121](https://github.com/johnpapa/angular-styleguide#style-y121)",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_filter_name",
-        "name": " ng filter name ",
-        "description": " All your filters should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. (\"ng_filter_name\":  [2, \"ng\"]) ",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_foreach",
-        "name": " ng foreach ",
-        "description": " You should use the angular.forEach method instead of the default JavaScript implementation [].forEach.",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_function_type",
-        "name": " ng function type ",
-        "description": " Anonymous or named functions inside AngularJS components. The first parameter sets which type of function is required and can be 'named' or 'anonymous'. The second parameter is an optional list of angular object names. [Y024](https://github.com/johnpapa/angular-styleguide/blob/master/README.md#style-y024)",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_interval_service",
-        "name": " ng interval service ",
-        "description": " Instead of the default setInterval function, you should use the AngularJS wrapper service $interval  [Y181](https://github.com/johnpapa/angularjs-styleguide#style-y181) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_json_functions",
-        "name": " ng json functions ",
-        "description": " You should use angular.fromJson or angular.toJson instead of JSON.parse and JSON.stringify ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_log",
-        "name": " ng log ",
-        "description": " You should use $log service instead of console for the methods 'log', 'debug', 'error', 'info', 'warn'",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_dependency_order",
-        "name": " ng dependency order ",
-        "description": " Module dependencies should be sorted in a logical manner. This rule provides two ways to sort modules, grouped or ungrouped. In grouped mode the modules should be grouped in the order: standard modules - third party modules - custom modules. The modules should be sorted alphabetically within its group. A prefix can be specified to determine which prefix the custom modules have. Without grouped set to false all dependencies combined should be sorted alphabetically. ('module-dependency-order', [2, {grouped: true, prefix: \"app\"}])",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_module_getter",
-        "name": " ng module getter ",
-        "description": " When using a module, avoid using a variable and instead use chaining with the getter syntax [Y022](https://github.com/johnpapa/angular-styleguide#style-y022)",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_module_name",
-        "name": " ng module name  ",
-        "description": " When you create a new module, its name should start with the parameter you can define in your config object. The second parameter can be a Regexp. You can not prefix your modules by \"ng\" (reserved keyword for AngularJS modules) (\"ng_module_name\":  [2, \"ng\"])  [Y127](https://github.com/johnpapa/angularjs-styleguide#style-y127)",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_module_setter",
-        "name": " ng module setter ",
-        "description": " Declare modules without a variable using the setter syntax.[Y021](https://github.com/johnpapa/angular-styleguide#style-y021)",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "no_angular_mock",
-        "name": " ng no angular mock ",
-        "description": " All methods defined in the angular.mock object are also available in the object window. So you can remove angular.mock from your code",
-        "severity": "MINOR"
-    },
-    {
-        "key": "no_controller",
-        "name": " ng no controller ",
-        "description": " According to the Component-First pattern, we should avoid the use of AngularJS controller.",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_no_cookiestore",
-        "name": " ng no cookiestore ",
-        "description": " In Angular 1.4, the $cookieStore service is now deprected. Please use the $cookies service instead",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_no_digest",
-        "name": " ng no digest ",
-        "description": " The scope's $digest() method shouldn't be used. You should prefer the $apply method. ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_no_jquery_angularelement",
-        "name": " ng no jquery angularelement ",
-        "description": " You should not wrap angular.element object into jQuery(), because angular.element already return jQLite element",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_no_private_call",
-        "name": " ng no private call ",
-        "description": " All scope's properties/methods starting with $$ are used interally by AngularJS. You should not use them directly. ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_no_services",
-        "name": " ng no services  ",
-        "description": " Some services should be used only in a specific AngularJS service (Ajax-based service for example), in order to follow the separation of concerns paradigm ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_no_service_method",
-        "name": " ng no service method  ",
-        "description": " You should prefer the factory() method instead of service() [Y181](https://github.com/johnpapa/angularjs-styleguide#style-y181)",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_on_watch",
-        "name": " ng on watch ",
-        "description": " Watch and On methods on the scope object should be assigned to a variable, in order to be deleted in a $destroy event handler [Y035](https://github.com/johnpapa/angularjs-styleguide#style-y035) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_rest_service",
-        "name": " ng rest service ",
-        "description": " Check the service used to send request to your REST API. This rule can have one parameter, with one of the following values: $http, $resource or Restangular ('rest-service': [0, '$http']).",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_service_name",
-        "name": " ng service name ",
-        "description": " All your services should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. You can not prefix your services by \"$\" (reserved keyword for AngularJS services) (\"ng_service_name\":  [2, \"ng\"]) [Y125](https://github.com/johnpapa/angularjs-styleguide#style-y125) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_timeout_service",
-        "name": " ng timeout service ",
-        "description": " Instead of the default setTimeout function, you should use the AngularJS wrapper service $timeout [Y181](https://github.com/johnpapa/angularjs-styleguide#style-y181) ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_array",
-        "name": " ng typecheck array ",
-        "description": " You should use the angular.isArray method instead of the default JavaScript implementation (typeof [] === \"[object Array]\"). ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_boolean",
-        "name": " ng typecheck boolean ",
-        "description": " You should use the angular.isBoolean method instead of the default JavaScript implementation (typeof true === \"[object Boolean]\"). ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_date",
-        "name": " ng typecheck date ",
-        "description": " You should use the angular.isDate method instead of the default JavaScript implementation (typeof new Date() === \"[object Date]\"). ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_function",
-        "name": " ng typecheck function ",
-        "description": " You should use the angular.isFunction method instead of the default JavaScript implementation (typeof function(){} ===\"[object Function]\"). ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_number",
-        "name": " ng typecheck number ",
-        "description": " You should use the angular.isNumber method instead of the default JavaScript implementation (typeof 3 === \"[object Number]\"). ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_object",
-        "name": " ng typecheck object ",
-        "description": " You should use the angular.isObject method instead of the default JavaScript implementation (typeof {} === \"[object Object]\").  ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_regexp",
-        "name": " ng typecheck regexp ",
-        "description": " You should use the angular.isRegexp method instead of the default JavaScript implementation (toString.call(/^A/) === \"[object RegExp]\"). ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_typecheck_string",
-        "name": " ng typecheck string ",
-        "description": " You should use the angular.isString method instead of the default JavaScript implementation (typeof \"\" === \"[object String]\"). ",
-        "severity": "CRITICAL"
-    },
-    {
-        "key": "ng_watchers_execution",
-        "name": " ng watchers execution ",
-        "description": " For the execution of the watchers, the $digest method will start from the scope in which we call the method. This will cause an performance improvement comparing to the $apply method, who start from the $rootScope",
-        "severity": "MINOR"
-    },
-    {
-        "key": "ng_window_service",
-        "name": " ng window service ",
-        "description": " Instead of the default window object, you should prefer the AngularJS wrapper service $window. [Y180](https://github.com/johnpapa/angularjs-styleguide#style-y180) ",
-        "severity": "CRITICAL"
-    }
-]
+[ {
+  "key" : "ng_angularelement",
+  "name" : "use angular.element instead of $ or jQuery",
+  "description" : "use angular.element instead of $ or jQuery",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_controller_as",
+  "name" : "disallow assignments to $scope in controllers (y031)",
+  "description" : "disallow assignments to $scope in controllers",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_CHANGEABILITY"
+  }
+}, {
+  "key" : "ng_controller_as_route",
+  "name" : "require the use of controllerAs in routes or states (y031)",
+  "description" : "require the use of controllerAs in routes or states",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "ng_controller_as_vm",
+  "name" : "require and specify a capture variable for this in controllers (y032)",
+  "description" : "require and specify a capture variable for this in controllers",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "pitfall", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "ng_controller_name",
+  "name" : "require and specify a prefix for all controller names (y123, y124)",
+  "description" : "require and specify a prefix for all controller names",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_deferred",
+  "name" : "use $q(function(resolve, reject){}) instead of $q.deferred",
+  "description" : "use $q(function(resolve, reject){}) instead of $q.deferred",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "obsolete" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_definedundefined",
+  "name" : "use angular.isDefined and angular.isUndefined instead of other undefined checks",
+  "description" : "use angular.isDefined and angular.isUndefined instead of other undefined checks",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_di",
+  "name" : "require a consistent DI syntax",
+  "description" : "require a consistent DI syntax",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "injection" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_directive_name",
+  "name" : "require and specify a prefix for all directive names (y073, y126)",
+  "description" : "require and specify a prefix for all directive names",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_directive_restrict",
+  "name" : "disallow any other directive restrict than 'A' or 'E' (y074)",
+  "description" : "disallow any other directive restrict than 'A' or 'E'",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_component_limit",
+  "name" : "limit the number of angular components per file (y001)",
+  "description" : "limit the number of angular components per file",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_document_service",
+  "name" : "use $document instead of document (y180)",
+  "description" : "use $document instead of document",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_empty_controller",
+  "name" : "disallow empty controllers",
+  "description" : "disallow empty controllers",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_file_name",
+  "name" : "require and specify a consistent component name pattern (y120, y121)",
+  "description" : "require and specify a consistent component name pattern",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_filter_name",
+  "name" : "require and specify a prefix for all filter names",
+  "description" : "require and specify a prefix for all filter names",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_foreach",
+  "name" : "use angular.forEach instead of native Array.prototype.forEach",
+  "description" : "use angular.forEach instead of native Array.prototype.forEach",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_function_type",
+  "name" : "require and specify a consistent function style for components ('named' or 'anonymous') (y024)",
+  "description" : "require and specify a consistent function style for components",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_interval_service",
+  "name" : "use $interval instead of setInterval (y181)",
+  "description" : "use $interval instead of setInterval",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_json_functions",
+  "name" : "use angular.fromJson and 'angular.toJson' instead of JSON.parse and JSON.stringify",
+  "description" : "enforce use of angular.fromJson and 'angular.toJson'",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_log",
+  "name" : "use the $log service instead of the console methods",
+  "description" : "use the $log service instead of the console methods",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_dependency_order",
+  "name" : " ng dependency order ",
+  "description" : " Module dependencies should be sorted in a logical manner. This rule provides two ways to sort modules, grouped or ungrouped. In grouped mode the modules should be grouped in the order: standard modules - third party modules - custom modules. The modules should be sorted alphabetically within its group. A prefix can be specified to determine which prefix the custom modules have. Without grouped set to false all dependencies combined should be sorted alphabetically. ('module-dependency-order', [2, {grouped: true, prefix: \"app\"}])",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "injection" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_module_getter",
+  "name" : "disallow to reference modules with variables and require to use the getter syntax instead angular.module('myModule') (y022)",
+  "description" : "enforce to reference modules with the getter syntax",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_module_name",
+  "name" : "require and specify a prefix for all module names (y127)",
+  "description" : "require and specify a prefix for all module names",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_module_setter",
+  "name" : "disallow to assign modules to variables (linked to module-getter (y021)",
+  "description" : "disallow to assign modules to variables",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_no_cookiestore",
+  "name" : "use $cookies instead of $cookieStore",
+  "description" : "use $cookies instead of $cookieStore",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "obsolete" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_no_digest",
+  "name" : " ng no digest ",
+  "description" : " The scope's $digest() method shouldn't be used. You should prefer the $apply method. ",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_no_jquery_angularelement",
+  "name" : "disallow to wrap angular.element objects with jQuery or $",
+  "description" : "disallow to wrap angular.element objects with jQuery or $",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "pitfall", "bad-practice", "performance", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_no_private_call",
+  "name" : "disallow use of internal angular properties prefixed with $$",
+  "description" : "disallow use of internal angular properties prefixed with $$",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_no_services",
+  "name" : "disallow DI of specified services for other angular components ($http for controllers, filters and directives)",
+  "description" : "disallow DI of specified services",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "pitfall", "injection" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_CHANGEABILITY"
+  }
+}, {
+  "key" : "ng_no_service_method",
+  "name" : "use factory() instead of service() (y040)",
+  "description" : "use factory() instead of service()",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_on_watch",
+  "name" : "require $on and $watch deregistration callbacks to be saved in a variable",
+  "description" : "require $on and $watch deregistration callbacks to be saved in a variable",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "memory-leak" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "EFFICIENCY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_rest_service",
+  "name" : "disallow different rest service and specify one of '$http', '$resource', 'Restangular'",
+  "description" : "disallow different rest service and specify one of '$http', '$resource', 'Restangular'",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ng_service_name",
+  "name" : "require and specify a prefix for all service names (y125)",
+  "description" : "require and specify a prefix for all service names",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_timeout_service",
+  "name" : "use $timeout instead of setTimeout (y181)",
+  "description" : "use $timeout instead of setTimeout",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_array",
+  "name" : "use angular.isArray instead of typeof comparisons",
+  "description" : "use angular.isArray instead of typeof comparisons",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_boolean",
+  "name" : " ng typecheck boolean ",
+  "description" : " You should use the angular.isBoolean method instead of the default JavaScript implementation (typeof true === \"[object Boolean]\"). ",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_date",
+  "name" : "use angular.isDate instead of typeof comparisons",
+  "description" : "use angular.isDate instead of typeof comparisons",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_function",
+  "name" : "use angular.isFunction instead of typeof comparisons",
+  "description" : "use angular.isFunction instead of typeof comparisons",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_number",
+  "name" : "use angular.isNumber instead of typeof comparisons",
+  "description" : "use angular.isNumber instead of typeof comparisons",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_object",
+  "name" : "use angular.isObject instead of typeof comparisons",
+  "description" : "use angular.isObject instead of typeof comparisons",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_regexp",
+  "name" : " ng typecheck regexp ",
+  "description" : " You should use the angular.isRegexp method instead of the default JavaScript implementation (toString.call(/^A/) === \"[object RegExp]\"). ",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_typecheck_string",
+  "name" : "use angular.isString instead of typeof comparisons",
+  "description" : "use angular.isString instead of typeof comparisons",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_watchers_execution",
+  "name" : "require and specify consistent use $scope.digest() or $scope.apply()",
+  "description" : "require and specify consistent use $scope.digest() or $scope.apply()",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "ng_window_service",
+  "name" : "use $window instead of window (y180)",
+  "description" : "use $window instead of window",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_di_unused",
+  "name" : "disallow unused DI parameters",
+  "description" : "disallow unused DI parameters",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "injection", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_no_controller",
+  "name" : "disallow use of controllers (according to the component first pattern)",
+  "description" : "disallow use of controllers (according to the component first pattern)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "ng_no_inline_template",
+  "name" : "disallow the use of inline templates",
+  "description" : "disallow the use of inline templates",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_no_run_logic",
+  "name" : "keep run functions clean and simple (y171)",
+  "description" : "keep run functions clean and simple",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "tests" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "UNIT_TESTABILITY"
+  }
+}, {
+  "key" : "ng_no_directive_replace",
+  "name" : "disallow the deprecated directive replace property",
+  "description" : "disallow the deprecated directive replace property",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice", "obsolete" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "ng_no_http_callback",
+  "name" : "disallow the $http methods success() and error()",
+  "description" : "disallow the $http methods success() and error()",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "ng_di_order",
+  "name" : "require DI parameters to be sorted alphabetically",
+  "description" : "require DI parameters to be sorted alphabetically",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "injection" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_dumb_inject",
+  "name" : "unittest inject functions should only consist of assignments from injected values to describe block variables",
+  "description" : "unittest inject functions should only consist of assignments from injected values to describe block variables",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "injection", "tests" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "TESTABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "ng_module_dependency_order",
+  "name" : "require a consistent order of module dependencies",
+  "description" : "require a consistent order of module dependencies",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_one_dependency_per_line",
+  "name" : "require all DI parameters to be located in their own line",
+  "description" : "require all DI parameters to be located in their own line",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "convention", "injection" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ng_no_angular_mock",
+  "name" : "require to use angular.mock methods directly",
+  "description" : "require to use angular.mock methods directly",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "angular", "eslint", "pitfall", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+} ]
\ No newline at end of file
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_angularelement.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_angularelement.html
index b2d42de..7aadcfa 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_angularelement.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_angularelement.html
@@ -1 +1,28 @@
- The angular.element method should be used instead of the $ or jQuery object (if you are using jQuery of course). If the jQuery library is imported, angular.element will be a wrapper around the jQuery object. 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-angularelement---use-angularelement-instead-of--or-jquery" class="anchor" href="#angularelement---use-angularelement-instead-of--or-jquery" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>angularelement - use <code>angular.element</code> instead of <code>$</code> or <code>jQuery</code></h1>
+
+<p>The angular.element method should be used instead of the $ or jQuery object (if you are using jQuery of course).
+If the jQuery library is imported, angular.element will be a wrapper around the jQuery object.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/angularelement: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>$(<span class="hljs-string">'.some-class'</span>); <span class="hljs-comment">// error: You should use angular.element instead of the jQuery $ object</span><br><br><span class="hljs-comment">// invalid</span><br>jQuery(<span class="hljs-string">'.another-class'</span>); <span class="hljs-comment">// error: You should use angular.element instead of the jQuery $ object</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/angularelement: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.element(<span class="hljs-string">'.some-class'</span>);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/angularelement.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/angularelement.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_component_limit.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_component_limit.html
new file mode 100644
index 0000000..ae63887
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_component_limit.html
@@ -0,0 +1,46 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-component-limit---limit-the-number-of-angular-components-per-file" class="anchor" href="#component-limit---limit-the-number-of-angular-components-per-file" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>component-limit - limit the number of angular components per file</h1>
+
+<p>The number of AngularJS components in one file should be limited.
+The default limit is one.</p>
+
+<ul>
+<li>The acceptable number of components. (Default: 1)</li>
+</ul>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y001">y001 by johnpapa - Define 1 component per file</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/component-limit: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'ControllerOne'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}).directive(<span class="hljs-string">'directiveTwo'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: There may be at most 1 AngularJS component per file, but found 2</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/component-limit: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'SomeController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'myDirective'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>3</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/component-limit: [2,3]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'ControllerOne'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}).directive(<span class="hljs-string">'directiveTwo'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}).factory(<span class="hljs-string">'serviceThree'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}).filter(<span class="hljs-string">'filterFour'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: There may be at most 3 AngularJS components per file, but found 4</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>3</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/component-limit: [2,3]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'ControllerOne'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}).directive(<span class="hljs-string">'directiveTwo'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}).factory(<span class="hljs-string">'serviceThree'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.11.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/component-limit.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/component-limit.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as.html
index da83365..078e76a 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as.html
@@ -1 +1,35 @@
- You should not set properties on $scope in controllers. Use controllerAs syntax and add data to 'this'. Implements 'this' check part of [Y031](https://github.com/johnpapa/angularjs-styleguide#style-y031). The second parameter can be a Regexp for identifying controller functions (when using something like Browserify) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-controller-as---disallow-assignments-to-scope-in-controllers" class="anchor" href="#controller-as---disallow-assignments-to-scope-in-controllers" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>controller-as - disallow assignments to <code>$scope</code> in controllers</h1>
+
+<p>You should not set properties on $scope in controllers.
+Use controllerAs syntax and add data to 'this'.
+The second parameter can be a Regexp for identifying controller functions (when using something like Browserify)</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y031">y031 by johnpapa - controllerAs Controller Syntax</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">"myModule"</span>).controller(<span class="hljs-string">"SomeController"</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$scope</span>) </span>{<br>    $scope.value = <span class="hljs-number">42</span>;<br>}); <span class="hljs-comment">// error: You should not set properties on $scope in controllers. Use controllerAs syntax and add data to "this"</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">"myModule"</span>).controller(<span class="hljs-string">"SomeController"</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$scope</span>) </span>{<br>    <span class="hljs-comment">// this for values</span><br>    <span class="hljs-keyword">this</span>.value = <span class="hljs-number">42</span>;<br><br>    <span class="hljs-comment">// $scope is fine for watchers</span><br>    $scope.$watch(angular.bind(<span class="hljs-keyword">this</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>        <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>.value<br>    }), <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>        <span class="hljs-comment">// ...</span><br>    });<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/controller-as.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/controller-as.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_route.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_route.html
index a5a0271..be9f99b 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_route.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_route.html
@@ -1 +1,33 @@
- You should use Angular's controllerAs syntax when defining routes or states. Implements route part [Y031](https://github.com/johnpapa/angularjs-styleguide#style-y031) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-controller-as-route---require-the-use-of-controlleras-in-routes-or-states" class="anchor" href="#controller-as-route---require-the-use-of-controlleras-in-routes-or-states" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>controller-as-route - require the use of controllerAs in routes or states</h1>
+
+<p>You should use Angular's controllerAs syntax when defining routes or states.</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y031">y031 by johnpapa - controllerAs Controller Syntax</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as-route: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>$routeProvider.when(<span class="hljs-string">'/myroute'</span>, {<br>    controller: <span class="hljs-string">'MyController'</span><br>}) <span class="hljs-comment">// error: Route "/myroute" should use controllerAs syntax</span><br><br><span class="hljs-comment">// invalid</span><br>$routeProvider.when(<span class="hljs-string">'/myroute'</span>, {<br>    controller: <span class="hljs-string">'MyController as vm'</span>,<br>    controllerAs: <span class="hljs-string">'vm'</span><br>}) <span class="hljs-comment">// error: The controllerAs syntax is defined twice for the route "/myroute"</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as-route: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$routeProvider.when(<span class="hljs-string">'/myroute'</span>, {<br>    controller: <span class="hljs-string">'MyController'</span>,<br>    controllerAs: <span class="hljs-string">'vm'</span><br>});<br><br><span class="hljs-comment">// valid</span><br>$routeProvider.when(<span class="hljs-string">'/myroute'</span>, {<br>    controller: <span class="hljs-string">'MyController as vm'</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/controller-as-route.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/controller-as-route.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_vm.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_vm.html
index 94a006a..f1e802b 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_vm.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_as_vm.html
@@ -1 +1,47 @@
- You should use a capture variable for 'this' when using the controllerAs syntax. [Y031](https://github.com/johnpapa/angularjs-styleguide#style-y032). The second parameter specifies the capture variable you want to use in your application. The third parameter can be a Regexp for identifying controller functions (when using something like Browserify) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-controller-as-vm---require-and-specify-a-capture-variable-for-this-in-controllers" class="anchor" href="#controller-as-vm---require-and-specify-a-capture-variable-for-this-in-controllers" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>controller-as-vm - require and specify a capture variable for <code>this</code> in controllers</h1>
+
+<p>You should use a capture variable for 'this' when using the controllerAs syntax.
+The second parameter specifies the capture variable you want to use in your application.
+The third parameter can be a Regexp for identifying controller functions (when using something like Browserify)</p>
+
+<ul>
+<li>The name that should be used for the view model.</li>
+</ul>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y032">y032 by johnpapa - controllerAs with vm</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as-vm: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'test'</span>).controller(<span class="hljs-string">'TestController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">this</span>.test = <span class="hljs-string">'test'</span>;<br>}); <span class="hljs-comment">// error: You should not use "this" directly. Instead, assign it to a variable called "vm"</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as-vm: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'test'</span>).controller(<span class="hljs-string">'TestController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">var</span> vm = <span class="hljs-keyword">this</span>;<br>    vm.test = <span class="hljs-string">'test'</span>;<br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"viewModel"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as-vm: [2,"viewModel"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'test'</span>).controller(<span class="hljs-string">'TestController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">var</span> vm = <span class="hljs-keyword">this</span>;<br>    vm.test = <span class="hljs-string">'test'</span>;<br>}); <span class="hljs-comment">// error: You should assign "this" to a consistent variable across your project: viewModel</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"viewModel"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-as-vm: [2,"viewModel"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'test'</span>).controller(<span class="hljs-string">'TestController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">var</span> viewModel = <span class="hljs-keyword">this</span>;<br>    viewModel.test = <span class="hljs-string">'test'</span>;<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/controller-as-vm.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/controller-as-vm.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_name.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_name.html
index 7ffb5ca..0d5a8d5 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_name.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_controller_name.html
@@ -1 +1,52 @@
- All your controllers should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. ("ng_controller_name":  [2, "ng"])  [Y123](https://github.com/johnpapa/angularjs-styleguide#style-y123), [Y124](https://github.com/johnpapa/angularjs-styleguide#style-y124)
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-controller-name---require-and-specify-a-prefix-for-all-controller-names" class="anchor" href="#controller-name---require-and-specify-a-prefix-for-all-controller-names" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>controller-name - require and specify a prefix for all controller names</h1>
+
+<p>All your controllers should have a name starting with the parameter you can define in your config object.
+The second parameter can be a Regexp wrapped in quotes.
+("controller-name":  [2, "ng"])</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y123">y123 by johnpapa - Controller Names</a></li>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y124">y124 by johnpapa - Controller Name Suffix</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-name: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'MyCtrl'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The MyCtrl controller should follow this pattern: /[A-Z].*Controller$/</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-name: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>   <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"ui"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-name: [2,"ui"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'TabsController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The TabsController controller should be prefixed by ui</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"ui"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-name: [2,"ui"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'uiTabsController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"/[A-Z].*Ctrl/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-name: [2,"/[A-Z].*Ctrl/"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The MyController controller should follow this pattern: /[A-Z].*Ctrl/</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"/[A-Z].*Ctrl/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/controller-name: [2,"/[A-Z].*Ctrl/"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'MyCtrl'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/controller-name.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/controller-name.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_deferred.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_deferred.html
new file mode 100644
index 0000000..42f8b70
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_deferred.html
@@ -0,0 +1,28 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-deferred---use-qfunctionresolve-reject-instead-of-qdeferred" class="anchor" href="#deferred---use-qfunctionresolve-reject-instead-of-qdeferred" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>deferred - use <code>$q(function(resolve, reject){})</code> instead of <code>$q.deferred</code></h1>
+
+<p>When you want to create a new promise, you should not use the $q.deferred anymore.
+Prefer the new syntax : $q(function(resolve, reject){})</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/deferred: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">var</span> deferred = $q.defer(); <span class="hljs-comment">// error: You should not create a new promise with this syntax. Use the $q(function(resolve, reject) {}) syntax.</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">var</span> deferred = _$q_.defer(); <span class="hljs-comment">// error: You should not create a new promise with this syntax. Use the $q(function(resolve, reject) {}) syntax.</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/deferred: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$q(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/deferred.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/deferred.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_definedundefined.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_definedundefined.html
index 2a31a68..fee7ca8 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_definedundefined.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_definedundefined.html
@@ -1 +1,28 @@
- You should use the angular.isUndefined or angular.isDefined methods instead of using the keyword undefined. We also check the use of !angular.isUndefined and !angular.isDefined (should prefer the reverse function)
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-definedundefined---use-angularisdefined-and-angularisundefined-instead-of-other-undefined-checks" class="anchor" href="#definedundefined---use-angularisdefined-and-angularisundefined-instead-of-other-undefined-checks" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>definedundefined - use <code>angular.isDefined</code> and <code>angular.isUndefined</code> instead of other undefined checks</h1>
+
+<p>You should use the angular.isUndefined or angular.isDefined methods instead of using the keyword undefined.
+We also check the use of !angular.isUndefined and !angular.isDefined (should prefer the reverse function)</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/definedundefined: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>value === <span class="hljs-literal">undefined</span> <span class="hljs-comment">// error: You should not use directly the "undefined" keyword. Prefer angular.isUndefined or angular.isDefined</span><br><br><span class="hljs-comment">// invalid</span><br>value !== <span class="hljs-literal">undefined</span> <span class="hljs-comment">// error: You should not use directly the "undefined" keyword. Prefer angular.isUndefined or angular.isDefined</span><br><br><span class="hljs-comment">// invalid</span><br>!angular.isUndefined(value) <span class="hljs-comment">// error: Instead of !angular.isUndefined, you can use the out-of-box angular.isDefined method</span><br><br><span class="hljs-comment">// invalid</span><br>!angular.isDefined(value) <span class="hljs-comment">// error: Instead of !angular.isDefined, you can use the out-of-box angular.isUndefined method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/definedundefined: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.isUndefined(value)<br><br><span class="hljs-comment">// valid</span><br>angular.isDefined(value)<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/definedundefined.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/definedundefined.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di.html
index 9356581..e17a0e6 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di.html
@@ -1 +1,35 @@
- All your DI should use the same syntax : the Array or function syntaxes ("ng_di":  [2, "function or array"])
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-di---require-a-consistent-di-syntax" class="anchor" href="#di---require-a-consistent-di-syntax" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>di - require a consistent DI syntax</h1>
+
+<p>All your DI should use the same syntax : the Array, function, or $inject syntaxes ("di":  [2, "array, function, or $inject"])</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, [<span class="hljs-string">'$http'</span>, <span class="hljs-string">'$log'</span>, <span class="hljs-string">'anotherService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$http, $log, anotherService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}]); <span class="hljs-comment">// error: You should use the function syntax for DI</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$http, $log, anotherService</span>) </span>{<br>   <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"array"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di: [2,"array"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, [<span class="hljs-string">'$http'</span>, <span class="hljs-string">'$log'</span>, <span class="hljs-string">'anotherService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$http, $log, anotherService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}]);<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"$inject"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di: [2,"$inject"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, myServiceFn);<br>myServiceFn.$inject=[<span class="hljs-string">'$http'</span>, <span class="hljs-string">'$log'</span>, <span class="hljs-string">'anotherService'</span>];<br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myServiceFn</span>(<span class="hljs-params">$http, $log, anotherService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/di.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/di.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di_order.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di_order.html
new file mode 100644
index 0000000..d1aac14
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di_order.html
@@ -0,0 +1,45 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-di-order---require-di-parameters-to-be-sorted-alphabetically" class="anchor" href="#di-order---require-di-parameters-to-be-sorted-alphabetically" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>di-order - require DI parameters to be sorted alphabetically</h1>
+
+<p>Injected dependencies should be sorted alphabetically.
+If the second parameter is set to false, values which start and end with an underscore those underscores are stripped.
+This means for example that <code>_$httpBackend_</code> goes before <code>_$http_</code>.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-order: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$q, $http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Injected values should be sorted alphabetically</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'SomeController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">myService, $http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Injected values should be sorted alphabetically</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).filter(<span class="hljs-string">'myFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">someService, myService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Injected values should be sorted alphabetically</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-order: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http, $location, $q, myService, someService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br>beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">_$compile_, $httpBackend, _$log_, _$rootScope_</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}));<br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">CONFIG, URLs, authService, zero</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>true</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-order: [2,true]*/</span><br><br><span class="hljs-comment">// invalid</span><br>beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$httpBackend, _$compile_, _$log_, _$rootScope_</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>})); <span class="hljs-comment">// error: Injected values should be sorted alphabetically</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>true</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-order: [2,true]*/</span><br><br><span class="hljs-comment">// valid</span><br>beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">_$compile_, $httpBackend, _$log_, _$rootScope_</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}));<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>false</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-order: [2,false]*/</span><br><br><span class="hljs-comment">// invalid</span><br>beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">_$compile_, $httpBackend, _$log_, _$rootScope_</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>})); <span class="hljs-comment">// error: Injected values should be sorted alphabetically</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>false</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-order: [2,false]*/</span><br><br><span class="hljs-comment">// valid</span><br>beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$httpBackend, _$compile_, _$log_, _$rootScope_</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}));<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.6.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/di-order.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/di-order.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di_unused.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di_unused.html
new file mode 100644
index 0000000..7f31d98
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_di_unused.html
@@ -0,0 +1,27 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-di-unused---disallow-unused-di-parameters" class="anchor" href="#di-unused---disallow-unused-di-parameters" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>di-unused - disallow unused DI parameters</h1>
+
+<p>Unused dependencies should not be injected.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-unused: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$http, $q, $log</span>) </span>{<br>    $http.get(<span class="hljs-string">'/api/someData'</span>).then(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">response</span>) </span>{<br>        $log.log(response.data);<br>    });<br>}); <span class="hljs-comment">// error: Unused injected value $q</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/di-unused: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$log, anotherService</span>) </span>{<br>    $log.log(anotherService.getSomeData());<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.8.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/di-unused.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/di-unused.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_directive_name.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_directive_name.html
index f286a34..9bd24c4 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_directive_name.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_directive_name.html
@@ -1 +1,44 @@
- All your directives should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. You can not prefix your directives by "ng" (reserved keyword for AngularJS directives) ("ng_directive_name":  [2, "ng"]) [Y073](https://github.com/johnpapa/angularjs-styleguide#style-y073), [Y126](https://github.com/johnpapa/angularjs-styleguide#style-y126) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-directive-name---require-and-specify-a-prefix-for-all-directive-names" class="anchor" href="#directive-name---require-and-specify-a-prefix-for-all-directive-names" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>directive-name - require and specify a prefix for all directive names</h1>
+
+<p>All your directives should have a name starting with the parameter you can define in your config object.
+The second parameter can be a Regexp wrapped in quotes.
+You can not prefix your directives by "ng" (reserved keyword for AngularJS directives) ("directive-name":  [2, "ng"])</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y073">y073 by johnpapa - Provide a Unique Directive Prefix</a></li>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y126">y126 by johnpapa - Directive Component Names</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"prefix"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-name: [2,"prefix"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'prefixTabs'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"/^ui/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-name: [2,"/^ui/"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'navigation'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The navigation directive should follow this pattern: /^ui/</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"/^ui/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-name: [2,"/^ui/"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'uiNavigation'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"ui"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-name: [2,"ui"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'tabs'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The tabs directive should be prefixed by ui</span><br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/directive-name.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/directive-name.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_directive_restrict.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_directive_restrict.html
new file mode 100644
index 0000000..0efac18
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_directive_restrict.html
@@ -0,0 +1,44 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-directive-restrict---disallow-any-other-directive-restrict-than-a-or-e" class="anchor" href="#directive-restrict---disallow-any-other-directive-restrict-than-a-or-e" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>directive-restrict - disallow any other directive restrict than 'A' or 'E'</h1>
+
+<p>Not all directive restrictions may be desirable.
+Also it might be desirable to define default restrictions, or explicitly not.
+The default configuration limits the restrictions <code>AE</code> and disallows explicitly specifying a default.
+("directive-restrict": [0, {"restrict": "AE", "explicit": "never"}])</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y074">y074 by johnpapa - Restrict to Elements and Attributes</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-restrict: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span>,<br>        restrict: <span class="hljs-string">'A'</span> <span class="hljs-comment">// also allowed: A, E, AE, EA</span><br>    };<br>});<br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span><br>        <span class="hljs-comment">// no explicit restrict is allowed by default</span><br>    };<br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"explicit":"always"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-restrict: [2,{"explicit":"always"}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span><br>    };<br>}); <span class="hljs-comment">// error: Missing directive restriction</span><br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"explicit":"never"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-restrict: [2,{"explicit":"never"}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span>,<br>        restrict: <span class="hljs-string">'AE'</span><br>    };<br>}); <span class="hljs-comment">// error: No need to explicitly specify a default directive restriction</span><br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"restrict":"A"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/directive-restrict: [2,{"restrict":"A"}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span>,<br>        restrict: <span class="hljs-string">'E'</span><br>    };<br>}); <span class="hljs-comment">// error: Disallowed directive restriction. It must be one of A in that order</span><br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.12.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/directive-restrict.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/directive-restrict.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_document_service.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_document_service.html
index ef8a9a0..b3d3f05 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_document_service.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_document_service.html
@@ -1 +1,33 @@
- Instead of the default document object, you should prefer the AngularJS wrapper service $document. [Y180](https://github.com/johnpapa/angularjs-styleguide#style-y180) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-document-service---use-document-instead-of-document" class="anchor" href="#document-service---use-document-instead-of-document" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>document-service - use <code>$document</code> instead of <code>document</code></h1>
+
+<p>Instead of the default document object, you should prefer the AngularJS wrapper service $document.</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y180">y180 by johnpapa - Angular $ Wrapper Services - $document and $window</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/document-service: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">document</span>.title <span class="hljs-comment">// error: You should use the $document service instead of the default document object</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">document</span>.title <span class="hljs-comment">// error: You should use the $document service instead of the default document object</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/document-service: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$<span class="hljs-built_in">document</span>[<span class="hljs-number">0</span>].title = <span class="hljs-string">""</span><br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/document-service.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/document-service.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_dumb_inject.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_dumb_inject.html
new file mode 100644
index 0000000..66cc12a
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_dumb_inject.html
@@ -0,0 +1,28 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-dumb-inject---unittest-inject-functions-should-only-consist-of-assignments-from-injected-values-to-describe-block-variables" class="anchor" href="#dumb-inject---unittest-inject-functions-should-only-consist-of-assignments-from-injected-values-to-describe-block-variables" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>dumb-inject - unittest <code>inject</code> functions should only consist of assignments from injected values to describe block variables</h1>
+
+<p><code>inject</code> functions in unittests should only contain a sorted mapping of injected values to values in the <code>describe</code> block with matching names.
+This way the dependency injection setup is separated from the other setup logic, improving readability of the test.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/dumb-inject: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>describe(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">var</span> $httpBackend;<br>    <span class="hljs-keyword">var</span> $rootScope;<br><br>    beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">_$httpBackend_, _$rootScope_</span>) </span>{<br>        $httpBackend = _$httpBackend_;<br>        $rootScope = _$rootScope_;<br><br>        $httpBackend.whenGET(<span class="hljs-string">'/data'</span>).respond([]);<br>    }));<br>}); <span class="hljs-comment">// error: inject functions may only consist of assignments in the form myService = _myService_</span><br><br><span class="hljs-comment">// invalid</span><br>describe(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">var</span> $httpBackend;<br>    <span class="hljs-keyword">var</span> $rootScope;<br><br>    beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">_$httpBackend_, _$rootScope_</span>) </span>{<br>        $rootScope = _$rootScope_;<br>        $httpBackend = _$httpBackend_;<br>    }));<br>}); <span class="hljs-comment">// error: '$httpBackend' must be sorted before '$rootScope'</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/dumb-inject: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>describe(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">var</span> $httpBackend;<br>    <span class="hljs-keyword">var</span> $rootScope;<br><br>    beforeEach(inject(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">_$httpBackend_, _$rootScope_</span>) </span>{<br>        $httpBackend = _$httpBackend_;<br>        $rootScope = _$rootScope_;<br>    }));<br><br>    beforeEach(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>        $httpBackend.whenGET(<span class="hljs-string">'/data'</span>).respond([]);<br>    });<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.15.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/dumb-inject.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/dumb-inject.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_empty_controller.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_empty_controller.html
index 6ea305f..9d0a3ad 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_empty_controller.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_empty_controller.html
@@ -1 +1,28 @@
- If you have one empty controller, maybe you have linked it in your Router configuration or in one of your views. You can remove this declaration because this controller is useless 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-empty-controller---disallow-empty-controllers" class="anchor" href="#empty-controller---disallow-empty-controllers" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>empty-controller - disallow empty controllers</h1>
+
+<p>If you have one empty controller, maybe you have linked it in your Router configuration or in one of your views.
+You can remove this declaration because this controller is useless</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/empty-controller: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'EmptyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>}); <span class="hljs-comment">// error: The EmptyController controller is useless because empty. You can remove it from your Router configuration or in one of your view</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/empty-controller: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$log</span>) </span>{<br>    $log.log(<span class="hljs-string">'Hello World!'</span>);<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/empty-controller.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/empty-controller.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_file_name.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_file_name.html
new file mode 100644
index 0000000..d90eefe
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_file_name.html
@@ -0,0 +1,77 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-file-name---require-and-specify-a-consistent-component-name-pattern" class="anchor" href="#file-name---require-and-specify-a-consistent-component-name-pattern" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>file-name - require and specify a consistent component name pattern</h1>
+
+<p>All your file names should match the angular component name.
+The second parameter can be a config object [2, {nameStyle: 'dash', typeSeparator: 'dot', ignoreTypeSuffix: true, ignorePrefix: 'ui'}] to match 'avenger-profile.directive.js' or 'avanger-api.service.js'.
+Possible values for 'typeSeparator' and 'nameStyle' are 'dot', 'dash' and 'underscore'.
+The options 'ignoreTypeSuffix' ignores camel cased suffixes like 'someController' or 'myService' and 'ignorePrefix' ignores namespace prefixes like 'ui'.</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y120">y120 by johnpapa - Naming - Naming Guidelines</a></li>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y121">y121 by johnpapa - Naming - Feature File Names</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: 2*/</span><br><br><span class="hljs-comment">// invalid with filename: src/app/filters.js</span><br>app.filter(<span class="hljs-string">'usefulFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{}); <span class="hljs-comment">// error: Filename must be "usefulFilter.js"</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: 2*/</span><br><br><span class="hljs-comment">// valid with filename: myModule.js</span><br>angular.module(<span class="hljs-string">'myModule'</span>, []);<br><br><span class="hljs-comment">// valid with filename: app/SomeController.js</span><br>app.controller(<span class="hljs-string">'SomeController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br><br><span class="hljs-comment">// valid with filename: app/utils/myUtils.js</span><br>app.factory(<span class="hljs-string">'myUtils'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br><br><span class="hljs-comment">// valid with filename: src/app/awesomeModule/beautifulDirective.js</span><br>app.directive(<span class="hljs-string">'beautifulDirective'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"typeSeparator":"dot"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"dot"}]*/</span><br><br><span class="hljs-comment">// invalid with filename: src/app/Some.controller.js</span><br>app.controller(<span class="hljs-string">'SomeController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{}); <span class="hljs-comment">// error: Filename must be "SomeController.controller.js"</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"dot"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"dot"}]*/</span><br><br><span class="hljs-comment">// valid with filename: src/app/usefulFilter.filter.js</span><br>app.filter(<span class="hljs-string">'usefulFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"dash"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"dash"}]*/</span><br><br><span class="hljs-comment">// valid with filename: app/utils/myUtils-service.js</span><br>app.factory(<span class="hljs-string">'myUtils'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"underscore"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"underscore"}]*/</span><br><br><span class="hljs-comment">// valid with filename: src/app/awesomeModule/beautifulDirective_directive.js</span><br>app.directive(<span class="hljs-string">'beautifulDirective'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"dot","ignoreTypeSuffix":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"dot","ignoreTypeSuffix":true}]*/</span><br><br><span class="hljs-comment">// valid with filename: src/app/useful.filter.js</span><br>app.filter(<span class="hljs-string">'usefulFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br><br><span class="hljs-comment">// valid with filename: src/app/Some.controller.js</span><br>app.controller(<span class="hljs-string">'SomeController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"dash","ignoreTypeSuffix":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"dash","ignoreTypeSuffix":true}]*/</span><br><br><span class="hljs-comment">// valid with filename: app/utils/myUtils-service.js</span><br>app.factory(<span class="hljs-string">'myUtils'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"underscore","ignoreTypeSuffix":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"underscore","ignoreTypeSuffix":true}]*/</span><br><br><span class="hljs-comment">// valid with filename: src/app/awesomeModule/beautiful_directive.js</span><br>app.directive(<span class="hljs-string">'beautifulDirective'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"underscore","nameStyle":"underscore"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"underscore","nameStyle":"underscore"}]*/</span><br><br><span class="hljs-comment">// valid with filename: src/app/tab_navigation_directive.js</span><br>app.directive(<span class="hljs-string">'tabNavigation'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"dot","nameStyle":"dash","ignoreTypeSuffix":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"dot","nameStyle":"dash","ignoreTypeSuffix":true}]*/</span><br><br><span class="hljs-comment">// valid with filename: src/app/user-profile.directive.js</span><br>app.directive(<span class="hljs-string">'userProfileDirective'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"typeSeparator":"dot","ignorePrefix":"ui"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/file-name: [2,{"typeSeparator":"dot","ignorePrefix":"ui"}]*/</span><br><br><span class="hljs-comment">// valid with filename: src/app/userUtils.service.js</span><br>angular.factory(<span class="hljs-string">'uiUserUtils'</span>, uiUserUtils)<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.7.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/file-name.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/file-name.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_filter_name.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_filter_name.html
index b1dae39..d842bfe 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_filter_name.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_filter_name.html
@@ -1 +1,37 @@
- All your filters should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. ("ng_filter_name":  [2, "ng"]) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-filter-name---require-and-specify-a-prefix-for-all-filter-names" class="anchor" href="#filter-name---require-and-specify-a-prefix-for-all-filter-names" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>filter-name - require and specify a prefix for all filter names</h1>
+
+<p>All your filters should have a name starting with the parameter you can define in your config object.
+The second parameter can be a Regexp wrapped in quotes.
+("filter-name":  [2, "ng"])</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"prefix"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/filter-name: [2,"prefix"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).filter(<span class="hljs-string">'prefixFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"/^xyz/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/filter-name: [2,"/^xyz/"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).filter(<span class="hljs-string">'otherFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The otherFilter filter should follow this pattern: /^xyz/</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"/^xyz/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/filter-name: [2,"/^xyz/"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).filter(<span class="hljs-string">'xyzFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"xyz"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/filter-name: [2,"xyz"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).filter(<span class="hljs-string">'someFilter'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The someFilter filter should be prefixed by xyz</span><br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/filter-name.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/filter-name.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_foreach.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_foreach.html
new file mode 100644
index 0000000..287fb2e
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_foreach.html
@@ -0,0 +1,27 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-foreach---use-angularforeach-instead-of-native-arrayprototypeforeach" class="anchor" href="#foreach---use-angularforeach-instead-of-native-arrayprototypeforeach" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>foreach - use <code>angular.forEach</code> instead of native <code>Array.prototype.forEach</code></h1>
+
+<p>You should use the angular.forEach method instead of the default JavaScript implementation [].forEach.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/foreach: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>someArray.forEach(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">element</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: You should use the angular.forEach method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/foreach: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.forEach(someArray, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">element</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/foreach.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/foreach.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_function_type.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_function_type.html
new file mode 100644
index 0000000..bdaa39f
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_function_type.html
@@ -0,0 +1,43 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-function-type---require-and-specify-a-consistent-function-style-for-components" class="anchor" href="#function-type---require-and-specify-a-consistent-function-style-for-components" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>function-type - require and specify a consistent function style for components</h1>
+
+<p>Anonymous or named functions inside AngularJS components.
+The first parameter sets which type of function is required and can be 'named' or 'anonymous'.
+The second parameter is an optional list of angular object names.</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y024">y024 by johnpapa - Named vs Anonymous Functions</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems when configured <code>"anonymous"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/function-type: [2,"anonymous"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, myServiceFn);<br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myServiceFn</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>} <span class="hljs-comment">// error: Use anonymous functions instead of named function</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"anonymous"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/function-type: [2,"anonymous"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"named"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/function-type: [2,"named"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Use named functions instead of anonymous function</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"named"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/function-type: [2,"named"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myService</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, myServiceFn);<br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">myServiceFn</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/function-type.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/function-type.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_interval_service.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_interval_service.html
index b0da0a7..c7ff9d1 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_interval_service.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_interval_service.html
@@ -1 +1,33 @@
- Instead of the default setInterval function, you should use the AngularJS wrapper service $interval  [Y181](https://github.com/johnpapa/angularjs-styleguide#style-y181) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-interval-service---use-interval-instead-of-setinterval" class="anchor" href="#interval-service---use-interval-instead-of-setinterval" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>interval-service - use <code>$interval</code> instead of <code>setInterval</code></h1>
+
+<p>Instead of the default setInterval function, you should use the AngularJS wrapper service $interval</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y181">y181 by johnpapa - Angular $ Wrapper Services - $timeout and $interval</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/interval-service: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>setInterval(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}, <span class="hljs-number">1000</span>) <span class="hljs-comment">// error: You should use the $interval service instead of the default window.setInterval method</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">window</span>.setInterval(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}, <span class="hljs-number">1000</span>) <span class="hljs-comment">// error: You should use the $interval service instead of the default window.setInterval method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/interval-service: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$interval(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}, <span class="hljs-number">1000</span>)<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/interval-service.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/interval-service.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_json_functions.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_json_functions.html
index 370cb34..75d060a 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_json_functions.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_json_functions.html
@@ -1 +1,27 @@
- You should use angular.fromJson or angular.toJson instead of JSON.parse and JSON.stringify 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-json-functions---enforce-use-ofangularfromjson-and-angulartojson" class="anchor" href="#json-functions---enforce-use-ofangularfromjson-and-angulartojson" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>json-functions - enforce use of<code>angular.fromJson</code> and 'angular.toJson'</h1>
+
+<p>You should use angular.fromJson or angular.toJson instead of JSON.parse and JSON.stringify</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/json-functions: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">JSON</span>.stringify({<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: You should use the angular.toJson method instead of JSON.stringify</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">var</span> data = <span class="hljs-built_in">JSON</span>.parse(<span class="hljs-string">'{"message": "Hello World!"}'</span>); <span class="hljs-comment">// error: You should use the angular.fromJson method instead of JSON.parse</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/json-functions: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.toJson({<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br><span class="hljs-keyword">var</span> data = angular.fromJson(<span class="hljs-string">'{"message": "Hello World!"}'</span>);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/json-functions.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/json-functions.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_log.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_log.html
new file mode 100644
index 0000000..3c55635
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_log.html
@@ -0,0 +1,27 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-log---use-the-log-service-instead-of-the-console-methods" class="anchor" href="#log---use-the-log-service-instead-of-the-console-methods" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>log - use the <code>$log</code> service instead of the <code>console</code> methods</h1>
+
+<p>You should use $log service instead of console for the methods 'log', 'debug', 'error', 'info', 'warn'</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/log: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">console</span>.log(<span class="hljs-string">'Hello world!'</span>); <span class="hljs-comment">// error: You should use the "log" method of the AngularJS Service $log instead of the console object</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">console</span>.error(<span class="hljs-string">'Some error!'</span>); <span class="hljs-comment">// error: You should use the "error" method of the AngularJS Service $log instead of the console object</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/log: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$log.log(<span class="hljs-string">'Hello world!'</span>);<br><br><span class="hljs-comment">// valid</span><br>$log.error(<span class="hljs-string">'Some error!'</span>);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/log.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/log.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_dependency_order.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_dependency_order.html
new file mode 100644
index 0000000..7170ce2
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_dependency_order.html
@@ -0,0 +1,49 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-module-dependency-order---require-a-consistent-order-of-module-dependencies" class="anchor" href="#module-dependency-order---require-a-consistent-order-of-module-dependencies" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>module-dependency-order - require a consistent order of module dependencies</h1>
+
+<p>Module dependencies should be sorted in a logical manner.
+This rule provides two ways to sort modules, grouped or ungrouped.
+In grouped mode the modules should be grouped in the order: standard modules - third party modules - custom modules.
+The modules should be sorted alphabetically within its group.
+A prefix can be specified to determine which prefix the custom modules have.
+Without grouped set to <code>false</code> all dependencies combined should be sorted alphabetically.
+('module-dependency-order', [2, {grouped: true, prefix: "app"}])</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-dependency-order: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, [<span class="hljs-string">'ngRoute'</span>, <span class="hljs-string">'ngAnimate'</span>]); <span class="hljs-comment">// error: ngAnimate should be sorted before ngRoute</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-dependency-order: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, [<span class="hljs-string">'ngAnimate'</span>, <span class="hljs-string">'ngRoute'</span>, <span class="hljs-string">'app'</span>, <span class="hljs-string">'appFilters'</span>, <span class="hljs-string">'ui.router'</span>]);<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"grouped":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-dependency-order: [2,{"grouped":true}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, [<span class="hljs-string">'app'</span>, <span class="hljs-string">'ngAnimate'</span>]); <span class="hljs-comment">// error: ngAnimate is a standard module and should be sorted before app</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"grouped":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-dependency-order: [2,{"grouped":true}]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, [<span class="hljs-string">'ngAnimate'</span>, <span class="hljs-string">'ngRoute'</span>, <span class="hljs-string">'app'</span>, <span class="hljs-string">'appFilters'</span>, <span class="hljs-string">'ui.router'</span>]);<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"grouped":true,"prefix":"app"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-dependency-order: [2,{"grouped":true,"prefix":"app"}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, [<span class="hljs-string">'ngRoute'</span>, <span class="hljs-string">'app'</span>, <span class="hljs-string">'ui.router'</span>]); <span class="hljs-comment">// error: ui.router is a third party module and should be sorted before app</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"grouped":true,"prefix":"app"}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-dependency-order: [2,{"grouped":true,"prefix":"app"}]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, [<span class="hljs-string">'ngAnimate'</span>, <span class="hljs-string">'ngRoute'</span>, <span class="hljs-string">'ui.router'</span>, <span class="hljs-string">'app'</span>, <span class="hljs-string">'appFilters'</span>]);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.12.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/module-dependency-order.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/module-dependency-order.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_getter.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_getter.html
new file mode 100644
index 0000000..5de8395
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_getter.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-module-getter---enforce-to-reference-modules-with-the-getter-syntax" class="anchor" href="#module-getter---enforce-to-reference-modules-with-the-getter-syntax" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>module-getter - enforce to reference modules with the getter syntax</h1>
+
+<p>When using a module, avoid using a variable and instead use chaining with the getter syntax</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y022">y022 by johnpapa - Module - Getters</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-getter: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Avoid using a variable and instead use chaining with the getter syntax.</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-getter: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/module-getter.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/module-getter.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_name.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_name.html
index fb40046..0daa82e 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_name.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_name.html
@@ -1 +1,43 @@
- When you create a new module, its name should start with the parameter you can define in your config object. The second parameter can be a Regexp. You can not prefix your modules by "ng" (reserved keyword for AngularJS modules) ("ng_module_name":  [2, "ng"])  [Y127](https://github.com/johnpapa/angularjs-styleguide#style-y127)
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-module-name---require-and-specify-a-prefix-for-all-module-names" class="anchor" href="#module-name---require-and-specify-a-prefix-for-all-module-names" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>module-name - require and specify a prefix for all module names</h1>
+
+<p>When you create a new module, its name should start with the parameter you can define in your config object.
+The second parameter can be a Regexp wrapped in quotes.
+You can not prefix your modules by "ng" (reserved keyword for AngularJS modules) ("module-name":  [2, "ng"])</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y127">y127 by johnpapa - Naming - Modules</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"prefix"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-name: [2,"prefix"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'prefixModule'</span>, []);<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"/^xyz/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-name: [2,"/^xyz/"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'otherModule'</span>, []); <span class="hljs-comment">// error: The otherModule module should follow this pattern: /^xyz/</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"/^xyz/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-name: [2,"/^xyz/"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'xyzModule'</span>, []);<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"xyz"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-name: [2,"xyz"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, []); <span class="hljs-comment">// error: The myModule module should be prefixed by xyz</span><br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/module-name.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/module-name.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_setter.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_setter.html
new file mode 100644
index 0000000..8091097
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_module_setter.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-module-setter---disallow-to-assign-modules-to-variables" class="anchor" href="#module-setter---disallow-to-assign-modules-to-variables" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>module-setter - disallow to assign modules to variables</h1>
+
+<p>Declare modules without a variable using the setter syntax.</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y021">y021 by johnpapa - Module - Definitions (aka Setters)</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-setter: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">var</span> app = angular.module(<span class="hljs-string">'myModule'</span>, []); <span class="hljs-comment">// error: Declare modules without a variable using the setter syntax.</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/module-setter: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>, [])<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/module-setter.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/module-setter.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_angular_mock.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_angular_mock.html
new file mode 100644
index 0000000..9bc5741
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_angular_mock.html
@@ -0,0 +1,28 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-angular-mock---require-to-use-angularmock-methods-directly" class="anchor" href="#no-angular-mock---require-to-use-angularmock-methods-directly" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-angular-mock - require to use <code>angular.mock</code> methods directly</h1>
+
+<p>All methods defined in the angular.mock object are also available in the object window.
+So you can remove angular.mock from your code</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-angular-mock: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.mock.dump($scope); <span class="hljs-comment">// error: You should use the "dump" method available in the window object.</span><br><br><span class="hljs-comment">// invalid</span><br>angular.mock.inject(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">someService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: You should use the "inject" method available in the window object.</span><br><br><span class="hljs-comment">// invalid</span><br>angular.mock.module(<span class="hljs-string">'myModule'</span>); <span class="hljs-comment">// error: You should use the "module" method available in the window object.</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-angular-mock: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>dump($scope);<br><br><span class="hljs-comment">// valid</span><br>inject(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">someService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br><span class="hljs-built_in">module</span>(<span class="hljs-string">'myModule'</span>);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.2.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-angular-mock.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-angular-mock.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_controller.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_controller.html
new file mode 100644
index 0000000..95fa4f5
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_controller.html
@@ -0,0 +1,27 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-controller---disallow-use-of-controllers-according-to-the-component-first-pattern" class="anchor" href="#no-controller---disallow-use-of-controllers-according-to-the-component-first-pattern" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-controller - disallow use of controllers (according to the component first pattern)</h1>
+
+<p>According to the Component-First pattern, we should avoid the use of AngularJS controller.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-controller: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).controller(<span class="hljs-string">'HelloWorldController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$scope</span>) </span>{<br>    $scope.text = <span class="hljs-string">'Hello World'</span>;<br>}); <span class="hljs-comment">// error: Based on the Component-First Pattern, you should avoid the use of controllers</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-controller: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;div&amp;gt;{{ text }}'</span>,<br>        controller: <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$scope</span>) </span>{<br>            $scope.text = <span class="hljs-string">'Hello World'</span>;<br>        }<br>    };<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.9.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-controller.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-controller.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_cookiestore.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_cookiestore.html
new file mode 100644
index 0000000..fe4d722
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_cookiestore.html
@@ -0,0 +1,28 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-cookiestore---use-cookies-instead-of-cookiestore" class="anchor" href="#no-cookiestore---use-cookies-instead-of-cookiestore" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-cookiestore - use <code>$cookies</code> instead of <code>$cookieStore</code></h1>
+
+<p>In Angular 1.4, the $cookieStore service is now deprected.
+Please use the $cookies service instead</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-cookiestore: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>$cookieStore.put(<span class="hljs-string">'favoriteMeal'</span>, <span class="hljs-string">'pizza'</span>); <span class="hljs-comment">// error: Since Angular 1.4, the $cookieStore service is deprecated. Please use now the $cookies service.</span><br><br><span class="hljs-comment">// invalid</span><br>$cookieStore.get(<span class="hljs-string">'favoriteMeal'</span>); <span class="hljs-comment">// error: Since Angular 1.4, the $cookieStore service is deprecated. Please use now the $cookies service.</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-cookiestore: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$cookies.put(<span class="hljs-string">'favoriteMeal'</span>, <span class="hljs-string">'pizza'</span>);<br><br><span class="hljs-comment">// valid</span><br>$cookies.get(<span class="hljs-string">'favoriteMeal'</span>);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.3.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-cookiestore.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-cookiestore.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_directive_replace.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_directive_replace.html
new file mode 100644
index 0000000..76187ab
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_directive_replace.html
@@ -0,0 +1,38 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-directive-replace---disallow-the-deprecated-directive-replace-property" class="anchor" href="#no-directive-replace---disallow-the-deprecated-directive-replace-property" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-directive-replace - disallow the deprecated directive replace property</h1>
+
+<p>This rule disallows the replace attribute in a directive definition object.
+The replace property of a directive definition object is deprecated since angular 1.3 (<a href="https://docs.angularjs.org/api/ng/service/$compile">latest angular docs</a>.</p>
+
+<p>The option <code>ignoreReplaceFalse</code> let you ignore directive definitions with replace set to false.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-directive-replace: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span>,<br>        replace: <span class="hljs-literal">true</span><br>    };<br>}); <span class="hljs-comment">// error: Directive definition property replace is deprecated.</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">var</span> directiveDefinition = {};<br>    directiveDefinition.templateUrl = <span class="hljs-string">'helloWorld.html'</span>;<br>    directiveDefinition.replace = <span class="hljs-literal">true</span>;<br>    <span class="hljs-keyword">return</span> directiveDefinition;<br>}); <span class="hljs-comment">// error: Directive definition property replace is deprecated.</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-directive-replace: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span><br>    };<br>});<br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"ignoreReplaceFalse":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-directive-replace: [2,{"ignoreReplaceFalse":true}]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span>,<br>        replace: <span class="hljs-literal">false</span><br>    };<br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"ignoreReplaceFalse":false}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-directive-replace: [2,{"ignoreReplaceFalse":false}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;h2&amp;gt;Hello World!&amp;lt;/h2&amp;gt;'</span>,<br>        replace: <span class="hljs-literal">true</span><br>    };<br>}); <span class="hljs-comment">// error: Directive definition property replace is deprecated.</span><br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.15.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-directive-replace.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-directive-replace.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_http_callback.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_http_callback.html
new file mode 100644
index 0000000..123a6de
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_http_callback.html
@@ -0,0 +1,28 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-http-callback---disallow-the-http-methods-success-and-error" class="anchor" href="#no-http-callback---disallow-the-http-methods-success-and-error" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-http-callback - disallow the <code>$http</code> methods <code>success()</code> and <code>error()</code></h1>
+
+<p>Disallow the $http success and error function.
+Instead the standard promise API should be used.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-http-callback: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>$http.get(<span class="hljs-string">'api/data'</span>).success(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">onSuccess</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: $http success is deprecated. Use then instead</span><br><br><span class="hljs-comment">// invalid</span><br>$http.get(<span class="hljs-string">'api/data'</span>).error(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">onReject</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: $http error is deprecated. Use then or catch instead</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-http-callback: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$http.get(<span class="hljs-string">'api/data'</span>).then(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">onSuccess</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}, <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">onReject</span>(<span class="hljs-params"></span>) </span>{<br>   <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.12.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-http-callback.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-http-callback.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_inline_template.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_inline_template.html
new file mode 100644
index 0000000..f70b5a0
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_inline_template.html
@@ -0,0 +1,45 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-inline-template---disallow-the-use-of-inline-templates" class="anchor" href="#no-inline-template---disallow-the-use-of-inline-templates" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-inline-template - disallow the use of inline templates</h1>
+
+<p>Instead of using inline HTML templates, it is better to load the HTML from an external file.
+Simple HTML templates are accepted by default.
+('no-inline-template': [0, {allowSimple: true}])</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-inline-template: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;div&amp;gt;Hello World! &amp;lt;button&amp;gt;Say hello!&amp;lt;/button&amp;gt;&amp;lt;/div&amp;gt;'</span><br>    };<br>}); <span class="hljs-comment">// error: Inline template is too complex. Use an external template instead</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-inline-template: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        templateUrl: <span class="hljs-string">'template/helloWorld.html'</span><br>    };<br>});<br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-keyword">return</span> {<br>        template: <span class="hljs-string">'&amp;lt;div&amp;gt;Hello World&amp;lt;/div&amp;gt;'</span> <span class="hljs-comment">// simple templates are allowed by default</span><br>    };<br>});<br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).config(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$routeProvider</span>) </span>{<br>    $routeProvider.when(<span class="hljs-string">'/hello'</span>, {<br>        template: <span class="hljs-string">'&amp;lt;hello-world&amp;gt;&amp;lt;/hello-world&amp;gt;'</span> <span class="hljs-comment">// directives for routing</span><br>    });<br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"allowSimple":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-inline-template: [2,{"allowSimple":true}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).config(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$routeProvider</span>) </span>{<br>    $routeProvider.when(<span class="hljs-string">'/dashboard'</span>, {<br>        template: <span class="hljs-string">'&amp;lt;div&amp;gt;&amp;lt;h1&amp;gt;Dashboard&amp;lt;/h1&amp;gt;&amp;lt;dashboard&amp;gt;&amp;lt;/dashboard&amp;gt;&amp;lt;/div&amp;gt;'</span><br>    });<br>}); <span class="hljs-comment">// error: Inline template is too complex. Use an external template instead</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"allowSimple":true}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-inline-template: [2,{"allowSimple":true}]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).config(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$routeProvider</span>) </span>{<br>    $routeProvider.when(<span class="hljs-string">'/dashboard'</span>, {<br>        template: <span class="hljs-string">'&amp;lt;dashboard&amp;gt;&amp;lt;/dashboard&amp;gt;'</span> <span class="hljs-comment">// directives for routing</span><br>    });<br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"allowSimple":false}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-inline-template: [2,{"allowSimple":false}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).config(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$routeProvider</span>) </span>{<br>    $routeProvider.when(<span class="hljs-string">'/dashboard'</span>, {<br>        template: <span class="hljs-string">'&amp;lt;dashboard&amp;gt;&amp;lt;/dashboard&amp;gt;'</span><br>    });<br>}); <span class="hljs-comment">// error: Inline templates are not allowed. Use an external template instead</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"allowSimple":false}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-inline-template: [2,{"allowSimple":false}]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).config(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">$routeProvider</span>) </span>{<br>    $routeProvider.when(<span class="hljs-string">'/dashboard'</span>, {<br>        templateUrl: <span class="hljs-string">'templates/dashboard.html'</span><br>    });<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.12.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-inline-template.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-inline-template.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_jquery_angularelement.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_jquery_angularelement.html
index 5a8b2e5..0fd9eba 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_jquery_angularelement.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_jquery_angularelement.html
@@ -1 +1,27 @@
- You should not wrap angular.element object into jQuery(), because angular.element already return jQLite element
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-jquery-angularelement---disallow-to-wrap-angularelement-objects-with-jquery-or-" class="anchor" href="#no-jquery-angularelement---disallow-to-wrap-angularelement-objects-with-jquery-or-" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-jquery-angularelement - disallow to wrap <code>angular.element</code> objects with <code>jQuery</code> or <code>$</code></h1>
+
+<p>You should not wrap angular.element object into jQuery(), because angular.element already return jQLite element</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-jquery-angularelement: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>$(angular.element(<span class="hljs-string">"#id"</span>)) <span class="hljs-comment">// error: angular.element returns already a jQLite element. No need to wrap with the jQuery object</span><br><br><span class="hljs-comment">// invalid</span><br>jQuery(angular.element(<span class="hljs-string">"#id"</span>)) <span class="hljs-comment">// error: angular.element returns already a jQLite element. No need to wrap with the jQuery object</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-jquery-angularelement: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.element(<span class="hljs-string">"#id"</span>)<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-jquery-angularelement.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-jquery-angularelement.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_private_call.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_private_call.html
index c9daed5..0768479 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_private_call.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_private_call.html
@@ -1 +1,37 @@
- All scope's properties/methods starting with $$ are used interally by AngularJS. You should not use them directly. 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-private-call---disallow-use-of-internal-angular-properties-prefixed-with-" class="anchor" href="#no-private-call---disallow-use-of-internal-angular-properties-prefixed-with-" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-private-call - disallow use of internal angular properties prefixed with $$</h1>
+
+<p>All scope's properties/methods starting with $$ are used internally by AngularJS.
+You should not use them directly.
+Exception can be allowed with this option: {allow:['$$watchers']}</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-private-call: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>$scope.$$watchers.forEach(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">watcher</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Using $$-prefixed Angular objects/methods are not recommended</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-private-call: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$scope.$apply();<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"allow":["$$watchers"]}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-private-call: [2,{"allow":["$$watchers"]}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>$scope.$$listeners.forEach(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">listener</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Using $$-prefixed Angular objects/methods are not recommended</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"allow":["$$watchers"]}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-private-call: [2,{"allow":["$$watchers"]}]*/</span><br><br><span class="hljs-comment">// valid</span><br>$scope.$$watchers.forEach(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">watcher</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-private-call.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-private-call.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_run_logic.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_run_logic.html
new file mode 100644
index 0000000..4b3ea51
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_run_logic.html
@@ -0,0 +1,41 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-run-logic---keep-run-functions-clean-and-simple" class="anchor" href="#no-run-logic---keep-run-functions-clean-and-simple" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-run-logic - keep run functions clean and simple</h1>
+
+<p>Initialization logic should be moved into a factory or service. This improves testability.</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y171">y171 by johnpapa - Run Blocks</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-run-logic: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'app'</span>).run(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$window</span>) </span>{<br>    $<span class="hljs-built_in">window</span>.addEventListener(<span class="hljs-string">'deviceready'</span>, deviceready);<br><br>    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">deviceready</span>(<span class="hljs-params"></span>) </span>{}<br>}); <span class="hljs-comment">// error: The run function may only contain call expressions</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-run-logic: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'app'</span>).run(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">KITTENS, kittenService, startup</span>) </span>{<br>    kittenService.prefetchData(KITTENS);<br>    startup(<span class="hljs-string">'foo'</span>, <span class="hljs-literal">true</span>, <span class="hljs-number">1</span>);<br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"allowParams":false}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-run-logic: [2,{"allowParams":false}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'app'</span>).run(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">startup</span>) </span>{<br>    startup(<span class="hljs-string">'foo'</span>, <span class="hljs-literal">true</span>, <span class="hljs-number">1</span>);<br>}); <span class="hljs-comment">// error: Run function call expressions may not take any arguments</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"allowParams":false}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-run-logic: [2,{"allowParams":false}]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'app'</span>).run(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">kittenService, startup</span>) </span>{<br>    kittenService.prefetchData();<br>    startup();<br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.15.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-run-logic.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-run-logic.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_service_method.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_service_method.html
index d5e5e1a..56b625a 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_service_method.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_service_method.html
@@ -1 +1,33 @@
- You should prefer the factory() method instead of service() [Y181](https://github.com/johnpapa/angularjs-styleguide#style-y181)
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-service-method---use-factory-instead-of-service" class="anchor" href="#no-service-method---use-factory-instead-of-service" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-service-method - use <code>factory()</code> instead of <code>service()</code></h1>
+
+<p>You should prefer the factory() method instead of service()</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y040">y040 by johnpapa - Services - Singletons</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-service-method: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).service(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: You should prefer the factory() method instead of service()</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-service-method: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).value(<span class="hljs-string">'someValue'</span>, {<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-service-method.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-service-method.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_services.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_services.html
index 4354e6f..6b5f883 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_services.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_no_services.html
@@ -1 +1,54 @@
- Some services should be used only in a specific AngularJS service (Ajax-based service for example), in order to follow the separation of concerns paradigm 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-no-services---disallow-di-of-specified-services" class="anchor" href="#no-services---disallow-di-of-specified-services" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>no-services - disallow DI of specified services</h1>
+
+<p>Some services should be used only in a specific AngularJS service (Ajax-based service for example), in order to follow the separation of concerns paradigm.
+The second parameter specifies the services.
+The third parameter can be a list of angular objects (controller, factory, etc.).
+Or second parameter can be an object, where keys are angular object names and value is a list of services (like {controller: ['$http'], factory: ['$q']})</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: REST API calls should be implemented in a specific service ($http in controller)</span><br><br><span class="hljs-comment">// invalid</span><br>app.directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$resource</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: REST API calls should be implemented in a specific service ($resource in directive)</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems with default config;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">myService</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>["$http","$q"]</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: [2,["$http","$q"]]*/</span><br><br><span class="hljs-comment">// invalid</span><br>app.directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$q</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: REST API calls should be implemented in a specific service ($q in directive)</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>["$http","$q"]</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: [2,["$http","$q"]]*/</span><br><br><span class="hljs-comment">// valid</span><br>app.directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$resource</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>["$http","$q"]</code> and <code>["directive"]</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: [2,["$http","$q"],["directive"]]*/</span><br><br><span class="hljs-comment">// invalid</span><br>app.directive(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: REST API calls should be implemented in a specific service ($http in directive)</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>["$http","$q"]</code> and <code>["directive"]</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: [2,["$http","$q"],["directive"]]*/</span><br><br><span class="hljs-comment">// valid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>{"directive":["$http","$q"],"controller":["$resource"]}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: [2,{"directive":["$http","$q"],"controller":["$resource"]}]*/</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$resource, $log</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: REST API calls should be implemented in a specific service ($resource in controller)</span><br><br><span class="hljs-comment">// invalid</span><br>app.directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http, $log</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: REST API calls should be implemented in a specific service ($http in directive)</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>{"directive":["$http","$q"],"controller":["$resource"]}</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/no-services: [2,{"directive":["$http","$q"],"controller":["$resource"]}]*/</span><br><br><span class="hljs-comment">// valid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http, $q, $log</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br>app.directive(<span class="hljs-string">'helloWorld'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$resource, $log</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/no-services.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/no-services.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_on_watch.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_on_watch.html
index 5631a15..47b4063 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_on_watch.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_on_watch.html
@@ -1 +1,27 @@
- Watch and On methods on the scope object should be assigned to a variable, in order to be deleted in a $destroy event handler [Y035](https://github.com/johnpapa/angularjs-styleguide#style-y035) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-on-watch---require-on-and-watch-deregistration-callbacks-to-be-saved-in-a-variable" class="anchor" href="#on-watch---require-on-and-watch-deregistration-callbacks-to-be-saved-in-a-variable" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>on-watch - require <code>$on</code> and <code>$watch</code> deregistration callbacks to be saved in a variable</h1>
+
+<p>Watch and On methods on the scope object should be assigned to a variable, in order to be deleted in a $destroy event handler</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/on-watch: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>$rootScope.$on(<span class="hljs-string">'event'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The "$on" call should be assigned to a variable, in order to be destroyed during the $destroy event</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/on-watch: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$scope.$on(<span class="hljs-string">'event'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br><br><span class="hljs-comment">// valid</span><br><span class="hljs-keyword">var</span> unregister = $rootScope.$on(<span class="hljs-string">'event'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/on-watch.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/on-watch.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_one_dependency_per_line.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_one_dependency_per_line.html
new file mode 100644
index 0000000..c79b350
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_one_dependency_per_line.html
@@ -0,0 +1,27 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-one-dependency-per-line---require-all-di-parameters-to-be-located-in-their-own-line" class="anchor" href="#one-dependency-per-line---require-all-di-parameters-to-be-located-in-their-own-line" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>one-dependency-per-line - require all DI parameters to be located in their own line</h1>
+
+<p>Injected dependencies should be written one per line.</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/one-dependency-per-line: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, MyController);<br><br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">MyController</span>(<span class="hljs-params">$http, $q</span>) </span>{} <span class="hljs-comment">// error: Do not use multiple dependencies in one line</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http, $q</span>) </span>{}); <span class="hljs-comment">// error: Do not use multiple dependencies in one line</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, [<span class="hljs-string">'$http'</span>,<span class="hljs-string">'$q'</span>,<br>    <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http,<br>             $q</span>) </span>{<br>    }]); <span class="hljs-comment">// error: Do not use multiple dependencies in one line</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, [<br>    <span class="hljs-string">'$http'</span>,<br>    <span class="hljs-string">'$q'</span>,<br>    <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http, $q</span>) </span>{}]); <span class="hljs-comment">// error: Do not use multiple dependencies in one line</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, [<span class="hljs-string">'$http'</span>, <span class="hljs-string">'$q'</span>, MyController]);<br><br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">MyController</span>(<span class="hljs-params">$http,<br>                      $q</span>) </span>{} <span class="hljs-comment">// error: Do not use multiple dependencies in one line</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, [<br>    <span class="hljs-string">'$http'</span>,<br>    <span class="hljs-string">'$q'</span>,<br>    MyController]);<br><br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">MyController</span>(<span class="hljs-params">$http, $q</span>) </span>{} <span class="hljs-comment">// error: Do not use multiple dependencies in one line</span><br><br><span class="hljs-comment">// invalid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, [<span class="hljs-string">'$http'</span>, <span class="hljs-string">'$q'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http, $q</span>) </span>{}]);<br><span class="hljs-comment">// error: Do not use multiple dependencies in one line, Do not use multiple dependencies in one line</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/one-dependency-per-line: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, MyController);<br><br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">MyController</span>(<span class="hljs-params">$http,<br>                      $q</span>) </span>{<br>}<br><br><span class="hljs-comment">// valid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http,<br>                                        $q</span>) </span>{<br>    });<br><br><span class="hljs-comment">// valid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, [<br>    <span class="hljs-string">'$http'</span>,<br>    <span class="hljs-string">'$q'</span>,<br>    <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http,<br>             $q</span>) </span>{<br>    }]);<br><br><span class="hljs-comment">// valid</span><br>app.controller(<span class="hljs-string">'MyController'</span>, [<br>    <span class="hljs-string">'$http'</span>,<br>    <span class="hljs-string">'$q'</span>,<br>    MyController]);<br><br><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">MyController</span>(<span class="hljs-params">$http,<br>                      $q</span>) </span>{<br>}<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.14.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/one-dependency-per-line.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/one-dependency-per-line.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_rest_service.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_rest_service.html
new file mode 100644
index 0000000..0bd2126
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_rest_service.html
@@ -0,0 +1,44 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-rest-service---disallow-different-rest-service-and-specify-one-of-http-resource-restangular" class="anchor" href="#rest-service---disallow-different-rest-service-and-specify-one-of-http-resource-restangular" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>rest-service - disallow different rest service and specify one of '$http', '$resource', 'Restangular'</h1>
+
+<p>Check the service used to send request to your REST API.
+This rule can have one parameter, with one of the following values: $http, $resource or Restangular ('rest-service': [0, '$http']).</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems when configured <code>"$http"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/rest-service: [2,"$http"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).service(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$resource</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: You should use the same service ($http) for REST API calls</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"$http"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/rest-service: [2,"$http"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).service(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"$resource"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/rest-service: [2,"$resource"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).service(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: You should use the same service ($resource) for REST API calls</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"$resource"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/rest-service: [2,"$resource"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).service(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$resource</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"Restangular"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/rest-service: [2,"Restangular"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).service(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">$http</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: You should use the same service (Restangular) for REST API calls</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"Restangular"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/rest-service: [2,"Restangular"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).service(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params">Restangular</span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.5.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/rest-service.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/rest-service.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_service_name.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_service_name.html
index fed33e0..4768164 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_service_name.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_service_name.html
@@ -1 +1,44 @@
- All your services should have a name starting with the parameter you can define in your config object. The second parameter can be a Regexp. You can not prefix your services by "$" (reserved keyword for AngularJS services) ("ng_service_name":  [2, "ng"]) [Y125](https://github.com/johnpapa/angularjs-styleguide#style-y125) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-service-name---require-and-specify-a-prefix-for-all-service-names" class="anchor" href="#service-name---require-and-specify-a-prefix-for-all-service-names" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>service-name - require and specify a prefix for all service names</h1>
+
+<p>All your services should have a name starting with the parameter you can define in your config object.
+The second parameter can be a Regexp wrapped in quotes.
+You can not prefix your services by "$" (reserved keyword for AngularJS services) ("service-name":  [2, "ng"])
+*</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y125">y125 by johnpapa - Naming - Factory and Service Names</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"prefix"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/service-name: [2,"prefix"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'prefixService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"/^xyz/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/service-name: [2,"/^xyz/"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'otherService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The otherService service should follow this pattern: /^xyz/</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"/^xyz/"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/service-name: [2,"/^xyz/"]*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'xyzService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"xyz"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/service-name: [2,"xyz"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>angular.module(<span class="hljs-string">'myModule'</span>).factory(<span class="hljs-string">'myService'</span>, <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: The myService service should be prefixed by xyz</span><br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/service-name.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/service-name.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_timeout_service.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_timeout_service.html
index 4b82311..6e18c33 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_timeout_service.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_timeout_service.html
@@ -1 +1,34 @@
- Instead of the default setTimeout function, you should use the AngularJS wrapper service $timeout [Y181](https://github.com/johnpapa/angularjs-styleguide#style-y181) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-timeout-service---use-timeout-instead-of-settimeout" class="anchor" href="#timeout-service---use-timeout-instead-of-settimeout" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>timeout-service - use <code>$timeout</code> instead of <code>setTimeout</code></h1>
+
+<p>Instead of the default setTimeout function, you should use the AngularJS wrapper service $timeout
+*</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y181">y181 by johnpapa - Angular $ Wrapper Services - $timeout and $interval</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/timeout-service: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br>setTimeout(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}, <span class="hljs-number">1000</span>) <span class="hljs-comment">// error: You should use the $timeout service instead of the default window.setTimeout method</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">window</span>.setTimeout(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}, <span class="hljs-number">1000</span>) <span class="hljs-comment">// error: You should use the $timeout service instead of the default window.setTimeout method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/timeout-service: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$timeout(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}, <span class="hljs-number">1000</span>)<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/timeout-service.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/timeout-service.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_array.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_array.html
index 0604ce7..dbd72b0 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_array.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_array.html
@@ -1 +1,27 @@
- You should use the angular.isArray method instead of the default JavaScript implementation (typeof [] === "[object Array]"). 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-typecheck-array---use-angularisarray-instead-of-typeof-comparisons" class="anchor" href="#typecheck-array---use-angularisarray-instead-of-typeof-comparisons" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>typecheck-array - use <code>angular.isArray</code> instead of <code>typeof</code> comparisons</h1>
+
+<p>You should use the angular.isArray method instead of the default JavaScript implementation (typeof [] === "[object Array]").</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-array: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">Object</span>.prototype.toString.call(someArray) === <span class="hljs-string">'[object Array]'</span>; <span class="hljs-comment">// error: You should use the angular.isArray method</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">Array</span>.isArray(someArray) <span class="hljs-comment">// error: You should use the angular.isArray method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-array: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.isArray(someArray);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/typecheck-array.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/typecheck-array.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_date.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_date.html
index 7011844..db18005 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_date.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_date.html
@@ -1 +1,27 @@
- You should use the angular.isDate method instead of the default JavaScript implementation (typeof new Date() === "[object Date]"). 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-typecheck-date---use-angularisdate-instead-of-typeof-comparisons" class="anchor" href="#typecheck-date---use-angularisdate-instead-of-typeof-comparisons" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>typecheck-date - use <code>angular.isDate</code> instead of <code>typeof</code> comparisons</h1>
+
+<p>You should use the angular.isDate method instead of the default JavaScript implementation (typeof new Date() === "[object Date]").</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-date: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">Object</span>.prototype.toString.call(someDate) === <span class="hljs-string">'[object Date]'</span>; <span class="hljs-comment">// error: You should use the angular.isDate method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-date: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.isDate(someDate);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/typecheck-date.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/typecheck-date.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_function.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_function.html
index c9bf35b..8914549 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_function.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_function.html
@@ -1 +1,27 @@
- You should use the angular.isFunction method instead of the default JavaScript implementation (typeof function(){} ==="[object Function]"). 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-typecheck-function---use-angularisfunction-instead-of-typeof-comparisons" class="anchor" href="#typecheck-function---use-angularisfunction-instead-of-typeof-comparisons" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>typecheck-function - use <code>angular.isFunction</code> instead of <code>typeof</code> comparisons</h1>
+
+<p>You should use the angular.isFunction method instead of the default JavaScript implementation (typeof function(){} ==="[object Function]").</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-function: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">typeof</span> someFunction === <span class="hljs-string">'function'</span> <span class="hljs-comment">// error: You should use the angular.isFunction method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-function: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.isFunction(someFunction);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/typecheck-function.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/typecheck-function.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_number.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_number.html
index 0fef739..0befac4 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_number.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_number.html
@@ -1 +1,27 @@
- You should use the angular.isNumber method instead of the default JavaScript implementation (typeof 3 === "[object Number]"). 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-typecheck-number---use-angularisnumber-instead-of-typeof-comparisons" class="anchor" href="#typecheck-number---use-angularisnumber-instead-of-typeof-comparisons" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>typecheck-number - use <code>angular.isNumber</code> instead of <code>typeof</code> comparisons</h1>
+
+<p>You should use the angular.isNumber method instead of the default JavaScript implementation (typeof 3 === "[object Number]").</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-number: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">typeof</span> someNumber === <span class="hljs-string">'number'</span> <span class="hljs-comment">// error: You should use the angular.isNumber method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-number: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.isNumber(someNumber);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/typecheck-number.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/typecheck-number.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_object.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_object.html
index 999b2b2..6213e10 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_object.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_object.html
@@ -1 +1,27 @@
- You should use the angular.isObject method instead of the default JavaScript implementation (typeof {} === "[object Object]").  
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-typecheck-object---use-angularisobject-instead-of-typeof-comparisons" class="anchor" href="#typecheck-object---use-angularisobject-instead-of-typeof-comparisons" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>typecheck-object - use <code>angular.isObject</code> instead of <code>typeof</code> comparisons</h1>
+
+<p>You should use the angular.isObject method instead of the default JavaScript implementation (typeof {} === "[object Object]").</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-object: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">typeof</span> someObject === <span class="hljs-string">'object'</span> <span class="hljs-comment">// error: You should use the angular.isObject method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-object: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.isObject(someObject);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/typecheck-object.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/typecheck-object.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_string.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_string.html
index a11126b..6c76003 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_string.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_typecheck_string.html
@@ -1 +1,27 @@
- You should use the angular.isString method instead of the default JavaScript implementation (typeof "" === "[object String]"). 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-typecheck-string---use-angularisstring-instead-of-typeof-comparisons" class="anchor" href="#typecheck-string---use-angularisstring-instead-of-typeof-comparisons" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>typecheck-string - use <code>angular.isString</code> instead of <code>typeof</code> comparisons</h1>
+
+<p>You should use the angular.isString method instead of the default JavaScript implementation (typeof "" === "[object String]").</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-string: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-keyword">typeof</span> someString === <span class="hljs-string">'string'</span> <span class="hljs-comment">// error: You should use the angular.isString method</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/typecheck-string: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>angular.isString(someString);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/typecheck-string.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/typecheck-string.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_watchers_execution.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_watchers_execution.html
new file mode 100644
index 0000000..cb29951
--- /dev/null
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_watchers_execution.html
@@ -0,0 +1,36 @@
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-watchers-execution---require-and-specify-consistent-use-scopedigest-or-scopeapply" class="anchor" href="#watchers-execution---require-and-specify-consistent-use-scopedigest-or-scopeapply" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>watchers-execution - require and specify consistent use <code>$scope.digest()</code> or <code>$scope.apply()</code></h1>
+
+<p>For the execution of the watchers, the $digest method will start from the scope in which we call the method.
+This will cause an performance improvement comparing to the $apply method, who start from the $rootScope</p>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems when configured <code>"$apply"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/watchers-execution: [2,"$apply"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>$scope.$digest(); <span class="hljs-comment">// error: Instead of using the $digest() method, you should prefer $apply()</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"$apply"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/watchers-execution: [2,"$apply"]*/</span><br><br><span class="hljs-comment">// valid</span><br>$scope.$apply(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>});<br></code></pre>
+
+<p>The following patterns are considered problems when configured <code>"$digest"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/watchers-execution: [2,"$digest"]*/</span><br><br><span class="hljs-comment">// invalid</span><br>$scope.$apply(<span class="hljs-function"><span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) </span>{<br>    <span class="hljs-comment">// ...</span><br>}); <span class="hljs-comment">// error: Instead of using the $apply() method, you should prefer $digest()</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems when configured <code>"$digest"</code>:</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/watchers-execution: [2,"$digest"]*/</span><br><br><span class="hljs-comment">// valid</span><br>$scope.$digest();<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.4.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/watchers-execution.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/watchers-execution.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_window_service.html b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_window_service.html
index 3bfcf72..4804896 100644
--- a/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_window_service.html
+++ b/sonar-web-frontend-angular-eslint/src/main/resources/rules/eslint-angular/ng_window_service.html
@@ -1 +1,33 @@
- Instead of the default window object, you should prefer the AngularJS wrapper service $window. [Y180](https://github.com/johnpapa/angularjs-styleguide#style-y180) 
\ No newline at end of file
+<h1 class="details">Details</h1>
+
+
+<h1><a id="user-content-window-service---use-window-instead-of-window" class="anchor" href="#window-service---use-window-instead-of-window" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>window-service - use <code>$window</code> instead of <code>window</code></h1>
+
+<p>Instead of the default window object, you should prefer the AngularJS wrapper service $window.</p>
+
+<p><strong>Styleguide Reference</strong></p>
+
+<ul>
+<li><a href="https://github.com/johnpapa/angular-styleguide#style-y180">y180 by johnpapa - Angular $ Wrapper Services - $document and $window</a></li>
+</ul>
+
+<h2><a id="user-content-examples" class="anchor" href="#examples" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Examples</h2>
+
+<p>The following patterns are considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/window-service: 2*/</span><br><br><span class="hljs-comment">// invalid</span><br><span class="hljs-built_in">window</span>.alert(<span class="hljs-string">'Hello world!'</span>); <span class="hljs-comment">// error: You should use the $window service instead of the default window object</span><br></code></pre>
+
+<p>The following patterns are <strong>not</strong> considered problems;</p>
+
+<pre><code class="javascript hljs"><span class="hljs-comment">/*eslint angular/window-service: 2*/</span><br><br><span class="hljs-comment">// valid</span><br>$<span class="hljs-built_in">window</span>.alert(<span class="hljs-string">'Hello world!'</span>);<br></code></pre>
+
+<h2><a id="user-content-version" class="anchor" href="#version" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Version</h2>
+
+<p>This rule was introduced in eslint-plugin-angular 0.1.0</p>
+
+<h2><a id="user-content-links" class="anchor" href="#links" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Links</h2>
+
+<ul>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/rules/window-service.js">Rule source</a></li>
+<li><a href="/Gillespie59/eslint-plugin-angular/blob/master/examples/window-service.js">Example source</a></li>
+</ul>
diff --git a/sonar-web-frontend-angular-hint/pom.xml b/sonar-web-frontend-angular-hint/pom.xml
index 89e6f56..aa19e0c 100644
--- a/sonar-web-frontend-angular-hint/pom.xml
+++ b/sonar-web-frontend-angular-hint/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-web-frontend-angular-hint</artifactId>
diff --git a/sonar-web-frontend-angular-hint/src/main/java/fr/sii/sonar/web/frontend/ng/hint/quality/AngularHintQualityConstants.java b/sonar-web-frontend-angular-hint/src/main/java/fr/sii/sonar/web/frontend/ng/hint/quality/AngularHintQualityConstants.java
index 36820e2..3257f67 100644
--- a/sonar-web-frontend-angular-hint/src/main/java/fr/sii/sonar/web/frontend/ng/hint/quality/AngularHintQualityConstants.java
+++ b/sonar-web-frontend-angular-hint/src/main/java/fr/sii/sonar/web/frontend/ng/hint/quality/AngularHintQualityConstants.java
@@ -10,7 +10,7 @@ public class AngularHintQualityConstants extends AngularHintConstants implements
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.angular.file.missing.fail";
 	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.angular.file.metrics.skip";
 	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/angular-hint.json";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/angular-hint.json";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String RULES_PATH = "/rules/angular-hint.json";
 	public static final String REPOSITORY_NAME = "Angular Hint";
diff --git a/sonar-web-frontend-angular-hint/src/main/resources/rules/angular-hint.json b/sonar-web-frontend-angular-hint/src/main/resources/rules/angular-hint.json
index 739c3f2..6905775 100644
--- a/sonar-web-frontend-angular-hint/src/main/resources/rules/angular-hint.json
+++ b/sonar-web-frontend-angular-hint/src/main/resources/rules/angular-hint.json
@@ -2,80 +2,208 @@
 	"key": "controllers-global",
 	"name": "Global controller",
 	"description": "Angular controllers should not be globally registered. They should be registered on modules",
-	"severity": "CRITICAL"
+	"severity": "CRITICAL",
+	"tags" : [ "ng-hint" , "convention", "bad-practice"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "10min"
+		},
+		"sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+	}
 }, {
 	"key": "controllers-naming-convention",
 	"name": "Controller naming convention",
 	"description": "Angular controller names should begin with a capital letter and end with -Controller",
-	"severity": "CRITICAL"
+	"severity": "CRITICAL",
+	"tags" : [ "ng-hint" , "convention"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "READABILITY"
+	}
 }, {
 	"key": "directives-following-restrict-property",
 	"name": "Following restrict property",
 	"description": "you use directives reserved for elements or attributes incorrectly",
-	"severity": "CRITICAL"
+	"severity": "CRITICAL",
+	"tags" : [ "ng-hint" , "convention", "pitfall"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+	}
 }, {
 	"key": "directives-missing-namespace",
 	"name": "Missing namespace for directive",
 	"description": "Directives should have their own unique namespace so as to not conflict with existing components in Angular or external libraries",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall", "confusing"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "TRANSPORTABILITY"
+	}
 }, {
 	"key": "directives-missing-required-attributes",
 	"name": "Missing required attribute",
 	"description": "A required attribute is missing",
-	"severity": "CRITICAL"
+	"severity": "CRITICAL",
+	"tags" : [ "ng-hint" , "convention", "bug"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+	}
 }, {
 	"key": "directives-misspelled-directives-and-attributes",
 	"name": "Misspelled directive or attribute",
 	"description": "The name of the directive or the attribute is misspelled and may not exist",
-	"severity": "CRITICAL"
+	"severity": "CRITICAL",
+	"tags" : [ "ng-hint" , "convention", "pitfall"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+	}
 }, {
 	"key": "directives-using-angular-event-directives",
 	"name": "Use Angular events",
 	"description": "Avoid using DOM events, prefer using Angular events",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+	}
 }, {
 	"key": "directives-using-deprecated-options",
 	"name": "Deprecated directive option",
 	"description": "Avoid using deprecated options in directives",
-	"severity": "MINOR"
+	"severity": "MINOR",
+	"tags" : [ "ng-hint" , "convention", "obsolete"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+	}
 }, {
 	"key": "directives-using-ngrepeat-incorrectly",
 	"name": "Order of ngRepeat options",
 	"description": "ngRepeat options should always use the same declaration order",
-	"severity": "INFO"
+	"severity": "INFO",
+	"tags" : [ "ng-hint" , "convention", "pitfall"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "READABILITY"
+	}
 }, {
 	"key": "dom-use-angular-binding",
 	"name": "Use Angular binding",
 	"description": "Use binding instead of DOM API",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+	}
 }, {
 	"key": "events-identify-undefined-variables",
 	"name": "Undefined variables in events",
 	"description": "Identify potential undefined variables in events",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "bug"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+	}
 }, {
 	"key": "interpolation-undefined-parts-warning",
 	"name": "Undefined parts",
 	"description": "Chain of objects becomes undefined",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "20min"
+		},
+		"sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+	}
 }, {
 	"key": "interpolation-variable-suggestion",
 	"name": "Variable suggestion",
 	"description": "Undefined variable value suggestion",
-	"severity": "MINOR"
+	"severity": "MINOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "20min"
+		},
+		"sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+	}
 }, {
 	"key": "modules-creating-and-loading-modules",
 	"name": "Creation and loading of modules",
 	"description": "Common problems regarding the creation and loading of modules",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall", "performance"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "20min"
+		},
+		"sqaleSubCharacteristic" : "MODULARITY"
+	}
 }, {
 	"key": "modules-missing-namespace",
 	"name": "Missing namespace for module",
 	"description": "Modules should have their own unique namespace so as to not conflict with existing modules in Angular or external libraries",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall", "confusing"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "MODULARITY"
+	}
 }, {
 	"key": "modules-ngview-with-ngroute",
 	"name": "ngView with ngRoute",
 	"description": "Routing has been separated from Angular.js into a separate ngRoute module",
-	"severity": "MAJOR"
+	"severity": "MAJOR",
+	"tags" : [ "ng-hint" , "convention", "pitfall", "confusing"],
+	"debt" : {
+		"sqaleRemediation" : {
+			"type" : "constant",
+			"offset" : "5min"
+		},
+		"sqaleSubCharacteristic" : "MODULARITY"
+	}
 }]
\ No newline at end of file
diff --git a/sonar-web-frontend-css/pom.xml b/sonar-web-frontend-css/pom.xml
index 6e48a94..34363d8 100644
--- a/sonar-web-frontend-css/pom.xml
+++ b/sonar-web-frontend-css/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-web-frontend-css</artifactId>
diff --git a/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/duplication/CssDuplicationConstants.java b/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/duplication/CssDuplicationConstants.java
index 6ed125e..87781a8 100644
--- a/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/duplication/CssDuplicationConstants.java
+++ b/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/duplication/CssDuplicationConstants.java
@@ -8,7 +8,7 @@ public class CssDuplicationConstants extends CssLanguageConstants implements Dup
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.duplication.css.file.missing.fail";
 	public static final String SKIP_DUPLICATION_KEY = "sonar.sii.duplication.css.skip";
 	public static final String SKIP_DUPLICATION_DEFVAL = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/css-duplication.xml";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/css-duplication.xml";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Duplication";
 	
diff --git a/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/quality/CssLintQualityConstants.java b/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/quality/CssLintQualityConstants.java
index a48f98b..5c51606 100644
--- a/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/quality/CssLintQualityConstants.java
+++ b/sonar-web-frontend-css/src/main/java/fr/sii/sonar/web/frontend/css/quality/CssLintQualityConstants.java
@@ -10,7 +10,7 @@ public class CssLintQualityConstants extends CssLanguageConstants implements Qua
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.css.file.missing.fail";
 	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.css.file.metrics.skip";
 	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/csslint.json";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/csslint.json";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String RULES_PATH = "/rules/csslint.json";
 	public static final String REPOSITORY_NAME = "CSSLint";
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint.css b/sonar-web-frontend-css/src/main/resources/rules/csslint.css
index 157c776..2633a6c 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint.css
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint.css
@@ -1,4 +1,12 @@
-.extended-html-description {
+.ehd {
 	margin-top: 20px;
 	margin-bottom: 30px;
-}
\ No newline at end of file
+}
+
+.ehd code {
+	background: rgba(0,0,0,0.05);
+	padding: 2px;
+}
+
+/* Github styles */
+.highlight{margin-bottom:16px}.highlight pre,pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.highlight pre{margin-bottom:0;word-break:normal}pre{word-wrap:normal}pre code,pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}pre code:before,pre code:after,pre tt:before,pre tt:after{content:normal}kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.pl-c{color:#969896}.pl-c1,.pl-s .pl-v{color:#0086b3}.pl-e,.pl-en{color:#795da3}.pl-s .pl-s1,.pl-smi{color:#333}.pl-ent{color:#63a35c}.pl-k{color:#a71d5d}.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre{color:#183691}.pl-v{color:#ed6a43}.pl-id{color:#b52a1d}.pl-ii{background-color:#b52a1d;color:#f8f8f8}.pl-sr .pl-cce{color:#63a35c;font-weight:bold}.pl-ml{color:#693a17}.pl-mh,.pl-mh .pl-en,.pl-ms{color:#1d3e81;font-weight:bold}.pl-mq{color:#008080}.pl-mi{color:#333;font-style:italic}.pl-mb{color:#333;font-weight:bold}.pl-md{background-color:#ffecec;color:#bd2c00}.pl-mi1{background-color:#eaffea;color:#55a532}.pl-mdr{color:#795da3;font-weight:bold}.pl-mo{color:#1d3e81}
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint.json b/sonar-web-frontend-css/src/main/resources/rules/csslint.json
index 0ff2d63..a8b9df8 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint.json
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint.json
@@ -1,186 +1,519 @@
-[{
-	"key": "import",
-	"name": "Disallow @import",
-	"description": "Don't use @import, use <link> instead.",
-	"severity": "MAJOR"
-}, {
-	"key": "important",
-	"name": "Disallow !important",
-	"description": "Be careful when using !important declaration",
-	"severity": "MINOR"
-}, {
-	"key": "box-model",
-	"name": "Beware of broken box size",
-	"description": "Don't use width or height when using padding or border.",
-	"severity": "INFO"
-}, {
-	"key": "empty-rules",
-	"name": "Disallow empty rules",
-	"description": "Rules without any properties specified should be removed.",
-	"severity": "MAJOR"
-}, {
-	"key": "adjoining-classes",
-	"name": "Disallow adjoining classes",
-	"description": "Don't use adjoining classes.",
-	"severity": "MINOR"
-}, {
-	"key": "qualified-headings",
-	"name": "Disallow qualified headings",
-	"description": "Headings should not be qualified (namespaced).",
-	"severity": "MINOR"
-}, {
-	"key": "unique-headings",
-	"name": "Headings should only be defined once",
-	"description": "Headings should be defined only once.",
-	"severity": "MINOR"
-}, {
-	"key": "errors",
-	"name": "Parsing Errors",
-	"description": "This rule looks for recoverable syntax errors.",
-	"severity": "CRITICAL"
-}, {
-	"key": "overqualified-elements",
-	"name": "Disallow overqualified elements",
-	"description": "Don't use classes or IDs with elements (a.foo or a#foo).",
-	"severity": "MINOR"
-}, {
-	"key": "vendor-prefix",
-	"name": "Require standard property with vendor prefix",
-	"description": "When using a vendor-prefixed property, make sure to include the standard one.",
-	"severity": "MAJOR"
-}, {
-	"key": "fallback-colors",
-	"name": "Require fallback colors",
-	"description": "For older browsers that don't support RGBA, HSL, or HSLA, provide a fallback color.",
-	"severity": "MINOR"
-}, {
-	"key": "regex-selectors",
-	"name": "Disallow selectors that look like regexs",
-	"description": "Selectors that look like regular expressions are slow and should be avoided.",
-	"severity": "MAJOR"
-}, {
-	"key": "unqualified-attributes",
-	"name": "Disallow unqualified attribute selectors",
-	"description": "Unqualified attribute selectors are known to be slow.",
-	"severity": "MAJOR"
-}, {
-	"key": "universal-selector",
-	"name": "Disallow universal selector",
-	"description": "The universal selector (*) is known to be slow.",
-	"severity": "MAJOR"
-}, {
-	"key": "box-sizing",
-	"name": "Disallow use of box-sizing",
-	"description": "The box-sizing properties isn't supported in IE6 and IE7.",
-	"severity": "MINOR"
-}, {
-	"key": "display-property-grouping",
-	"name": "Require properties appropriate for display",
-	"description": "Certain properties shouldn't be used with certain display property values.",
-	"severity": "MAJOR"
-}, {
-	"key": "ids",
-	"name": "Disallow IDs in selectors",
-	"description": "Selectors should not contain IDs.",
-	"severity": "MAJOR"
-}, {
-	"key": "gradients",
-	"name": "Require all gradient definitions",
-	"description": "When using a vendor-prefixed gradient, make sure to use them all.",
-	"severity": "MINOR"
-}, {
-	"key": "zero-units",
-	"name": "Disallow units for 0 values",
-	"description": "You don't need to specify units when a value is 0.",
-	"severity": "MINOR"
-}, {
-	"key": "duplicate-properties",
-	"name": "Disallow duplicate properties",
-	"description": "Duplicate properties must appear one after the other.",
-	"severity": "MAJOR"
-}, {
-	"key": "compatible-vendor-prefixes",
-	"name": "Require compatible vendor prefixes",
-	"description": "Include all compatible vendor prefixes to reach a wider range of users.",
-	"severity": "MINOR"
-}, {
-	"key": "outline-none",
-	"name": "Disallow outline: none",
-	"description": "Use of outline: none or outline: 0 should be limited to :focus rules.",
-	"severity": "MAJOR"
-}, {
-	"key": "floats",
-	"name": "Disallow too many floats",
-	"description": "This rule tests if the float property is used too many times",
-	"severity": "MAJOR"
-}, {
-	"key": "known-properties",
-	"name": "Require use of known properties",
-	"description": "Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property.",
-	"severity": "CRITICAL"
-}, {
-	"key": "font-sizes",
-	"name": "Disallow too many font sizes",
-	"description": "Checks the number of font-size declarations.",
-	"severity": "MAJOR"
-}, {
-	"key": "font-faces",
-	"name": "Don't use too many web fonts",
-	"description": "Too many different web fonts in the same stylesheet.",
-	"severity": "MAJOR"
-}, {
-	"key": "duplicate-background-images",
-	"name": "Disallow duplicate background images",
-	"description": "Every background-image should be unique. Use a common class for e.g. sprites.",
-	"severity": "MINOR"
-}, {
-	"key": "order-alphabetical",
-	"name": "Alphabetical order",
-	"description": "Assure properties are in alphabetical order",
-	"severity": "INFO"
-}, {
-	"key": "rules-count",
-	"name": "Rules Count",
-	"description": "Track how many rules there are.",
-	"severity": "MAJOR"
-}, {
-	"key": "selector-max-approaching",
-	"name": "Warn when approaching the 4095 selector limit for IE",
-	"description": "Will warn when selector count is >= 3800 selectors.",
-	"severity": "MINOR"
-}, {
-	"key": "selector-max",
-	"name": "Error when past the 4095 selector limit for IE",
-	"description": "Will error when selector count is > 4095.",
-	"severity": "CRITICAL"
-}, {
-	"key": "selector-newline",
-	"name": "Disallow new-line characters in selectors",
-	"description": "New-line characters in selectors are usually a forgotten comma and not a descendant combinator.",
-	"severity": "MINOR"
-}, {
-	"key": "shorthand",
-	"name": "Require shorthand properties",
-	"description": "Use shorthand properties where possible.",
-	"severity": "MINOR"
-}, {
-	"key": "star-property-hack",
-	"name": "Disallow properties with a star prefix",
-	"description": "Checks for the star property hack (targets IE6/7)",
-	"severity": "MAJOR"
-}, {
-	"key": "text-indent",
-	"name": "Disallow negative text-indent",
-	"description": "Checks for text indent less than -99px",
-	"severity": "MAJOR"
-}, {
-	"key": "underscore-property-hack",
-	"name": "Disallow properties with an underscore prefix",
-	"description": "Checks for the underscore property hack (targets IE6)",
-	"severity": "MAJOR"
-}, {
-	"key": "bulletproof-font-face",
-	"name": "Use the bulletproof @font-face syntax",
-	"description": "Use the bulletproof @font-face syntax to avoid 404's in old IE (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax).",
-	"severity": "MAJOR"
-}]
\ No newline at end of file
+[ {
+  "key" : "import",
+  "name" : "Disallow @import",
+  "description" : "Don't use @import, use <link> instead.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "NETWORK_USE"
+  }
+}, {
+  "key" : "important",
+  "name" : "Disallow !important",
+  "description" : "Be careful when using !important declaration",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "pitfalll" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_CHANGEABILITY"
+  }
+}, {
+  "key" : "box-model",
+  "name" : "Beware of broken box size",
+  "description" : "Don't use width or height when using padding or border.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "csslint", "pitfall", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "empty-rules",
+  "name" : "Disallow empty rules",
+  "description" : "Rules without any properties specified should be removed.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "adjoining-classes",
+  "name" : "Disallow adjoining classes",
+  "description" : "Don't use adjoining classes.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "cross-browser", "ie6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "qualified-headings",
+  "name" : "Disallow qualified headings",
+  "description" : "Headings should not be qualified (namespaced).",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "oocss", "user-experience" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "USABILITY_EASE_OF_USE"
+  }
+}, {
+  "key" : "unique-headings",
+  "name" : "Headings should only be defined once",
+  "description" : "Headings should be defined only once.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "oocss", "user-experience" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "errors",
+  "name" : "Parsing Errors",
+  "description" : "This rule looks for recoverable syntax errors.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "csslint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "RESOURCE_RELIABILITY"
+  }
+}, {
+  "key" : "overqualified-elements",
+  "name" : "Disallow overqualified elements",
+  "description" : "Don't use classes or IDs with elements (a.foo or a#foo).",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "vendor-prefix",
+  "name" : "Require standard property with vendor prefix",
+  "description" : "When using a vendor-prefixed property, make sure to include the standard one.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "PORTABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "fallback-colors",
+  "name" : "Require fallback colors",
+  "description" : "For older browsers that don't support RGBA, HSL, or HSLA, provide a fallback color.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "cross-browser", "pitfall", "ie", "ie8" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "regex-selectors",
+  "name" : "Disallow selectors that look like regexs",
+  "description" : "Selectors that look like regular expressions are slow and should be avoided.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "unqualified-attributes",
+  "name" : "Disallow unqualified attribute selectors",
+  "description" : "Unqualified attribute selectors are known to be slow.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "universal-selector",
+  "name" : "Disallow universal selector",
+  "description" : "The universal selector (*) is known to be slow.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "box-sizing",
+  "name" : "Disallow use of box-sizing",
+  "description" : "The box-sizing properties isn't supported in IE6 and IE7.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "cross-browser", "ie7" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "display-property-grouping",
+  "name" : "Require properties appropriate for display",
+  "description" : "Certain properties shouldn't be used with certain display property values.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ids",
+  "name" : "Disallow IDs in selectors",
+  "description" : "Selectors should not contain IDs.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "convention", "reusability" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "MODULARITY"
+  }
+}, {
+  "key" : "gradients",
+  "name" : "Require all gradient definitions",
+  "description" : "When using a vendor-prefixed gradient, make sure to use them all.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "zero-units",
+  "name" : "Disallow units for 0 values",
+  "description" : "You don't need to specify units when a value is 0.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "duplicate-properties",
+  "name" : "Disallow duplicate properties",
+  "description" : "Duplicate properties must appear one after the other.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "confusing", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "compatible-vendor-prefixes",
+  "name" : "Require compatible vendor prefixes",
+  "description" : "Include all compatible vendor prefixes to reach a wider range of users.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "outline-none",
+  "name" : "Disallow outline: none",
+  "description" : "Use of outline: none or outline: 0 should be limited to :focus rules.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "convention", "bad-practice", "user-experience", "accessibility" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "USABILITY_ACCESSIBILITY"
+  }
+}, {
+  "key" : "floats",
+  "name" : "Disallow too many floats",
+  "description" : "This rule tests if the float property is used too many times",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "performance", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1d"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "known-properties",
+  "name" : "Require use of known properties",
+  "description" : "Properties should be known (listed in CSS3 specification) or be a vendor-prefixed property.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "csslint", "suspicious", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "font-sizes",
+  "name" : "Disallow too many font sizes",
+  "description" : "Checks the number of font-size declarations.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "font-faces",
+  "name" : "Don't use too many web fonts",
+  "description" : "Too many different web fonts in the same stylesheet.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "NETWORK_USE"
+  }
+}, {
+  "key" : "duplicate-background-images",
+  "name" : "Disallow duplicate background images",
+  "description" : "Every background-image should be unique. Use a common class for e.g. sprites.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "confusing", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "order-alphabetical",
+  "name" : "Alphabetical order",
+  "description" : "Assure properties are in alphabetical order",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "csslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "rules-count",
+  "name" : "Rules Count",
+  "description" : "Track how many rules there are.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "performance", "bad-practice", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "selector-max-approaching",
+  "name" : "Warn when approaching the 4095 selector limit for IE",
+  "description" : "Will warn when selector count is >= 3800 selectors.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "pitfall", "cross-browser", "ie", "limit" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1d"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "selector-max",
+  "name" : "Error when past the 4095 selector limit for IE",
+  "description" : "Will error when selector count is > 4095.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "csslint", "bug", "cross-browser", "ie", "limit" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1d"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "selector-newline",
+  "name" : "Disallow new-line characters in selectors",
+  "description" : "New-line characters in selectors are usually a forgotten comma and not a descendant combinator.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "confusing", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "shorthand",
+  "name" : "Require shorthand properties",
+  "description" : "Use shorthand properties where possible.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "csslint", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "star-property-hack",
+  "name" : "Disallow properties with a star prefix",
+  "description" : "Checks for the star property hack (targets IE6/7)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "cross-browser", "ie", "ie7" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "text-indent",
+  "name" : "Disallow negative text-indent",
+  "description" : "Checks for text indent less than -99px",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "accessibility" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "underscore-property-hack",
+  "name" : "Disallow properties with an underscore prefix",
+  "description" : "Checks for the underscore property hack (targets IE6)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "bad-practice", "cross-browser", "ie", "ie6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "bulletproof-font-face",
+  "name" : "Use the bulletproof @font-face syntax",
+  "description" : "Use the bulletproof @font-face syntax to avoid 404's in old IE (http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax).",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "csslint", "pitfall", "cross-browser", "ie", "ie8" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+} ]
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/adjoining-classes.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/adjoining-classes.html
index 4ecda92..a8474a1 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/adjoining-classes.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/adjoining-classes.html
@@ -1,38 +1,19 @@
-<h1>Details</h1>
-      <p>Adjoining classes, sometimes also called class chaining, look like <code>.foo.bar</code>. While technically allowed in CSS, these aren't handled properly by Internet Explorer 6 and earlier. IE will match the selector as if it were simply '.bar' which means your selector will match more frequently than you intend it to and create cross-browser bugs.</p>
+<h1>Details</h1>
 
-<p>Generally, it's better to define styles based on single classes instead of based on multiple classes being present. Consider the following:</p>
-
-<div class="highlight highlight-css"><pre><span class="pl-e">.foo</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">bold</span>;
-}
+        <p>Adjoining classes, sometimes also called class chaining, look like <code>.foo.bar</code>. While technically allowed in CSS, these aren't handled properly by Internet Explorer 6 and earlier. IE will match the selector as if it were simply '.bar' which means your selector will match more frequently than you intend it to and create cross-browser bugs.</p>
 
-<span class="pl-e">.bar</span> {
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-}
+<p>Generally, it's better to define styles based on single classes instead of based on multiple classes being present. Consider the following:</p>
 
-<span class="pl-e">.foo.bar</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.foo</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">bold</span>;<br/>}<br/><br/><span class="pl-e">.bar</span> {<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-e">.foo.bar</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>The rule for selector <code>.foo.bar</code> can be rewritten as a new class:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.foo</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">bold</span>;
-}
-
-<span class="pl-e">.bar</span> {
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-e">.baz</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.foo</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">bold</span>;<br/>}<br/><br/><span class="pl-e">.bar</span> {<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-e">.baz</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>That new class, <code>baz</code>, must now be added to the original HTML element. This is actually more maintainable because the <code>.baz</code> rule may now be reused whereas the <code>.foo.bar</code> rule could only be used in that one instance.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>adjoining-classes</code></p>
 
@@ -40,26 +21,19 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.foo.bar</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-}
-
-<span class="pl-e">.first</span> <span class="pl-e">.abc.def</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.foo.bar</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>}<br/><br/><span class="pl-e">.first</span> <span class="pl-e">.abc.def</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause a warning:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* space in between classes */</span>
-<span class="pl-e">.foo</span> <span class="pl-e">.bar</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* space in between classes */</span><br/><span class="pl-e">.foo</span> <span class="pl-e">.bar</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.ryanbrill.com/archives/multiple-classes-in-ie/">Multiple Classes in IE</a></li>
 <li><a href="http://iamtotti.com/blog/2010/02/ie-and-css-class-chaining/">IE and CSS Class Chaining</a></li>
 <li><a href="http://www.oppenheim.com.au/2009/05/24/multiple-css-classes-a-little-known-ie6-hack/">Multiple CSS Classes &amp; A Little Known IE6 Hack</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/box-model.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/box-model.html
index 1406415..3e36391 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/box-model.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/box-model.html
@@ -1,33 +1,25 @@
-<h1>Details</h1>
-<p>The box model is one of the most frequently misunderstood parts of CSS. "Box model" refers to the series of boxes that make up an element visually. This starts with the content, which is the inner-most box. Content is surrounded by padding, which in turn is surrounded by borders. The way these measurements interact, however, is a bit confusing. Consider the following:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}</pre></div>
+        <p>The box model is one of the most frequently misunderstood parts of CSS. "Box model" refers to the series of boxes that make up an element visually. This starts with the content, which is the inner-most box. Content is surrounded by padding, which in turn is surrounded by borders. The way these measurements interact, however, is a bit confusing. Consider the following:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>A new developer might assume that the width of an element with the <code>mybox</code> class would be 100 pixels. In fact, the width is 112 pixels because <code>width</code> refers to the content box and padding and borders are added on top of that. Frequently when developers include this combination of properties, it is an error because they are expecting different behavior.</p>
 
 <p>You can force most browsers to obey <code>width</code> and <code>height</code> as the full size of an element by using the <code>box-sizing</code> property and setting it to <code>border-box</code>, as in this example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">box-sizing</span></span>: border-box;
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">box-sizing</span></span>: border-box;<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>Now an element with a class of <code>mybox</code> will have an actual width of 100 pixels, and the padding and borders will exist inside of that area, leaving 88 pixels for content instead of 100 pixels. </p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>box-model</code></p>
 
 <p>This rule is aimed at eliminating unwanted box model sizing issues. As such, the rule warns when it finds:</p>
 
-<ol class="task-list">
+<ol>
 <li>
 <code>width</code> being used with <code>border</code>, <code>border-left</code>, <code>border-right</code>, <code>padding</code>, <code>padding-left</code>, or <code>padding-right</code>
 </li>
@@ -40,45 +32,18 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c">/* width and border */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-c">/* height and padding */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">height</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* width and border */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-c">/* height and padding */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">height</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* width and border with box-sizing */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">box-sizing</span></span>: border-box;
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-c">/* width and border-top */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border-top</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-c">/* height and border-top of none */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border-top</span></span>: <span class="pl-sc">none</span>;
-    <span class="pl-mp"><span class="pl-s3">height</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}
-</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* width and border with box-sizing */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">box-sizing</span></span>: border-box;<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-c">/* width and border-top */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border-top</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-c">/* height and border-top of none */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border-top</span></span>: <span class="pl-c1">none</span>;<br/>    <span class="pl-c1"><span class="pl-c1">height</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}<br/></pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://css-tricks.com/2841-the-css-box-model/">The CSS Box Model</a></li>
 <li><a href="http://blog.simonwillison.net/post/58225400497/theboxmodel">Understanding the Box Model</a></li>
-</ul>
\ No newline at end of file
+</ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/box-sizing.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/box-sizing.html
index 4451dbe..be173ab 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/box-sizing.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/box-sizing.html
@@ -1,29 +1,21 @@
-<h1>Details</h1>
-      <p>The CSS <code>box-sizing</code> property is used to define how borders, padding, <code>width</code>, and <code>height</code> interact with each other. The default value is <code>content-box</code>, meaning that <code>width</code> and <code>height</code> refer to an element's content, and then padding and borders are added around it. Consider the following:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}</pre></div>
+        <p>The CSS <code>box-sizing</code> property is used to define how borders, padding, <code>width</code>, and <code>height</code> interact with each other. The default value is <code>content-box</code>, meaning that <code>width</code> and <code>height</code> refer to an element's content, and then padding and borders are added around it. Consider the following:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>The actual width of this box is 112 pixels. That's because the 100 pixels specified by <code>width</code> indicates how much area the content should take up, then 5 pixels are added on each side for padding, and 1 pixel on each side for the border.</p>
 
 <p>When you change <code>box-sizing</code> to <code>border-box</code>, the calculation is done differently:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">box-sizing</span></span>: border-box;
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">box-sizing</span></span>: border-box;<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>This box has an actual width of 100 pixels while the space available for content is only 88 pixels (100 - 5px padding - 5px padding - 1px border - 1px border). Many consider the <code>border-box</code> setting to be more logical and more like how these properties should work.</p>
 
 <p>There is only a problem using <code>box-sizing</code> when you need to support Internet Explorer 6 and 7. These browsers do not support <code>box-sizing</code> and so will interpret the box model properties differently.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>box-sizing</code></p>
 
@@ -31,18 +23,14 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">box-sizing</span></span>: border-box;
-}
-
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">box-sizing</span></span>: content-box;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">box-sizing</span></span>: border-box;<br/>}<br/><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">box-sizing</span></span>: content-box;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://css-tricks.com/7323-box-sizing/">Box Sizing</a></li>
 <li><a href="https://developer.mozilla.org/En/CSS/Box-sizing">https://developer.mozilla.org/En/CSS/Box-sizing</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/bulletproof-font-face.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/bulletproof-font-face.html
index d49251c..831469c 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/bulletproof-font-face.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/bulletproof-font-face.html
@@ -1,26 +1,15 @@
-<h1>Details</h1>
-      <p>When using <code>@font-face</code> to declare multiple font types for cross browser compatibility, you can see 404's in old versions of IE due to a bug in the way that IE parses the font declarations.  For example, this syntax:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-k">@font-face</span> {
-    <span class="pl-mp"><span class="pl-s3">font-family</span></span>: <span class="pl-s1"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;
-    <span class="pl-mp"><span class="pl-s3">src</span></span>: <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.eot<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);
-}</pre></div>
+        <p>When using <code>@font-face</code> to declare multiple font types for cross browser compatibility, you can see 404's in old versions of IE due to a bug in the way that IE parses the font declarations.  For example, this syntax:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-k">@font-face</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.eot<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),<br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);<br/>}</pre></div>
 
 <p>Will cause a 404 in IE 6, 7, and 8.  The fix is to add a question mark after the first font URL, so IE sees the rest of the property value as a query string.  This is a correct example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-k">@font-face</span> {
-    <span class="pl-mp"><span class="pl-s3">font-family</span></span>: <span class="pl-s1"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;
-    <span class="pl-mp"><span class="pl-s3">src</span></span>: <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.eot?#iefix<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-k">@font-face</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.eot?#iefix<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),<br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);<br/>}</pre></div>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>bulletproof-font-face</code></p>
 
@@ -28,33 +17,21 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-k">@font-face</span> {
-    <span class="pl-mp"><span class="pl-s3">font-family</span></span>: <span class="pl-s1"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;
-
-    <span class="pl-c">/* First web font is missing query string */</span>
-    <span class="pl-mp"><span class="pl-s3">src</span></span>: <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.eot<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-k">@font-face</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;<br/><br/>    <span class="pl-c">/* First web font is missing query string */</span><br/>    <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.eot<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),<br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-k">@font-face</span> {
-    <span class="pl-mp"><span class="pl-s3">font-family</span></span>: <span class="pl-s1"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;
-    <span class="pl-mp"><span class="pl-s3">src</span></span>: <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.eot?#iefix<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), 
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),
-        <span class="pl-s3">url</span>(<span class="pl-s1"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-s3">format</span>(<span class="pl-s1"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-k">@font-face</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-family</span></span>: <span class="pl-s"><span class="pl-pds">'</span>MyFontFamily<span class="pl-pds">'</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">src</span></span>: <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.eot?#iefix<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>embedded-opentype<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.woff<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>woff<span class="pl-pds">'</span></span>), <br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.ttf<span class="pl-pds">'</span></span>)  <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>truetype<span class="pl-pds">'</span></span>),<br/>        <span class="pl-c1">url</span>(<span class="pl-s"><span class="pl-pds">'</span>myfont-webfont.svg#svgFontName<span class="pl-pds">'</span></span>) <span class="pl-c1">format</span>(<span class="pl-s"><span class="pl-pds">'</span>svg<span class="pl-pds">'</span></span>);<br/>}</pre></div>
 
 <p>This rule requires that the first font declared is a .eot file with a query string, but doesn't check the order of the remaining fonts (which is irrelevant, assuming you have the .eot file first).</p>
 
 <p>This rule was added in v0.9.10.  </p>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax">The Fontspring Bulletproof @font-face syntax</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/compatible-vendor-prefixes.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/compatible-vendor-prefixes.html
index 2ecd645..d2b1e1c 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/compatible-vendor-prefixes.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/compatible-vendor-prefixes.html
@@ -1,9 +1,10 @@
-<h1>Details</h1>
-      <p>Experimental CSS properties are typically implemented using vendor prefixes until the final behavior has been established and agreed upon. Most CSS3 properties have vendor-prefixed equivalents for multiple vendors, including Firefox (<code>-moz</code>), Safari/Chrome (<code>-webkit</code>), Opera (<code>-o</code>), and Internet Explorer (<code>-ms</code>).  It's easy to forget to include the vendor prefixed version of a property when there are so many to keep track of.</p>
+<h1>Details</h1>
+
+        <p>Experimental CSS properties are typically implemented using vendor prefixes until the final behavior has been established and agreed upon. Most CSS3 properties have vendor-prefixed equivalents for multiple vendors, including Firefox (<code>-moz</code>), Safari/Chrome (<code>-webkit</code>), Opera (<code>-o</code>), and Internet Explorer (<code>-ms</code>).  It's easy to forget to include the vendor prefixed version of a property when there are so many to keep track of.</p>
 
 <p>The following properties have multiple vendor-prefixed versions:</p>
 
-<ul class="task-list">
+<ul>
 <li><code>animation</code></li>
 <li><code>animation-delay</code></li>
 <li><code>animation-direction</code></li>
@@ -66,7 +67,7 @@ <h1>Details</h1>
 <p>If you want the same CSS effects across all browsers, then it's important to remember the vendor-prefixed properties for all supporting browsers.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>compatible-vendor-prefixes</code></p>
 
@@ -74,12 +75,6 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* Missing -moz, -ms, and -o */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp">-webkit-<span class="pl-s3">transform</span></span>: translate(<span class="pl-c1">50<span class="pl-k">px</span></span>, <span class="pl-c1">100<span class="pl-k">px</span></span>);
-}
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* Missing -moz, -ms, and -o */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1">-webkit-<span class="pl-c1">transform</span></span>: translate(<span class="pl-c1">50<span class="pl-k">px</span></span>, <span class="pl-c1">100<span class="pl-k">px</span></span>);<br/>}<br/><br/><span class="pl-c">/* Missing -webkit */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1">-moz-<span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
-<span class="pl-c">/* Missing -webkit */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp">-moz-<span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-}</pre></div>
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/display-property-grouping.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/display-property-grouping.html
index 75a8e52..87a47e5 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/display-property-grouping.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/display-property-grouping.html
@@ -1,11 +1,12 @@
-<h1>Details</h1>
-      <p>Even though you can define any group of properties together in a CSS rule, some of them will be ignored due to the <code>display</code> of the element. This leads to extra cruft in your CSS and misunderstandings around how a rule should work.</p>
+<h1>Details</h1>
+
+        <p>Even though you can define any group of properties together in a CSS rule, some of them will be ignored due to the <code>display</code> of the element. This leads to extra cruft in your CSS and misunderstandings around how a rule should work.</p>
 
 <p>For <code>display: inline</code>, the <code>width</code>, <code>height</code>, <code>margin-top</code>, <code>margin-bottom</code>, and <code>float</code> properties have no effect because inline elements don't have a formal box with which to apply the styles. The <code>margin-left</code> and <code>margin-right</code> properties still work reliably for indentation purposes but the other margin settings do not. The <code>float</code> property is sometimes used as a fix for the <a href="http://www.positioniseverything.net/explorer/doubled-margin.html">IE6 double-margin bug</a>.</p>
 
 <p>Other general rules based on <code>display</code> are:</p>
 
-<ul class="task-list">
+<ul>
 <li>
 <code>display: inline-block</code> should not use <code>float</code>.</li>
 <li>
@@ -17,13 +18,13 @@ <h1>Details</h1>
 <p>Removing the ignored or problematic properties decreases file size thereby improving performance.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>display-property-grouping</code></p>
 
 <p>This rule is aimed at flagging properties that don't work based with the <code>display</code> property being used. The ultimate goal is to produce a smaller, clearer CSS file without unnecessary code. As such, the rule warns when it finds:</p>
 
-<ul class="task-list">
+<ul>
 <li>
 <code>display: inline</code> used with <code>width</code>, <code>height</code>, <code>margin</code>, <code>margin-top</code>, <code>margin-bottom</code>, and <code>float</code>.</li>
 <li>
@@ -36,41 +37,17 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* inline with height */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">display</span></span>: <span class="pl-sc">inline</span>;
-    <span class="pl-mp"><span class="pl-s3">height</span></span>: <span class="pl-c1">25<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-c">/* inline-block with float */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">display</span></span>: <span class="pl-sc">inline-block</span>;
-    <span class="pl-mp"><span class="pl-s3">float</span></span>: <span class="pl-sc">left</span>;
-}
-
-<span class="pl-c">/* table-cell and margin */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">display</span></span>: table-cell;
-    <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* inline with height */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">inline</span>;<br/>    <span class="pl-c1"><span class="pl-c1">height</span></span>: <span class="pl-c1">25<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-c">/* inline-block with float */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">inline-block</span>;<br/>    <span class="pl-c1"><span class="pl-c1">float</span></span>: <span class="pl-c1">left</span>;<br/>}<br/><br/><span class="pl-c">/* table-cell and margin */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">display</span></span>: table-cell;<br/>    <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* inline with margin-left */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">display</span></span>: <span class="pl-sc">inline</span>;
-    <span class="pl-mp"><span class="pl-s3">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-c">/* table and margin */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">display</span></span>: table;
-    <span class="pl-mp"><span class="pl-s3">margin-bottom</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* inline with margin-left */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">inline</span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-c">/* table and margin */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">display</span></span>: table;<br/>    <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.positioniseverything.net/explorer/doubled-margin.html">The IE5/IE6 Doubled Float Margin Bug</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-background-images.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-background-images.html
index eabfd2a..25eb629 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-background-images.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-background-images.html
@@ -1,32 +1,17 @@
-<h1>Details</h1>
-      <p>One of the main rules of performance is to use as few bytes as possible to get the job done. Along those lines, URLs are best used just once inside of CSS. If you have more than one class that needs to use the same background image, then it's better to have one class that uses the URL and simply apply that class to the various elements where it is needed. Consider the following:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.heart-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-sc">no-repeat</span>;
-}
+        <p>One of the main rules of performance is to use as few bytes as possible to get the job done. Along those lines, URLs are best used just once inside of CSS. If you have more than one class that needs to use the same background image, then it's better to have one class that uses the URL and simply apply that class to the various elements where it is needed. Consider the following:</p>
 
-<span class="pl-e">.task-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-sc">no-repeat</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.heart-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-c1">no-repeat</span>;<br/>}<br/><br/><span class="pl-e">.task-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-c1">no-repeat</span>;<br/>}</pre></div>
 
 <p>The background image is repeated in both classes. That's extra bytes you don't need and also increases the chances that you'll forget to change one should the filename change. An alternative is to define one class that has the URL and be sure to apply that class to the HTML elements where the other classes are used. For example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.icons</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-sc">no-repeat</span>;
-}
-
-<span class="pl-e">.heart-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background-position</span></span>: <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;
-}
-
-<span class="pl-e">.task-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background-position</span></span>: <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.icons</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">no-repeat</span>;<br/>}<br/><br/><span class="pl-e">.heart-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background-position</span></span>: <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;<br/>}<br/><br/><span class="pl-e">.task-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background-position</span></span>: <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;<br/>}</pre></div>
 
 <p>Here, the <code>icons</code> class contains the background image while the other classes just change the background position.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>duplicate-background-images</code></p>
 
@@ -34,27 +19,12 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* multiple instances of the same URL */</span>
-<span class="pl-e">.heart-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-sc">no-repeat</span>;
-}
-
-<span class="pl-e">.task-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-sc">no-repeat</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* multiple instances of the same URL */</span>
+<span class="pl-e">.heart-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-c1">no-repeat</span>;<br/>}<br/><br/><span class="pl-e">.task-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span> <span class="pl-c1">no-repeat</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* fallback color before newer format */</span>
-<span class="pl-e">.icons</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-sc">no-repeat</span>;
-}
-
-<span class="pl-e">.heart-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background-position</span></span>: <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;
-}
-
-<span class="pl-e">.task-icon</span> {
-    <span class="pl-mp"><span class="pl-s3">background-position</span></span>: <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* single instance of URL */</span>
+<span class="pl-e">.icons</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">sprite.png</span>) <span class="pl-c1">no-repeat</span>;<br/>}<br/><br/><span class="pl-e">.heart-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background-position</span></span>: <span class="pl-c1">-16<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;<br/>}<br/><br/><span class="pl-e">.task-icon</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background-position</span></span>: <span class="pl-c1">-32<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;<br/>}</pre></div>
 
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-properties.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-properties.html
index 1e21e56..562b486 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-properties.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/duplicate-properties.html
@@ -1,53 +1,33 @@
-<h1>Details</h1>
-      <p>Early on in web development, including the same CSS property twice was certainly an error, especially if there were two different values. For example:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>mybox</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">width</span></span><span class="pl-mp1">: <span class="pl-cn">100<span class="pl-kou">px</span></span>;</span>
-    <span class="pl-mp"><span class="pl-stp">width</span></span><span class="pl-mp1">: <span class="pl-cn">120<span class="pl-kou">px</span></span>;</span>
-}</pre></div>
+        <p>Early on in web development, including the same CSS property twice was certainly an error, especially if there were two different values. For example:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">120<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>Anyone looking at this code would think that this is clearly an error. Recently, however, including duplicate properties is used as a way to deal with varying levels of browser support for CSS properties. For example, some browsers support RGBA color while others do not, so it's quite common to see patterns such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>mybox</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">background</span></span><span class="pl-mp1">: <span class="pl-coc"><span class="pl-pdc1">#</span>fff</span>;</span>
-    <span class="pl-mp"><span class="pl-stp">background</span></span><span class="pl-mp1">: <span class="pl-sf">rgba</span>(<span class="pl-coc">255, 255, 255, 0.5</span>);</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#fff</span>;<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">255, 255, 255, 0.5</span>);<br/>}</pre></div>
 
 <p>This is quite clearly intentional. The developer wants to use RGBA when available but wants to fall back to a regular color when not available. </p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>duplicate-properties</code></p>
 
 <p>This rule is intended to find errors of duplication in CSS code. It warns when:</p>
 
-<ol class="task-list">
+<ol>
 <li>A property is included twice and contains the same value.</li>
 <li>A property is included twice and is separated by at least one other property.</li>
 </ol>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c"><span class="pl-pdc">/*</span> properties with the same value <span class="pl-pdc">*/</span></span>
-<span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>mybox</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> black;</span>
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> black;</span>
-}
-
-<span class="pl-c"><span class="pl-pdc">/*</span> properties separated by another property <span class="pl-pdc">*/</span></span>
-<span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>mybox</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> black;</span>
-    <span class="pl-mp"><span class="pl-stp">color</span></span><span class="pl-mp1">: green;</span>
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> red;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* properties with the same value */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>}<br/><br/><span class="pl-c">/* properties separated by another property */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">green</span>;<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause a warning:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c"><span class="pl-pdc">/*</span> one after another with different values <span class="pl-pdc">*/</span></span>
-<span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>mybox</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> black;</span>
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> red;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* one after another with different values */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">red</span>;<br/>}</pre></div>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/empty-rules.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/empty-rules.html
index ab52014..55e03e9 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/empty-rules.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/empty-rules.html
@@ -1,24 +1,18 @@
-<h1>Details</h1>
-      <p>An empty rule is one that doesn't contain any properties, such as:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.foo</span> {
-}</pre></div>
+        <p>An empty rule is one that doesn't contain any properties, such as:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.foo</span> {<br/>}</pre></div>
 
 <p>A lot of times, empty rules appear as a result of refactoring without further cleanup. Eliminating empty rules results in smaller file sizes and less style information for the browser to deal with.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>empty-rules</code></p>
 
 <p>This rule warns when an empty rule is found in the CSS. The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> { }
-
-<span class="pl-e">.mybox</span> {
-
-}
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> { }<br/><br/><span class="pl-e">.mybox</span> {<br/><br/>}<br/><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c">/* a comment */</span><br/>}</pre></div>
 
-<span class="pl-e">.mybox</span> {
-    <span class="pl-c">/* a comment */</span>
-}</pre></div>
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/fallback-colors.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/fallback-colors.html
index 9583636..0a6d16a 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/fallback-colors.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/fallback-colors.html
@@ -1,31 +1,25 @@
-<h1>Details</h1>
-      <p>In the beginning, there were three ways to specify colors: in hexadecimal format, using either three or six characters, named colors such as <code>red</code>, and <code>rgb()</code>. CSS3 has since added several new color formats including <code>rgba()</code>, <code>hsl()</code>, and <code>hsla()</code>. While these new color formats bring a remarkable amount of flexibility to how developers define colors and the relationships between them, it can also leave older browsers looking worse than expected.</p>
+<h1>Details</h1>
+
+        <p>In the beginning, there were three ways to specify colors: in hexadecimal format, using either three or six characters, named colors such as <code>red</code>, and <code>rgb()</code>. CSS3 has since added several new color formats including <code>rgba()</code>, <code>hsl()</code>, and <code>hsla()</code>. While these new color formats bring a remarkable amount of flexibility to how developers define colors and the relationships between them, it can also leave older browsers looking worse than expected.</p>
 
 <p>The problem is that CSS parsers in browsers will skip a property whose name or value is not understood. Older browsers such as Internet Explorer 8 and earlier, do not understand <code>rgba()</code>, <code>hsl()</code>, or <code>hsla()</code>, and as a result will drop any declarations containing them. Consider the following:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.box</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-c1">#000</span>;
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-s3">rgba</span>(<span class="pl-c1">100, 100, 200, 0.5</span>);
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.box</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#000</span>;<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">100, 100, 200, 0.5</span>);<br/>}</pre></div>
 
 <p>Supporting browsers will treat this CSS code as described. Non-supporting browsers will completely drop the <code>color</code> property because the value isn't understood. That means the actual <code>color</code> used will be inherited from the surrounding context and might actually end up black (the same as the background). To prevent this, you should always include a fallback color in either hexadecimal, named, or <code>rgb()</code> format, such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.box</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-c1">#000</span>;
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">blue</span>;
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-s3">rgba</span>(<span class="pl-c1">100, 100, 200, 0.5</span>);
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.box</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#000</span>;<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">blue</span>;<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">100, 100, 200, 0.5</span>);<br/>}</pre></div>
 
 <p>The fallback color should always go before the new color to ensure older browsers see and use it correctly, and that newer browsers continue on to use the newer color format.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>fallback-colors</code></p>
 
 <p>This rule is aimed at ensuring a proper color is displayed for all browsers. As such, the rule warns when it finds:</p>
 
-<ol class="task-list">
+<ol>
 <li>A <code>color</code> property with a <code>rgba()</code>, <code>hsl()</code>, or <code>hsla()</code> color without a preceding <code>color</code> property that has an older color format.</li>
 <li>A <code>background</code> property with a <code>rgba()</code>, <code>hsl()</code>, or <code>hsla()</code> color without a preceding <code>background</code> property that has an older color format.</li>
 <li>A <code>background-color</code> property with a <code>rgba()</code>, <code>hsl()</code>, or <code>hsla()</code> color without a preceding <code>background-color</code> property that has an older color format.</li>
@@ -33,32 +27,10 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c">/* missing fallback color */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-s3">rgba</span>(<span class="pl-c1">100, 200, 100, 0.5</span>);
-}
-
-<span class="pl-c">/* missing fallback color */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background-color</span></span>: <span class="pl-s3">hsla</span>(<span class="pl-c1">100</span>, <span class="pl-c1">50<span class="pl-k">%</span></span>, <span class="pl-c1">100<span class="pl-k">%</span></span>, <span class="pl-c1">0.5</span>);
-}
-
-<span class="pl-c">/* missing fallback color */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">hsla</span>(<span class="pl-c1">100</span>, <span class="pl-c1">50<span class="pl-k">%</span></span>, <span class="pl-c1">100<span class="pl-k">%</span></span>, <span class="pl-c1">0.5</span>) <span class="pl-s3">url</span>(<span class="pl-v">foo.png</span>);
-}
-
-<span class="pl-c">/* fallback color should be before */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background-color</span></span>: <span class="pl-s3">hsl</span>(<span class="pl-c1">100</span>, <span class="pl-c1">50<span class="pl-k">%</span></span>, <span class="pl-c1">100<span class="pl-k">%</span></span>);
-    <span class="pl-mp"><span class="pl-s3">background-color</span></span>: <span class="pl-sc">green</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* missing fallback color */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">100, 200, 100, 0.5</span>);<br/>}<br/><br/><span class="pl-c">/* missing fallback color */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background-color</span></span>: <span class="pl-c1">hsla</span>(<span class="pl-c1">100</span>, <span class="pl-c1">50<span class="pl-k">%</span></span>, <span class="pl-c1">100<span class="pl-k">%</span></span>, <span class="pl-c1">0.5</span>);<br/>}<br/><br/><span class="pl-c">/* missing fallback color */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">hsla</span>(<span class="pl-c1">100</span>, <span class="pl-c1">50<span class="pl-k">%</span></span>, <span class="pl-c1">100<span class="pl-k">%</span></span>, <span class="pl-c1">0.5</span>) <span class="pl-c1">url</span>(<span class="pl-v">foo.png</span>);<br/>}<br/><br/><span class="pl-c">/* fallback color should be before */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background-color</span></span>: <span class="pl-c1">hsl</span>(<span class="pl-c1">100</span>, <span class="pl-c1">50<span class="pl-k">%</span></span>, <span class="pl-c1">100<span class="pl-k">%</span></span>);<br/>    <span class="pl-c1"><span class="pl-c1">background-color</span></span>: <span class="pl-c1">green</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* fallback color before newer format */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-s3">rgba</span>(<span class="pl-c1">255, 0, 0, 0.5</span>);
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* fallback color before newer format */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">255, 0, 0, 0.5</span>);<br/>}</pre></div>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/floats.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/floats.html
index 443d3b1..74d29d1 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/floats.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/floats.html
@@ -1,27 +1,31 @@
-<h1>Details</h1>
-      <p>The <code>float</code> property is the most popular method of achieving columnar layouts using CSS. During the course of a project, more and more <code>float</code> elements are used to create ever-different layouts throughout a page or site. This leads to fragile CSS that is easy to break if one aspect of the layout changes.</p>
+<h1>Details</h1>
+
+        <p>The <code>float</code> property is the most popular method of achieving columnar layouts using CSS. During the course of a project, more and more <code>float</code> elements are used to create ever-different layouts throughout a page or site. This leads to fragile CSS that is easy to break if one aspect of the layout changes.</p>
 
 <p>Frequently, using too many <code>float</code>s is a sign that your project would benefit from a grid system. CSS grid systems standardize columnar layouts using CSS classes. Some popular grid systems are:</p>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://960.gs/">960gs</a></li>
 <li><a href="http://blueprintcss.org/">Blueprint</a></li>
 <li><a href="http://github.com/stubbornella/oocss/">OOCSS Grids</a></li>
 <li><a href="http://yuilibrary.com/yui/docs/cssgrids/">YUI Grids</a></li>
+<li><a href="http://getbootstrap.com">Twitter Bootstrap</a></li>
 </ul>
 
 <p>Using one of these grid systems can greatly reduce the amount of CSS code you need to write by hand.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>floats</code></p>
 
 <p>This rule is aimed at reducing complexity by watching how many times <code>float</code> is used. It warns when <code>float</code> has been used more than 10 times. This amount of floats usually indicates that there are a lot of columnar layouts being defined and that a grids system would be a better choice for your CSS.</p>
 
 <h2>
-<a id="user-content-additional-reading" class="anchor" href="#additional-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Additional Reading</h2>
+<a id="user-content-additional-reading" class="anchor" href="#additional-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Additional Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.stubbornella.org/content/2011/01/22/grids-improve-site-performance/">Grids improve site performance</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/font-faces.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/font-faces.html
index 1428db5..271cde2 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/font-faces.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/font-faces.html
@@ -1,2 +1,7 @@
-<h1>Details</h1>
-      <p>Web fonts are growing in popularity and use of <code>@font-face</code> is on the rise. However, using web fonts comes with performance implications as font files can be quite large and some browsers block rendering while downloading them. For this reason, CSSLint will warn you when there are more than five web fonts in a style sheet.</p>
+<h1>Details</h1>
+
+        <p>Web fonts are growing in popularity and use of <code>@font-face</code> is on the rise. However, using web fonts comes with performance implications as font files can be quite large and some browsers block rendering while downloading them. For this reason, CSSLint will warn you when there are more than 5 web fonts in a style sheet.</p>
+
+<p>Rule ID: <code>font-faces</code></p>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/font-sizes.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/font-sizes.html
index 0a0e34f..1f714b3 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/font-sizes.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/font-sizes.html
@@ -1,26 +1,18 @@
-<h1>Details</h1>
-      <p>A well-organized site has a small set of font sizes used throughout. These font sizes are often best represented as abstracted classes that can be applied to elements anywhere in the site. When not abstracted, this leads developers to add <code>font-size</code> declarations repeatedly in order to get the right size to appear. This is problematic because font sizes can't be changed in one spot if and when the design changes.</p>
+<h1>Details</h1>
 
-<p>You can create some standard font size class such as:</p>
-
-<div class="highlight highlight-css"><pre><span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>small</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">font-size</span></span><span class="pl-mp1">: <span class="pl-cn">8<span class="pl-kou">px</span></span>;</span>
-}
+        <p>A well-organized site has a small set of font sizes used throughout. These font sizes are often best represented as abstracted classes that can be applied to elements anywhere in the site. When not abstracted, this leads developers to add <code>font-size</code> declarations repeatedly in order to get the right size to appear. This is problematic because font sizes can't be changed in one spot if and when the design changes.</p>
 
-<span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>medium</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">font-size</span></span><span class="pl-mp1">: <span class="pl-cn">11<span class="pl-kou">px</span></span>;</span>
-}
+<p>You can create some standard font size class such as:</p>
 
-<span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>large</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">font-size</span></span><span class="pl-mp1">: <span class="pl-cn">14<span class="pl-kou">px</span></span>;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.small</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">8<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-e">.medium</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">11<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-e">.large</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">14<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>Using classes such as these in your project allows consistent use of font sizes throughout, and also limits the number of times <code>font-size</code> appears in your CSS. Now there is one place to go to change font sizes instead of multiple.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>font-sizes</code></p>
 
 <p>This rule is aimed at pointing out opportunities for abstracting font sizes. The rule warns when 10 or more <code>font-size</code> declarations are found.</p>
 
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/gradients.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/gradients.html
index c844f0e..a34ab08 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/gradients.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/gradients.html
@@ -1,7 +1,8 @@
-<h1>Details</h1>
-      <p>As of December 2011, there is still no standard CSS gradient implementation, which means using CSS gradients in a cross-browser way requires using many different vendor-prefixed versions. There are currently five different vendor-prefixed versions of CSS gradient:</p>
+<h1>Details</h1>
 
-<ul class="task-list">
+        <p>As of December 2011, there is still no standard CSS gradient implementation, which means using CSS gradients in a cross-browser way requires using many different vendor-prefixed versions. There are currently five different vendor-prefixed versions of CSS gradient:</p>
+
+<ul>
 <li>
 <code>-ms-linear-gradient</code> and <code>-ms-radial-gradient</code> for Internet Explorer 10+</li>
 <li>
@@ -16,17 +17,12 @@ <h1>Details</h1>
 
 <p>Meaning a simple two-color gradient that works across all browsers must look like this:</p>
 
-<pre><code>background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
-background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
-background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
-background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
-background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */
-</code></pre>
+<pre><code>background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6+ */<br/>background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */<br/>background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */<br/>background: -o-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */<br/>background: -ms-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* IE10+ */<br/></code></pre>
 
 <p>It's easy to forget one or more gradient definitions with all of the various vendor prefix gradients available.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>gradients</code></p>
 
@@ -34,25 +30,10 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* Missing -moz, -ms, and -o */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -webkit-gradient(linear, <span class="pl-sc">left</span> <span class="pl-sc">top</span>, <span class="pl-sc">left</span> <span class="pl-sc">bottom</span>, color-stop(<span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#1e5799</span>), color-stop(<span class="pl-c1">100<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span>));
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -webkit-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);
-}
-
-<span class="pl-c">/* Missing old and new -webkit */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -moz-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>, <span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>); 
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -o-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -ms-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* Missing -moz, -ms, and -o */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -webkit-gradient(linear, <span class="pl-c1">left</span> <span class="pl-c1">top</span>, <span class="pl-c1">left</span> <span class="pl-c1">bottom</span>, color-stop(<span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#1e5799</span>), color-stop(<span class="pl-c1">100<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span>));<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -webkit-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);<br/>}<br/><br/><span class="pl-c">/* Missing old and new -webkit */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -moz-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>, <span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>); <br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -o-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -ms-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause a warning:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -moz-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>, <span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -webkit-gradient(linear, <span class="pl-sc">left</span> <span class="pl-sc">top</span>, <span class="pl-sc">left</span> <span class="pl-sc">bottom</span>, color-stop(<span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#1e5799</span>), color-   stop(<span class="pl-c1">100<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span>));
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -webkit-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -o-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: -ms-linear-gradient(<span class="pl-sc">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>); 
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -moz-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>, <span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -webkit-gradient(linear, <span class="pl-c1">left</span> <span class="pl-c1">top</span>, <span class="pl-c1">left</span> <span class="pl-c1">bottom</span>, color-stop(<span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#1e5799</span>), color-stop(<span class="pl-c1">100<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span>));<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -webkit-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -o-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>);<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: -ms-linear-gradient(<span class="pl-c1">top</span>,  <span class="pl-c1">#1e5799</span> <span class="pl-c1">0<span class="pl-k">%</span></span>,<span class="pl-c1">#7db9e8</span> <span class="pl-c1">100<span class="pl-k">%</span></span>); <br/>}</pre></div>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/ids.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/ids.html
index 1929ea8..3c4b89f 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/ids.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/ids.html
@@ -1,29 +1,23 @@
-<h1>Details</h1>
-      <p>For years, developers have treated IDs as the way to say "that thing!" However, IDs have a downside: they are completely unique and therefore cannot be reused. You could potentially style every element on your page with an ID selector but you would lose a lot of the benefit of CSS in the process. </p>
+<h1>Details</h1>
+
+        <p>For years, developers have treated IDs as the way to say "that thing!" However, IDs have a downside: they are completely unique and therefore cannot be reused. You could potentially style every element on your page with an ID selector but you would lose a lot of the benefit of CSS in the process. </p>
 
 <p>One of CSS's benefits is the ability to reuse style rules in multiple places. When you start out with an ID selector, you're automatically limiting that style to a single element. Suppose you have this:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">#header</span> <span class="pl-ent">a</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">black</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">#header</span> <span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">black</span>;<br/>}</pre></div>
 
 <p>This style is only useful within the element with the ID of <code>header</code>. But now suppose that you want another section of the page to be styled the same way, you'll probably end up defining a new class that does the same thing, such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">#header</span> <span class="pl-ent">a</span>,
-<span class="pl-e">.callout</span> <span class="pl-ent">a</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">black</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">#header</span> <span class="pl-ent">a</span>,<br/><span class="pl-e">.callout</span> <span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">black</span>;<br/>}</pre></div>
 
 <p>Once you've gotten to this point, you might as well just use the class and not mention the ID:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.callout</span> <span class="pl-ent">a</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">black</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.callout</span> <span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">black</span>;<br/>}</pre></div>
 
 <p>Eventually you will end up needing or wanting to reuse the style specified with the ID, and you'll end up defining a class for that purpose. By not using IDs from the start, you allow for the maximum level of reusability with your CSS.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>ids</code></p>
 
@@ -31,18 +25,14 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">#mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">display</span></span>: <span class="pl-sc">block</span>;
-}
-
-<span class="pl-e">.mybox</span> <span class="pl-e">#go</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">#mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span>;<br/>}<br/><br/><span class="pl-e">.mybox</span> <span class="pl-e">#go</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-additional-reading" class="anchor" href="#additional-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Additional Reading</h2>
+<a id="user-content-additional-reading" class="anchor" href="#additional-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Additional Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://oli.jp/2011/ids/">Don't use IDs in CSS selectors?</a></li>
 <li><a href="http://screwlewse.com/2010/07/dont-use-id-selectors-in-css/">Don't use ID selectors in CSS</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/import.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/import.html
index d738428..8e94593 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/import.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/import.html
@@ -1,24 +1,20 @@
-<h1>Details</h1>
-      <p>The <code>@import</code> command is used to include CSS files within other CSS files, for example:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-k">@import</span> <span class="pl-s3">url</span>(<span class="pl-v">more.css</span>);
-<span class="pl-k">@import</span> <span class="pl-s3">url</span>(<span class="pl-v">andmore.css</span>);
+        <p>The <code>@import</code> command is used to include CSS files within other CSS files, for example:</p>
 
-<span class="pl-ent">a</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">black</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-k">@import</span> <span class="pl-c1">url</span>(<span class="pl-v">more.css</span>);<br/><span class="pl-k">@import</span> <span class="pl-c1">url</span>(<span class="pl-v">andmore.css</span>);<br/><br/><span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">black</span>;<br/>}</pre></div>
 
 <p>This code includes two more style sheets at the beginning of a style sheet. When the browser parses this code, it stops at each <code>@import</code> and starts to download the specified file. The browser doesn't continue downloading other style sheets until this one has finished, eliminating any possible parallel downloads of CSS.</p>
 
 <p>There are two alternatives to using <code>@import</code>:</p>
 
-<ol class="task-list">
+<ol>
 <li>Use a build system to concatenate CSS files together before deploying. </li>
 <li>Use multiple <code>&lt;link&gt;</code> tags to include the style sheets you want. These will still be downloaded in parallel.</li>
 </ol>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>import</code></p>
 
@@ -26,11 +22,13 @@ <h2>
 
 <p>The following pattern is considered a warning:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-k">@import</span> <span class="pl-s3">url</span>(<span class="pl-v">foo.css</span>);</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-k">@import</span> <span class="pl-c1">url</span>(<span class="pl-v">foo.css</span>);</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.stevesouders.com/blog/2009/04/09/dont-use-import/">Don't use @import</a></li>
-</ul>
\ No newline at end of file
+</ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/important.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/important.html
index a60e0b8..d2467be 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/important.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/important.html
@@ -1,8 +1,9 @@
-<h1>Details</h1>
-      <p>The <code>!important</code> annotation is used to artificially increase the specificity of a given property value in a rule. This is usually an indication that the specificity of the entire CSS has gotten a bit out of control and needs to be refactored. The more frequently <code>!important</code> is found in CSS, the more likely it is that developers are having trouble styling parts of a page effectively.</p>
+<h1>Details</h1>
+
+        <p>The <code>!important</code> annotation is used to artificially increase the specificity of a given property value in a rule. This is usually an indication that the specificity of the entire CSS has gotten a bit out of control and needs to be refactored. The more frequently <code>!important</code> is found in CSS, the more likely it is that developers are having trouble styling parts of a page effectively.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>important</code></p>
 
@@ -10,15 +11,15 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ms"><span class="pl-eoac"><span class="pl-pde">.</span>mybox</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">color</span></span><span class="pl-mp1">: red <span class="pl-k">!important</span>;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span> <span class="pl-k">!important</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://james.padolsey.com/usability/dont-use-important/">Don't use !important</a></li>
 <li><a href="http://coding.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/">!important CSS Declarations: How and When to Use Them</a></li>
 <li><a href="http://css-tricks.com/9462-when-using-important-is-the-right-choice/">When using !important is the right choice</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/known-properties.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/known-properties.html
index 6851d69..55357ba 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/known-properties.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/known-properties.html
@@ -1,8 +1,9 @@
-<h1>Details</h1>
-      <p>The list of supported CSS properties is growing quite large, and it's very easy to miss a typo in a single property when the property name isn't checked. </p>
+<h1>Details</h1>
+
+        <p>The list of supported CSS properties is growing quite large, and it's very easy to miss a typo in a single property when the property name isn't checked. </p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>known-properties</code></p>
 
@@ -14,20 +15,10 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c">/* clr isn't a known property */</span>
-<span class="pl-ent">a</span> {
-    <span class="pl-mp">clr</span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-c">/* 'foo' isn't a valid color */</span>
-<span class="pl-ent">a</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: foo;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* clr isn't a known property */</span><br/><span class="pl-ent">a</span> {<br/>    <span class="pl-c1">clr</span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-c">/* 'foo' isn't a valid color */</span><br/><span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: foo;<br/>}</pre></div>
 
 <p>The following pattern is considered okay and does not cause a warning:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* -moz- is a vendor prefix, so ignore */</span>
-<span class="pl-ent">a</span> {
-    <span class="pl-mp">-moz-foo</span>: bar;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* -moz- is a vendor prefix, so ignore */</span><br/><span class="pl-ent">a</span> {<br/>    <span class="pl-c1">-moz-foo</span>: bar;<br/>}</pre></div>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/outline-none.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/outline-none.html
index 56b689a..de27a4a 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/outline-none.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/outline-none.html
@@ -1,35 +1,29 @@
-<h1>Details</h1>
-      <p>The CSS <code>outline</code> property is used to define a border around elements. Unlike the <code>border</code> property, the <code>outline</code> property does not alter the size or layout of the element. Because of this, browsers frequently use <code>outline</code> as the specification for an active state. In Internet Explorer and Firefox, the <code>outline</code> of a selected element is a single pixel dotted line when focus has moved to that element. </p>
+<h1>Details</h1>
+
+        <p>The CSS <code>outline</code> property is used to define a border around elements. Unlike the <code>border</code> property, the <code>outline</code> property does not alter the size or layout of the element. Because of this, browsers frequently use <code>outline</code> as the specification for an active state. In Internet Explorer and Firefox, the <code>outline</code> of a selected element is a single pixel dotted line when focus has moved to that element. </p>
 
 <p>The focus outline is important for accessibility because it gives a visual indication as to where the focus is on the page. For keyboard-only users, tracking the focus on a web page is impossible without the visual indication given by the focus outline. Unfortunately, some consider the focus outline to be "ugly" or unappealing, and remove it using code such as :</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ms"><span class="pl-ent">a</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">outline</span></span><span class="pl-mp1">: <span class="pl-scp">none</span>;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">outline</span></span>: <span class="pl-c1">none</span>;<br/>}</pre></div>
 
 <p>Or:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ms"><span class="pl-ent">a</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">outline</span></span><span class="pl-mp1">: <span class="pl-cn">0</span>;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">outline</span></span>: <span class="pl-c1">0</span>;<br/>}</pre></div>
 
 <p>Both of these will remove the outline from an element, so it won't appear even when focus has moved to that element. This is very bad for accessibility.</p>
 
 <p>Of course, there are times when you may want to provide a custom focus decoration for users instead of the default dotted border. In those instances, it's appropriate to remove the <code>outline</code> and add another treatment. The best way to do this is to use <code>:focus</code> and provide the alternate treatment along with resetting <code>outline</code>, such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ms"><span class="pl-ent">a</span><span class="pl-eoa"><span class="pl-pde">:</span>focus</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> red;</span>
-    <span class="pl-mp"><span class="pl-stp">outline</span></span><span class="pl-mp1">: <span class="pl-scp">none</span>;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span><span class="pl-e">:focus</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">red</span>;<br/>    <span class="pl-c1"><span class="pl-c1">outline</span></span>: <span class="pl-c1">none</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>outline-none</code></p>
 
 <p>This rule is aimed at ensuring keyboard-only users have a visual indicator of focus. As such, the rule warns when it finds:</p>
 
-<ol class="task-list">
+<ol>
 <li>
 <code>outline: none</code> or <code>outline: 0</code> in any rule whose selectors doesn't contain <code>:focus</code>
 </li>
@@ -39,34 +33,27 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c"><span class="pl-pdc">/*</span> no :focus <span class="pl-pdc">*/</span></span>
-<span class="pl-ms"><span class="pl-ent">a</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">outline</span></span><span class="pl-mp1">: <span class="pl-scp">none</span>;</span>
-}
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* no :focus */</span>
+<span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">outline</span></span>: <span class="pl-c1">none</span>;<br/>}
 
-<span class="pl-c"><span class="pl-pdc">/*</span> no :focus <span class="pl-pdc">*/</span></span>
-<span class="pl-ms"><span class="pl-ent">a</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">outline</span></span><span class="pl-mp1">: <span class="pl-cn">0</span>;</span>
-}
+<span class="pl-c">/* no :focus */</span>
+<span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">outline</span></span>: <span class="pl-c1">0</span>;<br/>}
 
-<span class="pl-c"><span class="pl-pdc">/*</span> :focus but missing a replacement treatment <span class="pl-pdc">*/</span></span>
-<span class="pl-ms"><span class="pl-ent">a</span><span class="pl-eoa"><span class="pl-pde">:</span>focus</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">outline</span></span><span class="pl-mp1">: <span class="pl-cn">0</span>;</span>
+<span class="pl-c">/* :focus but missing a replacement treatment */</span>
+<span class="pl-ent">a</span><span class="pl-e">:focus</span> {
+    <span class="pl-c1"><span class="pl-c1">outline</span></span>: <span class="pl-c1">0</span>;
 }</pre></div>
 
 <p>The following pattern is considered okay and does not cause a warning:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c"><span class="pl-pdc">/*</span> :focus with outline: 0 and provides replacement treatment <span class="pl-pdc">*/</span></span>
-<span class="pl-ms"><span class="pl-ent">a</span><span class="pl-eoa"><span class="pl-pde">:</span>focus</span> </span>{
-    <span class="pl-mp"><span class="pl-stp">border</span></span><span class="pl-mp1">: <span class="pl-cn">1<span class="pl-kou">px</span></span> <span class="pl-scp">solid</span> red;</span>
-    <span class="pl-mp"><span class="pl-stp">outline</span></span><span class="pl-mp1">: <span class="pl-cn">0</span>;</span>
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* :focus with outline: 0 and provides replacement treatment */</span><br/><span class="pl-ent">a</span><span class="pl-e">:focus</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">red</span>;<br/>    <span class="pl-c1"><span class="pl-c1">outline</span></span>: <span class="pl-c1">0</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://css-tricks.com/829-removing-the-dotted-outline/">Removing the dotted outline</a></li>
 <li><a href="http://outlinenone.com/">http://outlinenone.com/</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/overqualified-elements.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/overqualified-elements.html
index 1152628..9ef18c7 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/overqualified-elements.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/overqualified-elements.html
@@ -1,10 +1,11 @@
-<h1>Details</h1>
-      <p>Writing selectors such as <code>li.active</code> are unnecessary unless the element name causes the class to behave differently. In most cases, it's safe to remove the element name from the selector, both reducing the size of the CSS as well as improving the selector performance (doesn't have to match the element anymore). </p>
+<h1>Details</h1>
+
+        <p>Writing selectors such as <code>li.active</code> are unnecessary unless the element name causes the class to behave differently. In most cases, it's safe to remove the element name from the selector, both reducing the size of the CSS as well as improving the selector performance (doesn't have to match the element anymore). </p>
 
 <p>Removing the element name also loosens the coupling between your CSS and your HTML, allowing you to change the element on which the class is used without also needing to update the CSS.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>overqualified-elements</code></p>
 
@@ -12,22 +13,10 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ent">div</span><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;   
-}
-
-<span class="pl-e">.mybox</span> <span class="pl-ent">li</span><span class="pl-e">.active</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">div</span><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;   <br/>}<br/><br/><span class="pl-e">.mybox</span> <span class="pl-ent">li</span><span class="pl-e">.active</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c">/* Two different elements in different rules with the same class */</span>
-<span class="pl-ent">li</span><span class="pl-e">.active</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* Two different elements in different rules with the same class */</span><br/><span class="pl-ent">li</span><span class="pl-e">.active</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-ent">p</span><span class="pl-e">.active</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">green</span>;<br/>}</pre></div>
 
-<span class="pl-ent">p</span><span class="pl-e">.active</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">green</span>;
-}</pre></div>
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/qualified-headings.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/qualified-headings.html
index 8f8a56d..e73e2d7 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/qualified-headings.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/qualified-headings.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-      <p>Heading elements (<code>h1</code>-<code>h6</code>) should be defined as top-level styles and not scoped to particular areas of the page. The headings are considered to be built-in objects in Object-Oriented CSS, and their appearance should be consistent across an entire site. This allows those styles to be reused across your site for better visual consistency and performance and easier maintenance. For example, this is an example of an overqualified heading:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.foo</span> <span class="pl-ent">h1</span> {
-    <span class="pl-mp"><span class="pl-s3">font-size</span></span>: <span class="pl-c1">110<span class="pl-k">%</span></span>;
-}</pre></div>
+        <p>Heading elements (<code>h1</code>-<code>h6</code>) should be defined as top-level styles and not scoped to particular areas of the page. The headings are considered to be built-in objects in Object-Oriented CSS, and their appearance should be consistent across an entire site. This allows those styles to be reused across your site for better visual consistency and performance and easier maintenance. For example, this is an example of an overqualified heading:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.foo</span> <span class="pl-ent">h1</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-size</span></span>: <span class="pl-c1">110<span class="pl-k">%</span></span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>qualified-headings</code></p>
 
@@ -14,26 +13,17 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* qualified heading */</span>
-<span class="pl-e">.box</span> <span class="pl-ent">h3</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">normal</span>;
-}
-
-<span class="pl-c">/* qualified heading */</span>
-<span class="pl-e">.item</span><span class="pl-e">:hover</span> <span class="pl-ent">h3</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">bold</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* qualified heading */</span><br/><span class="pl-e">.box</span> <span class="pl-ent">h3</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;<br/>}<br/><br/><span class="pl-c">/* qualified heading */</span><br/><span class="pl-e">.item</span><span class="pl-e">:hover</span> <span class="pl-ent">h3</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">bold</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* Not qualified */</span>
-<span class="pl-ent">h3</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">normal</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* Not qualified */</span><br/><span class="pl-ent">h3</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.slideshare.net/stubbornella/object-oriented-css">Object-Oriented CSS</a></li>
-</ul>
\ No newline at end of file
+</ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/regex-selectors.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/regex-selectors.html
index 177ecc7..8c90d0e 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/regex-selectors.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/regex-selectors.html
@@ -1,120 +1,85 @@
-<h1>Details</h1>
-      <p>CSS3 adds complex attribute selectors that allow you to perform regular expression matches on attribute values. These types of selectors have performance implications, as regular expression matching is slower than simple class-based matching. In many cases, the attribute selectors aren't providing enough value over simply adding an additional class to the element in question. There are several types of attribute selectors to be mindful of.</p>
+<h1>Details</h1>
+
+        <p>CSS3 adds complex attribute selectors that allow you to perform regular expression matches on attribute values. These types of selectors have performance implications, as regular expression matching is slower than simple class-based matching. In many cases, the attribute selectors aren't providing enough value over simply adding an additional class to the element in question. There are several types of attribute selectors to be mindful of.</p>
 
 <p>The first attribute selector is actually <em>not</em> a performance issue as it simply determine if the attribute is present. For example, the following applies only when an <code>href</code> property is specified on an <code>&lt;a&gt;</code> element:</p>
 
-<div class="highlight highlight-css"><pre>//OK
-<span class="pl-ent">a</span>[href] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre>//OK<br/><span class="pl-ent">a</span>[href] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>This attribute selector is okay to use and shouldn't cause any performance issues.</p>
 
 <p>The second attribute selector that is okay to use applies the style only when an attribute value matches exactly. For example, the following applies only when the <code>rel</code> attribute of an <code>&lt;a&gt;</code> element is "external":</p>
 
-<div class="highlight highlight-css"><pre>//OK
-<span class="pl-ent">a</span>[rel=external] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">blue</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre>//OK<br/><span class="pl-ent">a</span>[rel=external] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">blue</span>;<br/>}</pre></div>
 
 <p>After these two, the rest of the attribute selectors cause performance issues. Each of the selectors has the same basic format, using square braces after an element name and a special character preceding the equals sign to perform a type of regular expression.</p>
 
 <h3>
-<a id="user-content-contains" class="anchor" href="#contains" aria-hidden="true"><span class="octicon octicon-link"></span></a>Contains</h3>
+<a id="user-content-contains" class="anchor" href="#contains" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Contains</h3>
 
 <p>The first of the problematic selectors is the contains selector. This selector uses <code>*=</code> and matches an element if the attribute contains the given string. This works similar to the JavaScript <code>indexOf()</code> of method in that it matches anywhere in the string. For example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ent">a</span>[href<span class="pl-ent">*</span>=yahoo<span class="pl-e">.com</span>] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">green</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span>[href<span class="pl-ent">*</span>=yahoo<span class="pl-e">.com</span>] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">green</span>;<br/>}</pre></div>
 
 <p>This selector matches any <code>&lt;a&gt;</code> element whose <code>href</code> attribute contains the string "yahoo.com". That means it will match any of the following:</p>
 
-<div class="highlight highlight-html"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://www.yahoo.com/<span class="pl-pds">"</span></span>&gt;Yahoo!&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://www.google.com/redirect=www.yahoo.com<span class="pl-pds">"</span></span>&gt;Redirect to Yahoo!&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://login.yahoo.com/<span class="pl-pds">"</span></span>&gt;Login to Yahoo!&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.yahoo.com/<span class="pl-pds">"</span></span>&gt;Yahoo!&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.google.com/redirect=www.yahoo.com<span class="pl-pds">"</span></span>&gt;Redirect to Yahoo!&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://login.yahoo.com/<span class="pl-pds">"</span></span>&gt;Login to Yahoo!&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
 
 <p>Note that it doesn't matter whether or not the string has white space on either side, it's just a substring match.</p>
 
 <h3>
-<a id="user-content-starts-with" class="anchor" href="#starts-with" aria-hidden="true"><span class="octicon octicon-link"></span></a>Starts With</h3>
+<a id="user-content-starts-with" class="anchor" href="#starts-with" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Starts With</h3>
 
 <p>The next selector to avoid is the starts with match. This uses the <code>^=</code> operator and matches only when the attribute value begins with the given string. For example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ent">a</span>[rel^=ext] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span>[rel^=ext] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>This rule will match any of the following:</p>
 
-<div class="highlight highlight-css"><pre>&lt;<span class="pl-ent">a</span> href="http://www<span class="pl-e">.example.com</span>" rel="external"&gt;Example&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> rel="extra"&gt;Extra! Extra!&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> rel="extreme"&gt;Extreme&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
+<div class="highlight highlight-source-css"><pre>&lt;<span class="pl-ent">a</span> href="http://www<span class="pl-e">.example.com</span>" rel="external"&gt;Example&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> rel="extra"&gt;Extra! Extra!&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> rel="extreme"&gt;Extreme&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
 
 <p>All the selector cares is that the string "ext" appears at the beginning of the attribute value of <code>rel</code>.</p>
 
 <h3>
-<a id="user-content-ends-with" class="anchor" href="#ends-with" aria-hidden="true"><span class="octicon octicon-link"></span></a>Ends With</h3>
+<a id="user-content-ends-with" class="anchor" href="#ends-with" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Ends With</h3>
 
 <p>The next selector to avoid is the ends with match. This uses the <code>$=</code> operator and matches only when the attribute value ends with the given string. For example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ent">a</span>[href$=<span class="pl-e">.html</span>] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">blue</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span>[href$=<span class="pl-e">.html</span>] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">blue</span>;<br/>}</pre></div>
 
 <p>This rule matches all <code>&lt;a&gt;</code> elements that have an <code>href</code> attribute value ending in <code>.html</code>. So the following all match:</p>
 
-<div class="highlight highlight-html"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>index.html<span class="pl-pds">"</span></span>&gt;Home&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://www.example.com/example.html<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>index.html<span class="pl-pds">"</span></span>&gt;Home&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.example.com/example.html<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
 
 <h3>
-<a id="user-content-word-match" class="anchor" href="#word-match" aria-hidden="true"><span class="octicon octicon-link"></span></a>Word Match</h3>
+<a id="user-content-word-match" class="anchor" href="#word-match" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Word Match</h3>
 
 <p>Getting even more complex is the selector that checks for a value separated by white space. The <code>~=</code> operator is used to specify the attribute value must contain the given word, meaning that it must either be the entire attribute value or part of a space-separated list of values. For example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ent">a</span>[rel~=external] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span>[rel~=external] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>This rule matches any of the following:</p>
 
-<div class="highlight highlight-html"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s1"><span class="pl-pds">"</span>external<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s1"><span class="pl-pds">"</span>external me<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s1"><span class="pl-pds">"</span>reference external<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s1"><span class="pl-pds">"</span>friend external me<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>external<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>external me<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>reference external<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>http://www.example.com<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>friend external me<span class="pl-pds">"</span></span>&gt;Example&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
 
 <h3>
-<a id="user-content-contains-with-dashes" class="anchor" href="#contains-with-dashes" aria-hidden="true"><span class="octicon octicon-link"></span></a>Contains With Dashes</h3>
+<a id="user-content-contains-with-dashes" class="anchor" href="#contains-with-dashes" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Contains With Dashes</h3>
 
 <p>The last problematic selector checks to see if the attribute value contains a string separated by dashes. The <code>|=</code> operator is used to find a substring inside of a string with the format <code>xxx-yyy-zzz</code>. For example:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ent">a</span>[data-info|=name] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">a</span>[data-info|=name] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>This matches all of the following:</p>
 
-<div class="highlight highlight-html"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">data-info</span>=<span class="pl-s1"><span class="pl-pds">"</span>name-address-phone<span class="pl-pds">"</span></span>&gt;Info&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">data-info</span>=<span class="pl-s1"><span class="pl-pds">"</span>address-name-phone<span class="pl-pds">"</span></span>&gt;Info&lt;/<span class="pl-ent">a</span>&gt;
-
-&lt;<span class="pl-ent">a</span> <span class="pl-e">data-info</span>=<span class="pl-s1"><span class="pl-pds">"</span>address-phone-name<span class="pl-pds">"</span></span>&gt;Info&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">a</span> <span class="pl-e">data-info</span>=<span class="pl-s"><span class="pl-pds">"</span>name-address-phone<span class="pl-pds">"</span></span>&gt;Info&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">data-info</span>=<span class="pl-s"><span class="pl-pds">"</span>address-name-phone<span class="pl-pds">"</span></span>&gt;Info&lt;/<span class="pl-ent">a</span>&gt;<br/><br/>&lt;<span class="pl-ent">a</span> <span class="pl-e">data-info</span>=<span class="pl-s"><span class="pl-pds">"</span>address-phone-name<span class="pl-pds">"</span></span>&gt;Info&lt;/<span class="pl-ent">a</span>&gt;</pre></div>
 
 <h3>
-<a id="user-content-performance-issues" class="anchor" href="#performance-issues" aria-hidden="true"><span class="octicon octicon-link"></span></a>Performance Issues</h3>
+<a id="user-content-performance-issues" class="anchor" href="#performance-issues" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Performance Issues</h3>
 
 <p>All of these complex attribute selectors need to perform regular expression matches on attribute values over and over again to ensure the correct visual display is achieved. Doing so slows down the overall page performance as the CSS calculation takes more time.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>regex-selectors</code></p>
 
@@ -122,39 +87,17 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span>[class~=xxx]{
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-e">.mybox</span>[class^=xxx]{
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-e">.mybox</span>[class|=xxx]{
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-e">.mybox</span>[class$=xxx]{
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-e">.mybox</span>[class<span class="pl-ent">*</span>=xxx]{
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span>[class~=xxx]{<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.mybox</span>[class^=xxx]{<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.mybox</span>[class|=xxx]{<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.mybox</span>[class$=xxx]{<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.mybox</span>[class<span class="pl-ent">*</span>=xxx]{<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span>[class=xxx]{
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-e">.mybox</span>[class]{
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span>[class=xxx]{<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.mybox</span>[class]{<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
+
+<ul>
+<li><a href="https://css-tricks.com/attribute-selectors/">The Skinny on CSS Attribute Selectors</a></li>
+</ul>
 
-<ul class="task-list">
-<li><a href="http://css-tricks.com/5591-attribute-selectors/">The Skinny on CSS Attribute Selectors</a></li>
-</ul>
\ No newline at end of file
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/shorthand.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/shorthand.html
index 17a7d7e..dd1a9c7 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/shorthand.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/shorthand.html
@@ -1,61 +1,40 @@
-<h1>Details</h1>
-      <p>Sometimes when editing a rule you may end up defining multiple properties that can better be represented using shorthand. For example:</p>
-
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">margin-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">margin-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">margin-bottom</span></span>: <span class="pl-c1">30<span class="pl-k">px</span></span>;
-}</pre></div>
+<h1>Details</h1>
+
+        <p>Sometimes when editing a rule you may end up defining multiple properties that can better be represented using shorthand. For example:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">30<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>These four properties can actually be combined into a single <code>margin</code> property, such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span> <span class="pl-c1">10<span class="pl-k">px</span></span> <span class="pl-c1">30<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span> <span class="pl-c1">10<span class="pl-k">px</span></span> <span class="pl-c1">30<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>Using shorthand properties where possible helps to decrease the overall size of the CSS.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>shorthand</code></p>
 
 <p>This rule is aimed at decreasing file size by finding properties that can be combined into one. As such, it warns in the following cases:</p>
 
-<ol class="task-list">
+<ol>
 <li>When <code>margin-left</code>, <code>margin-right</code>, <code>margin-top</code>, and <code>margin-bottom</code> are used together in a single rule.</li>
 <li>When <code>padding-left</code>, <code>padding-right</code>, <code>padding-top</code>, and <code>padding-bottom</code> are used together in a single rule.</li>
 </ol>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">margin-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">margin-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">margin-bottom</span></span>: <span class="pl-c1">30<span class="pl-k">px</span></span>;
-}
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-bottom</span></span>: <span class="pl-c1">30<span class="pl-k">px</span></span>;<br/>}
 
 <span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">padding-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">padding-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">padding-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">padding-bottom</span></span>: <span class="pl-c1">30<span class="pl-k">px</span></span>;
+    <span class="pl-c1"><span class="pl-c1">padding-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
+    <span class="pl-c1"><span class="pl-c1">padding-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
+    <span class="pl-c1"><span class="pl-c1">padding-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;
+    <span class="pl-c1"><span class="pl-c1">padding-bottom</span></span>: <span class="pl-c1">30<span class="pl-k">px</span></span>;
 }</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c">/* only two margin properties*/</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">margin-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-
-}
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* only two margin properties*/</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">margin-left</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">margin-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/><br/>}<br/><br/><span class="pl-c">/* only two padding properties */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">padding-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
-<span class="pl-c">/* only two padding properties */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">padding-right</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">padding-top</span></span>: <span class="pl-c1">20<span class="pl-k">px</span></span>;
-}</pre></div>
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/star-property-hack.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/star-property-hack.html
index 9279dcd..b96b5e6 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/star-property-hack.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/star-property-hack.html
@@ -1,19 +1,15 @@
-<h1>Details</h1>
-      <p>The star hack is a famous (or perhaps infamous) technique for applying CSS properties only to Internet Explorer prior to version 8. By placing an asterisk immediately before the property name, older versions of Internet Explorer treated as if the asterisk isn't there while other browsers simply ignore it. For example:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-    *<span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">200<span class="pl-k">px</span></span>;
-}</pre></div>
+        <p>The star hack is a famous (or perhaps infamous) technique for applying CSS properties only to Internet Explorer prior to version 8. By placing an asterisk immediately before the property name, older versions of Internet Explorer treated as if the asterisk isn't there while other browsers simply ignore it. For example:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>    *<span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">200<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>In this example, the <code>*width</code> property is treated as if it were <code>width</code> by Internet Explorer 7 and earlier, so it uses the value of <code>200px</code>; other browsers skip that property and use the value of <code>100px</code>.</p>
 
 <p>Star hack relies on an old CSS parser bug in Internet Explorer, and as such, some prefer not to use it.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>star-property-hack</code></p>
 
@@ -21,16 +17,14 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    *<span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    *<span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://en.wikipedia.org/wiki/CSS_filter#Star_hack">Star Hack</a></li>
 <li><a href="http://24ways.org/2005/avoiding-css-hacks-for-internet-explorer">Avoiding CSS Hacks for Internet Explorer</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/text-indent.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/text-indent.html
index 6e77e4e..886b064 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/text-indent.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/text-indent.html
@@ -1,27 +1,21 @@
-<h1>Details</h1>
-      <p>Negative text indents are typically used to hide text off-screen for accessibility purposes. Often used as part of an image replacement technique, using a negative text indent ensures that screen readers will read the text even though it appears offscreen. Using <code>visibility: hidden</code> or <code>display: none</code> causes the text to be skipped by screen readers, so a negative text indent has been deemed as better for accessibility.</p>
+<h1>Details</h1>
+
+        <p>Negative text indents are typically used to hide text off-screen for accessibility purposes. Often used as part of an image replacement technique, using a negative text indent ensures that screen readers will read the text even though it appears offscreen. Using <code>visibility: hidden</code> or <code>display: none</code> causes the text to be skipped by screen readers, so a negative text indent has been deemed as better for accessibility.</p>
 
 <p>The technique usually involves a very large negative number such as <code>-999px</code> or <code>-9999px</code>, such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">bg.png</span>) <span class="pl-sc">no-repeat</span>;
-    <span class="pl-mp"><span class="pl-s3">text-indent</span></span>: <span class="pl-c1">-9999<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">bg.png</span>) <span class="pl-c1">no-repeat</span>;<br/>    <span class="pl-c1"><span class="pl-c1">text-indent</span></span>: <span class="pl-c1">-9999<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>The intent of this technique is to allow the background image to show through for sighted users while screen readers receive the inline text instead.</p>
 
 <p>Negative text indents are also problematic when used in a right-to-left language page, as the effect may cause a long horizontal scrollbar to appear. This problem can be fixed by adding <code>direction: ltr</code> to the rule, such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">url</span>(<span class="pl-v">bg.png</span>) <span class="pl-sc">no-repeat</span>;
-    <span class="pl-mp"><span class="pl-s3">direction</span></span>: <span class="pl-sc">ltr</span>;
-    <span class="pl-mp"><span class="pl-s3">text-indent</span></span>: <span class="pl-c1">-9999<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">url</span>(<span class="pl-v">bg.png</span>) <span class="pl-c1">no-repeat</span>;<br/>    <span class="pl-c1"><span class="pl-c1">direction</span></span>: <span class="pl-c1">ltr</span>;<br/>    <span class="pl-c1"><span class="pl-c1">text-indent</span></span>: <span class="pl-c1">-9999<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>There are mixed opinions about whether or not negative text indents affect a page's search ranking. <a href="http://luigimontanez.com/2010/stop-using-text-indent-css-trick/">Anecdotal accounts </a> seems to indicate Google treats negative text indents as a spam technique, but this has not been confirmed. </p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>text-indent</code></p>
 
@@ -29,42 +23,19 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c">/* missing direction */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-c">/* missing direction */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">em</span></span>;
-}
-
-<span class="pl-c">/* direction is rtl */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">direction</span></span>: <span class="pl-sc">rtl</span>;
-    <span class="pl-mp"><span class="pl-s3">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">em</span></span>;
-}
-</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* missing direction */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-c">/* missing direction */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">em</span></span>;<br/>}<br/><br/><span class="pl-c">/* direction is rtl */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">direction</span></span>: <span class="pl-c1">rtl</span>;<br/>    <span class="pl-c1"><span class="pl-c1">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">em</span></span>;<br/>}<br/></pre></div>
 
 <p>The following patterns are considered okay and do not cause a warning:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* direction used */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">direction</span></span>: <span class="pl-sc">ltr</span>;
-    <span class="pl-mp"><span class="pl-s3">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">em</span></span>;
-}
-
-<span class="pl-c">/* Not obviously used to hide text */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">text-indent</span></span>: <span class="pl-c1">-1<span class="pl-k">em</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* direction used */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">direction</span></span>: <span class="pl-c1">ltr</span>;<br/>    <span class="pl-c1"><span class="pl-c1">text-indent</span></span>: <span class="pl-c1">-999<span class="pl-k">em</span></span>;<br/>}<br/><br/><span class="pl-c">/* Not obviously used to hide text */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">text-indent</span></span>: <span class="pl-c1">-1<span class="pl-k">em</span></span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://aext.net/2010/02/css-text-indent-style-your-html-form/">CSS text-indent: An Excellent Trick To Style Your HTML Form</a></li>
 <li><a href="http://luigimontanez.com/2010/stop-using-text-indent-css-trick/">Stop Using the text-indent: -9999px Trick</a></li>
 <li><a href="http://css-tricks.com/examples/ImageReplacement/">CSS Image Replacement Museum</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/underscore-property-hack.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/underscore-property-hack.html
index 0c7a175..834196e 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/underscore-property-hack.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/underscore-property-hack.html
@@ -1,19 +1,15 @@
-<h1>Details</h1>
-      <p>The underscore hack is a technique for applying CSS properties only to Internet Explorer prior to version 7. By placing an underscore immediately before the property name, older versions of Internet Explorer treated as if the underscore isn't there while other browsers simply ignore it. For example:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-    _<span class="pl-mp">width</span>: <span class="pl-c1">200<span class="pl-k">px</span></span>;
-}</pre></div>
+        <p>The underscore hack is a technique for applying CSS properties only to Internet Explorer prior to version 7. By placing an underscore immediately before the property name, older versions of Internet Explorer treated as if the underscore isn't there while other browsers simply ignore it. For example:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>    _<span class="pl-c1">width</span>: <span class="pl-c1">200<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>In this example, the <code>_width</code> property is treated as if it were <code>width</code> by Internet Explorer 6 and earlier, so it uses the value of <code>200px</code>; other browsers skip that property and use the value of <code>100px</code>.</p>
 
 <p>The underscore hack relies on an old CSS parser bug in Internet Explorer, and as such, some prefer not to use it.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>underscore-property-hack</code></p>
 
@@ -21,16 +17,14 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-sc">solid</span> <span class="pl-sc">black</span>;
-    _<span class="pl-mp">width</span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">black</span>;<br/>    _<span class="pl-c1">width</span>: <span class="pl-c1">100<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://en.wikipedia.org/wiki/CSS_filter#Underscore_hack">Underscore Hack</a></li>
 <li><a href="http://24ways.org/2005/avoiding-css-hacks-for-internet-explorer">Avoiding CSS Hacks for Internet Explorer</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/unique-headings.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/unique-headings.html
index da1297b..e7a8901 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/unique-headings.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/unique-headings.html
@@ -1,8 +1,9 @@
-<h1>Details</h1>
-      <p>Object-Oriented CSS (OOCSS) works by defining reusable objects that can be put into place anywhere on a site and appear exactly the same. The heading elements (<code>h1</code>-<code>h6</code>) are considered to be built-in objects that should look the same regardless of where they appear. As such, each heading should have exactly one rule defining its appearance. Multiple rules defining the same heading appearance can lead to objects that are hard to use because the context defines the appearance rather than being completely atomic.</p>
+<h1>Details</h1>
+
+        <p>Object-Oriented CSS (OOCSS) works by defining reusable objects that can be put into place anywhere on a site and appear exactly the same. The heading elements (<code>h1</code>-<code>h6</code>) are considered to be built-in objects that should look the same regardless of where they appear. As such, each heading should have exactly one rule defining its appearance. Multiple rules defining the same heading appearance can lead to objects that are hard to use because the context defines the appearance rather than being completely atomic.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>unique-headings</code></p>
 
@@ -10,29 +11,17 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* Two rules for h3 */</span>
-<span class="pl-ent">h3</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">normal</span>;
-}
-
-<span class="pl-e">.box</span> <span class="pl-ent">h3</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">bold</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* Two rules for h3 */</span><br/><span class="pl-ent">h3</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;<br/>}<br/><br/><span class="pl-e">.box</span> <span class="pl-ent">h3</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">bold</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* :hover doesn't count */</span>
-<span class="pl-ent">h3</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">normal</span>;
-}
-
-<span class="pl-ent">h3</span><span class="pl-e">:hover</span> {
-    <span class="pl-mp"><span class="pl-s3">font-weight</span></span>: <span class="pl-sc">bold</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* :hover doesn't count */</span><br/><span class="pl-ent">h3</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">normal</span>;<br/>}<br/><br/><span class="pl-ent">h3</span><span class="pl-e">:hover</span> {<br/>    <span class="pl-c1"><span class="pl-c1">font-weight</span></span>: <span class="pl-c1">bold</span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.slideshare.net/stubbornella/object-oriented-css">Object-Oriented CSS</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/universal-selector.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/universal-selector.html
index 0f5324d..c595c9e 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/universal-selector.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/universal-selector.html
@@ -1,16 +1,13 @@
-<h1>Details</h1>
-      <p>The universal selector (<code>*</code>) matches all elements. Though convenient for selecting a group of elements at a time, the universal selector causes performance issues when used as the key part (far-right) of a selector. For example, this type of rule should be avoided:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> <span class="pl-ent">*</span> {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-c1">#fff</span>;
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#000</span>;
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">rgba</span>(<span class="pl-c1">255, 255, 255, 0.5</span>);
-}</pre></div>
+        <p>The universal selector (<code>*</code>) matches all elements. Though convenient for selecting a group of elements at a time, the universal selector causes performance issues when used as the key part (far-right) of a selector. For example, this type of rule should be avoided:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> <span class="pl-ent">*</span> {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#fff</span>;<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#000</span>;<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">255, 255, 255, 0.5</span>);<br/>}</pre></div>
 
 <p>Browsers evaluate selectors from right-to-left, so this rule begins by first matching every element in the document. After that, each of those elements must be inspected to see if it matches the next criteria, which is having an ancestor with the class of <code>mybox</code>. The more complex the selector containing <code>*</code>, the slower the evaluation becomes. For this reason, it's recommended to avoid using the universal selector as the key part of a selector.  </p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>universal-selector</code></p>
 
@@ -18,19 +15,10 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-ent">*</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-e">.selected</span> <span class="pl-ent">*</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-ent">*</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.selected</span> <span class="pl-ent">*</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* universal selector is not key */</span>
-<span class="pl-e">.selected</span> <span class="pl-ent">*</span> <span class="pl-ent">a</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* universal selector is not key */</span><br/><span class="pl-e">.selected</span> <span class="pl-ent">*</span> <span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
-    </div>
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/unqualified-attributes.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/unqualified-attributes.html
index b33829f..b7a050b 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/unqualified-attributes.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/unqualified-attributes.html
@@ -1,16 +1,13 @@
-<h1>Details</h1>
-      <p>Unqualified attribute selectors, such as <code>[type=text]</code>, match all elements first and then check their attributes. This means unqualified attribute selectors have the same performance characteristics as the universal selector (<code>*</code>). Similar to the universal selector, unqualified attribute selectors cause performance issues when used as the key part (far-right) of a selector. For example, this type of rule should be avoided:</p>
+<h1>Details</h1>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> [type=text] {
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-c1">#fff</span>;
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#000</span>;
-    <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">rgba</span>(<span class="pl-c1">255, 255, 255, 0.5</span>);
-}</pre></div>
+        <p>Unqualified attribute selectors, such as <code>[type=text]</code>, match all elements first and then check their attributes. This means unqualified attribute selectors have the same performance characteristics as the universal selector (<code>*</code>). Similar to the universal selector, unqualified attribute selectors cause performance issues when used as the key part (far-right) of a selector. For example, this type of rule should be avoided:</p>
+
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> [type=text] {<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#fff</span>;<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#000</span>;<br/>    <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">255, 255, 255, 0.5</span>);<br/>}</pre></div>
 
 <p>Browsers evaluate selectors from right-to-left, so this rule begins by first matching every element in the document and then checking the attribute. After that, each of those elements must be inspected to see if it matches the next criteria, which is having an ancestor with the class of <code>mybox</code>. The more complex the selector containing unqualified attributes, the slower the evaluation becomes. For this reason, it's recommended to avoid using the qualified attribute selectors as the key part of a selector.  </p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>unqualified-attributes</code></p>
 
@@ -18,19 +15,10 @@ <h2>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>[type=text] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-e">.selected</span> [type=text] {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre>[type=text] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.selected</span> [type=text] {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* unqualified attribute selector is not key */</span>
-<span class="pl-e">.selected</span> [type=text] <span class="pl-ent">a</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* unqualified attribute selector is not key */</span><br/><span class="pl-e">.selected</span> [type=text] <span class="pl-ent">a</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
 
-    </div>
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/vendor-prefix.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/vendor-prefix.html
index a02d703..e7c7c7b 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/vendor-prefix.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/vendor-prefix.html
@@ -1,52 +1,39 @@
-<h1>Details</h1>
-      <p>Vendor-prefixed properties are created by browser vendors to experiment with new CSS features before the standard has been completed. This allows both developers and browser vendors to find bugs and cross-browser compatibility issues without being locked in to a certain behavior in the future. The standard version of the property usually (but not always) has the same name and syntax as the vendor-prefixed version, providing that there are two or more vendor-prefixed versions with the same syntax.</p>
+<h1>Details</h1>
+
+        <p>Vendor-prefixed properties are created by browser vendors to experiment with new CSS features before the standard has been completed. This allows both developers and browser vendors to find bugs and cross-browser compatibility issues without being locked in to a certain behavior in the future. The standard version of the property usually (but not always) has the same name and syntax as the vendor-prefixed version, providing that there are two or more vendor-prefixed versions with the same syntax.</p>
 
 <p>When using vendor-prefixed properties such as <code>-moz-border-radius</code>, you should also include the standard property for future-compatibility. The standard property should come after the vendor-prefixed one to ensure the standard property is used by the browser, such as:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp">-moz-<span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1">-moz-<span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>Putting the standard property after the vendor-prefixed property is the best way to ensure your CSS code will continue to work once the standard property is fully adopted (then you can take your time going back and removing the vendor-prefixed properties).</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>vendor-prefix</code></p>
 
 <p>This rule is aimed at ensuring standard properties are included whenever vendor-prefixed properties are used. As such, the rule warns when it finds:</p>
 
-<ol class="task-list">
+<ol>
 <li>A vendor-prefixed property without a standard property after it.</li>
 <li>A vendor-prefixed property with a standard property defined before it.</li>
 </ol>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre>
-<span class="pl-c">/* missing standard property */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp">-moz-<span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-c">/* standard property should come after vendor-prefixed property */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp">-webkit-<span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* missing standard property */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1">-moz-<span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-c">/* standard property should come after vendor-prefixed property */</span><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1">-webkit-<span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>The following patterns are considered okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-c">/* both vendor-prefix and standard property */</span>
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp">-moz-<span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-    <span class="pl-mp"><span class="pl-s3">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-c">/* both vendor-prefix and standard property */</span>
+<span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1">-moz-<span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>    <span class="pl-c1"><span class="pl-c1">border-radius</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <h2>
-<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><span class="octicon octicon-link"></span></a>Further Reading</h2>
+<a id="user-content-further-reading" class="anchor" href="#further-reading" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Further Reading</h2>
 
-<ul class="task-list">
+<ul>
 <li><a href="http://www.456bereastreet.com/archive/201009/remember_non-vendor-prefixed_css_3_properties_and_put_them_last/">Remember non-vendor-prefixed CSS 3 properties (and put them last)</a></li>
 </ul>
+
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-css/src/main/resources/rules/csslint/zero-units.html b/sonar-web-frontend-css/src/main/resources/rules/csslint/zero-units.html
index 7caff85..6287306 100644
--- a/sonar-web-frontend-css/src/main/resources/rules/csslint/zero-units.html
+++ b/sonar-web-frontend-css/src/main/resources/rules/csslint/zero-units.html
@@ -1,35 +1,22 @@
-<h1>Details</h1>
-      <p>The value of <code>0</code> works without specifying units in all situations where numbers with units or percentages are allowed. There is no difference between <code>0px</code>, <code>0em</code>, <code>0%</code>, or any other zero-value. The units aren't important because the value is still zero. CSS allows you to omit the units for zero values and still remain valid CSS.</p>
+<h1>Details</h1>
 
-<p>It's recommended to remove units for all zero values because these units aren't being used by the browser and therefore can be safely removed to save bytes.</p>
+        <p>The value of <code>0</code> works without specifying units in all situations where numbers with length units or percentages are allowed. There is no difference between <code>0px</code>, <code>0em</code>, <code>0%</code>, or any other zero-value. The units aren't important because the value is still zero. CSS allows you to omit the length units for zero values and still remain valid CSS.</p>
+
+<p>It's recommended to remove units for all zero length values because these units aren't being used by the browser and therefore can be safely removed to save bytes.</p>
 
 <h2>
-<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><span class="octicon octicon-link"></span></a>Rule Details</h2>
+<a id="user-content-rule-details" class="anchor" href="#rule-details" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Rule Details</h2>
 
 <p>Rule ID: <code>zero-units</code></p>
 
-<p>This rule is aimed at flagging zero values that still have units. As such, it warns when <code>0</code> is found followed by a unit or a percentage sign.</p>
+<p>This rule is aimed at flagging zero length values that still have units. As such, it warns when <code>0</code> is found followed by a unit or a percentage sign.</p>
 
 <p>The following patterns are considered warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0<span class="pl-k">px</span></span>;
-}
-
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">width</span></span>: <span class="pl-c1">0<span class="pl-k">%</span></span>;
-}
-
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span> <span class="pl-c1">0<span class="pl-k">px</span></span>;
-}</pre></div>
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0<span class="pl-k">px</span></span>;<br/>}<br/><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">width</span></span>: <span class="pl-c1">0<span class="pl-k">%</span></span>;<br/>}<br/><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span> <span class="pl-c1">0<span class="pl-k">px</span></span>;<br/>}</pre></div>
 
 <p>The following patterns are okay and do not cause warnings:</p>
 
-<div class="highlight highlight-css"><pre><span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0</span>;
-}
+<div class="highlight highlight-source-css"><pre><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<br/>}<br/><br/><span class="pl-e">.mybox</span> {<br/>    <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;<br/>}</pre></div>
 
-<span class="pl-e">.mybox</span> {
-    <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">10<span class="pl-k">px</span></span> <span class="pl-c1">0</span>;
-}</pre></div>
+      
\ No newline at end of file
diff --git a/sonar-web-frontend-html/pom.xml b/sonar-web-frontend-html/pom.xml
index f02105d..d763c51 100644
--- a/sonar-web-frontend-html/pom.xml
+++ b/sonar-web-frontend-html/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-web-frontend-html</artifactId>
diff --git a/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/duplication/HtmlDuplicationConstants.java b/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/duplication/HtmlDuplicationConstants.java
index ad510e4..b777703 100644
--- a/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/duplication/HtmlDuplicationConstants.java
+++ b/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/duplication/HtmlDuplicationConstants.java
@@ -8,7 +8,7 @@ public class HtmlDuplicationConstants extends HtmlLanguageConstants implements D
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.duplication.html.file.missing.fail";
 	public static final String SKIP_DUPLICATION_KEY = "sonar.sii.duplication.html.skip";
 	public static final String SKIP_DUPLICATION_DEFVAL = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/html-duplication.xml";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/html-duplication.xml";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Duplication";
 	
diff --git a/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/quality/HtmlHintQualityConstants.java b/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/quality/HtmlHintQualityConstants.java
index 5b66500..02ca76a 100644
--- a/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/quality/HtmlHintQualityConstants.java
+++ b/sonar-web-frontend-html/src/main/java/fr/sii/sonar/web/frontend/html/quality/HtmlHintQualityConstants.java
@@ -10,7 +10,7 @@ public class HtmlHintQualityConstants extends HtmlLanguageConstants implements Q
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.html.file.missing.fail";
 	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.html.file.metrics.skip";
 	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/htmlhint.json";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/htmlhint.json";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String RULES_PATH = "/rules/htmlhint.json";
 	public static final String REPOSITORY_NAME = "HTMLHint";
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint.css b/sonar-web-frontend-html/src/main/resources/rules/htmlhint.css
index 157c776..3a3b13c 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint.css
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint.css
@@ -1,4 +1,82 @@
-.extended-html-description {
+.ehd {
 	margin-top: 20px;
 	margin-bottom: 30px;
+}
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  color: #333;
+  background: #f8f8f8;
+}
+.hljs-comment,
+.hljs-quote {
+  color: #998;
+  font-style: italic;
+}
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-subst {
+  color: #333;
+  font-weight: bold;
+}
+.hljs-number,
+.hljs-literal,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag .hljs-attr {
+  color: #008080;
+}
+.hljs-string,
+.hljs-doctag {
+  color: #d14;
+}
+.hljs-title,
+.hljs-section,
+.hljs-selector-id {
+  color: #900;
+  font-weight: bold;
+}
+.hljs-subst {
+  font-weight: normal;
+}
+.hljs-type,
+.hljs-class .hljs-title {
+  color: #458;
+  font-weight: bold;
+}
+.hljs-tag,
+.hljs-name,
+.hljs-attribute {
+  color: #000080;
+  font-weight: normal;
+}
+.hljs-regexp,
+.hljs-link {
+  color: #009926;
+}
+.hljs-symbol,
+.hljs-bullet {
+  color: #990073;
+}
+.hljs-built_in,
+.hljs-builtin-name {
+  color: #0086b3;
+}
+.hljs-meta {
+  color: #999;
+  font-weight: bold;
+}
+.hljs-deletion {
+  background: #fdd;
+}
+.hljs-addition {
+  background: #dfd;
+}
+.hljs-emphasis {
+  font-style: italic;
+}
+.hljs-strong {
+  font-weight: bold;
 }
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint.json b/sonar-web-frontend-html/src/main/resources/rules/htmlhint.json
index c1f3d4a..82b7fdd 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint.json
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint.json
@@ -1,136 +1,365 @@
-[
-
-    {
-        "key":"attr-lowercase",
-        "name":"Attribute case",
-        "description":"Attribute name must be lowercase.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"attr-no-duplication",
-        "name":"Attribute duplicated",
-        "description":"Attribute name can not been duplication.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"attr-unsafe-chars",
-        "name":"Attribute contains unsafe chars.",
-        "description":"Attribute value cant not use unsafe chars.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"attr-value-double-quotes",
-        "name":"Use double quotes in attributes",
-        "description":"Attribute value must closed by double quotes.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"attr-value-not-empty",
-        "name":"Empty attribute value",
-        "description":"Attribute must set value.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"csslint",
-        "name":"csslint",
-        "description":"Scan css with csslint.",
-        "severity":"INFO"
-    },
-    {
-        "key":"doctype-first",
-        "name":"Doctype first",
-        "description":"Doctype must be first.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"doctype-html5",
-        "name":"Doctype html5",
-        "description":"Doctype must be html5.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"head-script-disabled",
-        "name":"Script in head",
-        "description":"The script tag can not be used in head.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"href-abs-or-rel",
-        "name":"Absolute or relative href",
-        "description":"Href must be absolute or relative.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"id-class-ad-disabled",
-        "name":"ad keyword",
-        "description":"Id and class can not use ad keyword, it will blocked by adblock software.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"id-class-value",
-        "name":"id and class naming",
-        "description":"Id and class value must meet some rules.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"id-unique",
-        "name":"Unique id",
-        "description":"Id must be unique.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"img-alt-require",
-        "name":"Alt required",
-        "description":"Alt of img tag must be set value.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"jshint",
-        "name":"jshint",
-        "description":"Scan script with jshint.",
-        "severity":"INFO"
-    },
-    {
-        "key":"space-tab-mixed-disabled",
-        "name":"Spaces or tabs",
-        "description":"Spaces and tabs can not mixed in front of line.",
-        "severity":"INFO"
-    },
-    {
-        "key":"spec-char-escape",
-        "name":"Special characters",
-        "description":"Special characters must be escaped.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"src-not-empty",
-        "name":"Empty src",
-        "description":"Src of img(script,link) must set value.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"style-disabled",
-        "name":"Style tag",
-        "description":"Style tag can not be use.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"tag-pair",
-        "name":"Tag pair",
-        "description":"Tag must be paired.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"tag-self-close",
-        "name":"Empty tag self close",
-        "description":"The empty tag must closed by self.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"tagname-lowercase",
-        "name":"Tag case",
-        "description":"Tagname must be lowercase.",
-        "severity":"MINOR"
-    }
-
-]
\ No newline at end of file
+[ {
+  "key" : "attr-lowercase",
+  "name" : "Attribute case",
+  "description" : "Attribute name must be lowercase.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "attr-no-duplication",
+  "name" : "Attribute duplicated",
+  "description" : "Attribute name can not been duplication.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "pitfall", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "attr-unsafe-chars",
+  "name" : "Attribute contains unsafe chars.",
+  "description" : "Attribute value cant not use unsafe chars.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "attr-value-double-quotes",
+  "name" : "Use double quotes in attributes",
+  "description" : "Attribute value must closed by double quotes.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "attr-value-not-empty",
+  "name" : "Empty attribute value",
+  "description" : "Attribute must set value.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "csslint",
+  "name" : "csslint",
+  "description" : "Scan css with csslint.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "doctype-first",
+  "name" : "Doctype first",
+  "description" : "Doctype must be first.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "bug", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "doctype-html5",
+  "name" : "Doctype html5",
+  "description" : "Doctype must be html5.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "obsolete", "html5" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "head-script-disabled",
+  "name" : "Script in head",
+  "description" : "The script tag can not be used in head.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "bad-practice", "pitfall", "user-experience" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "href-abs-or-rel",
+  "name" : "Absolute or relative href",
+  "description" : "Href must be absolute or relative.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_CHANGEABILITY"
+  }
+}, {
+  "key" : "id-class-ad-disabled",
+  "name" : "ad keyword",
+  "description" : "Id and class can not use ad keyword, it will blocked by adblock software.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "RESOURCE_RELIABILITY"
+  }
+}, {
+  "key" : "id-class-value",
+  "name" : "id and class naming",
+  "description" : "Id and class value must meet some rules.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "id-unique",
+  "name" : "Unique id",
+  "description" : "Id must be unique.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "img-alt-require",
+  "name" : "Alt required",
+  "description" : "Alt of img tag must be set value.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "user-experience", "accessibility" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "USABILITY_ACCESSIBILITY"
+  }
+}, {
+  "key" : "jshint",
+  "name" : "jshint",
+  "description" : "Scan script with jshint.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "space-tab-mixed-disabled",
+  "name" : "Spaces or tabs",
+  "description" : "Spaces and tabs can not mixed in front of line.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "spec-char-escape",
+  "name" : "Special characters",
+  "description" : "Special characters must be escaped.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "src-not-empty",
+  "name" : "Empty src",
+  "description" : "Src of img(script,link) must set value.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "style-disabled",
+  "name" : "Style tag disabled",
+  "description" : "Style tag can not be use.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "tag-pair",
+  "name" : "Tag pair",
+  "description" : "Tag must be paired.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "tag-self-close",
+  "name" : "Empty tag self close",
+  "description" : "The empty tag must closed by self.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "tagname-lowercase",
+  "name" : "Tagname lowercase",
+  "description" : "Tagname must be lowercase",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "title-require",
+  "name" : "title required",
+  "description" : "title must be present in head",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "accessibility", "user-experience" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "USABILITY_EASE_OF_USE"
+  }
+}, {
+  "key" : "alt-require",
+  "name" : "alt required",
+  "description" : "Alt of img must be present and alt of area[href] and input[type=image] must be set value",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "user-experience", "accessibility" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "USABILITY_ACCESSIBILITY"
+  }
+}, {
+  "key" : "inline-style-disabled",
+  "name" : "inline style disabled",
+  "description" : "Inline style cannot be used",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_CHANGEABILITY"
+  }
+}, {
+  "key" : "inline-script-disabled",
+  "name" : "inline script disabled",
+  "description" : "Inline script cannot be used",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "htmlhint", "convention", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_CHANGEABILITY"
+  }
+} ]
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/alt-require.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/alt-require.html
new file mode 100644
index 0000000..f682171
--- /dev/null
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/alt-require.html
@@ -0,0 +1,11 @@
+<h1>Details</h1>
+<p>Alt of img must be present and alt of area[href] and input[type=image] must be set value.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.png"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"test"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"image"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"test"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">area</span> <span class="hljs-attr">shape</span>=<span class="hljs-string">"circle"</span> <span class="hljs-attr">coords</span>=<span class="hljs-string">"180,139,14"</span> <span class="hljs-attr">href</span> =<span class="hljs-string">"test.html"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"test"</span> /&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.png"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"image"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">area</span> <span class="hljs-attr">shape</span>=<span class="hljs-string">"circle"</span> <span class="hljs-attr">coords</span>=<span class="hljs-string">"180,139,14"</span> <span class="hljs-attr">href</span> =<span class="hljs-string">"test.html"</span> /&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-lowercase.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-lowercase.html
index f82a884..16ac35c 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-lowercase.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-lowercase.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Attribute name must be lowercase.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;img src="test.png" alt="test"&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;img SRC="test.png" ALT="test"&gt;
-</code></pre>
\ No newline at end of file
+<h1>Details</h1>
+<p>Attribute name must be lowercase.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.png"</span> <span class="hljs-attr">alt</span>=<span class="hljs-string">"test"</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">SRC</span>=<span class="hljs-string">"test.png"</span> <span class="hljs-attr">ALT</span>=<span class="hljs-string">"test"</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-no-duplication.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-no-duplication.html
index ecbe764..1c48a78 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-no-duplication.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-no-duplication.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Attribute name can not been duplicated.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;img src="a.png" /&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;img src="a.png" src="b.png" /&gt;
-</code></pre>
+<h1>Details</h1>
+<p>The same attribute can't be specified twice.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"a.png"</span> /&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"a.png"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"b.png"</span> /&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-unsafe-chars.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-unsafe-chars.html
index f9ad47e..c4acf66 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-unsafe-chars.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-unsafe-chars.html
@@ -1,14 +1,13 @@
-<h1>Details</h1>
-<p>Attribute value cant not use unsafe chars.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;li&gt;&lt;a href="https://vimeo.com/album/1951235/video/56931059"&gt;Sud Web 2012&lt;/a&gt;&lt;/li&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;li&gt;&lt;a href="https://vimeo.com/album/1951235/video/56931059‎"&gt;Sud Web 2012&lt;/a&gt;&lt;/li&gt;
-</code></pre>
-
-<p>Tip: The unsafe chars is in the tail of the href attribute.</p>
+<h1>Details</h1>
+<p>Attribute value cant not use unsafe chars.</p>
+<p>regexp: <code>/[\u0000-\u0009\u000b\u000c\u000e-\u001f\u007f-\u009f\u00ad\u0600-\u0604\u070f\u17b4\u17b5\u200c-\u200f\u2028-\u202f\u2060-\u206f\ufeff\ufff0-\uffff]/</code></p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://vimeo.com/album/1951235/video/56931059"</span>&gt;</span>Sud Web 2012<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://vimeo.com/album/1951235/video/56931059‎"</span>&gt;</span>Sud Web 2012<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><br></code></pre>
+<p>Tip: The unsafe chars is in the tail of the href attribute.</p>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-double-quotes.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-double-quotes.html
index 2983b67..2befe63 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-double-quotes.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-double-quotes.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Attribute value must closed by double quotes.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;a href="" title="abc"&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;a href='' title=abc&gt;
-</code></pre>
\ No newline at end of file
+<h1>Details</h1>
+<p>Attribute value must closed by double quotes.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">""</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"abc"</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">''</span> <span class="hljs-attr">title</span>=<span class="hljs-string">abc</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-not-empty.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-not-empty.html
index 40f7297..d65fa01 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-not-empty.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/attr-value-not-empty.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Attribute must set value.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;input type="button" disabled="disabled"&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;input type="button" disabled&gt;
-</code></pre>
\ No newline at end of file
+<h1>Details</h1>
+<p>Attribute must set value.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">disabled</span>=<span class="hljs-string">"disabled"</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">input</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"button"</span> <span class="hljs-attr">disabled</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/csslint.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/csslint.html
index bbff37a..02bc992 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/csslint.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/csslint.html
@@ -1,2 +1,3 @@
-<h1>Details</h1>
-<p>All csslint rules: <a href="https://github.com/stubbornella/csslint/wiki/Rules">https://github.com/stubbornella/csslint/wiki/Rules</a></p>
+<h1>Details</h1>
+<p>Scan css with csslint.</p>
+<p>All csslint rules: <a href="https://github.com/stubbornella/csslint/wiki/Rules">https://github.com/stubbornella/csslint/wiki/Rules</a></p>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-first.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-first.html
index c5a07d1..869a9d1 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-first.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-first.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Doctype must be first.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;!DOCTYPE HTML&gt;&lt;html&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;!--comment--&gt;&lt;!DOCTYPE HTML&gt;&lt;html&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Doctype must be first.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-meta">&lt;!DOCTYPE HTML&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-comment">&lt;!--comment--&gt;</span><span class="hljs-meta">&lt;!DOCTYPE HTML&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-html5.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-html5.html
index 8143720..3e78ca5 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-html5.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/doctype-html5.html
@@ -1,7 +1,9 @@
-<h1>Details</h1>
-<p>Doctype must be html5.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;!DOCTYPE HTML&gt;&lt;html&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Doctype must be html5.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-meta">&lt;!DOCTYPE HTML&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/head-script-disabled.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/head-script-disabled.html
index 6520766..e309945 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/head-script-disabled.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/head-script-disabled.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>The script tag can not be used in head.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;body&gt;&lt;script type="text/javascript" src="test.js"&gt;&lt;/script&gt;&lt;/body&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;head&gt;&lt;script type="text/javascript" src="test.js"&gt;&lt;/script&gt;&lt;/head&gt;
-</code></pre>
+<h1>Details</h1>
+<p>The script tag can not be used in head.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">body</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/javascript"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.js"</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">body</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/javascript"</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.js"</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/href-abs-or-rel.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/href-abs-or-rel.html
index 0ca3d41..474456c 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/href-abs-or-rel.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/href-abs-or-rel.html
@@ -1,8 +1,10 @@
-<h1>Details</h1>
-<p>Href must be absolute or relative.</p>
-
-<p>good:</p>
-
-<pre><code>abs: &lt;a href="http://www.alibaba.com/"&gt;test1&lt;/a&gt; &lt;a href="https://www.alipay.com/"&gt;test2&lt;/a&gt;
-rel: &lt;a href="test.html"&gt;test1&lt;/a&gt; &lt;a href="../test.html"&gt;test2&lt;/a&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Href must be absolute or relative.</p>
+<p>good:</p>
+<pre><code class="html hljs">abs: <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"http://www.alibaba.com/"</span>&gt;</span>test1<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"https://www.alipay.com/"</span>&gt;</span>test2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br>rel: <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"test.html"</span>&gt;</span>test1<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"../test.html"</span>&gt;</span>test2<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>abs: absolute mode</li>
+<li>rel: relative mode</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-ad-disabled.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-ad-disabled.html
index 5409e51..2c05d95 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-ad-disabled.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-ad-disabled.html
@@ -1,13 +1,11 @@
-<h1>Details</h1>
-<p>Id and class can not use ad keyword, it will blocked by adblock software.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;div id="adcontainer"&gt;&lt;/div&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;div id="ad-container"&gt;&lt;/div&gt;
-&lt;div id="ad_container"&gt;&lt;/div&gt;
-</code></pre>
\ No newline at end of file
+<h1>Details</h1>
+<p>Id and class can not use ad keyword, it will blocked by adblock software.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"adcontainer"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"ad-container"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"ad_container"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-value.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-value.html
index fd56140..265e983 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-value.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-class-value.html
@@ -1,9 +1,11 @@
-<h1>Details</h1>
-<p>Id and class value must meet some rules: underline, dash, hump.</p>
-
-<p>good:</p>
-
-<pre><code>underline: &lt;div id="aaa_bbb"&gt;
-dash: &lt;div id="aaa-bbb"&gt;
-hump: &lt;div id="aaaBbb"&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Id and class value must meet some rules: underline, dash, hump.</p>
+<p>good:</p>
+<pre><code class="html hljs">underline: <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"aaa_bbb"</span>&gt;</span><br>dash: <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"aaa-bbb"</span>&gt;</span><br>hump: <span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"aaaBbb"</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>underline: underline mode ( aaa_bb )</li>
+<li>dash: enable rule ( aaa-bbb )</li>
+<li>hump: enable rule ( aaaBbb )</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-unique.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-unique.html
index 5258663..619d605 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-unique.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/id-unique.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Id must be unique.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;div id="id1"&gt;&lt;/div&gt;&lt;div id="id2"&gt;&lt;/div&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;div id="id1"&gt;&lt;/div&gt;&lt;div id="id1"&gt;&lt;/div&gt;
-</code></pre>
+<h1>Details</h1>
+<p>ID attributes must be unique in the document.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"id1"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"id2"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"id1"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"id1"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/inline-script-disabled.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/inline-script-disabled.html
new file mode 100644
index 0000000..0d2fa0a
--- /dev/null
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/inline-script-disabled.html
@@ -0,0 +1,9 @@
+<h1>Details</h1>
+<p>Inline script cannot be use.</p>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.gif"</span> <span class="hljs-attr">onclick</span>=<span class="hljs-string">"alert(1);"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"javascript:alert(1)"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"javascript:alert(1)"</span>&gt;</span>test1<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/inline-style-disabled.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/inline-style-disabled.html
new file mode 100644
index 0000000..3f44f20
--- /dev/null
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/inline-style-disabled.html
@@ -0,0 +1,9 @@
+<h1>Details</h1>
+<p>Inline style cannot be use.</p>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">div</span> <span class="hljs-attr">style</span>=<span class="hljs-string">"color:red"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">div</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/jshint.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/jshint.html
index 141f864..6977da6 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/jshint.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/jshint.html
@@ -1,4 +1,3 @@
-<h1>Details</h1>
-<p>Scan script with jshint.</p>
-
-<p>All jshint rules: <a href="http://jshint.com/docs/#options">http://jshint.com/docs/#options</a></p>
+<h1>Details</h1>
+<p>Scan script with jshint.</p>
+<p>All jshint rules: <a href="http://jshint.com/docs/options/">http://jshint.com/docs/options/</a></p>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/space-tab-mixed-disabled.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/space-tab-mixed-disabled.html
index a6b356d..9d1d56c 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/space-tab-mixed-disabled.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/space-tab-mixed-disabled.html
@@ -1,17 +1,13 @@
-<h1>Details</h1>
-<p>Spaces and tabs can not mixed in front of line.</p>
-
-
-<p>good:</p>
-
-<pre><code>        &lt;img src="tab.png" /&gt;
-          &lt;img src="space.png" /&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>         &lt;img src="tab_before_space.png" /&gt;
-    &lt;img src="space_before_tab.png" /&gt;
-</code></pre>
-
-<p>Tip: github will replace tab to space, read md file to read raw code.</p>
+<h1>Details</h1>
+<p>Spaces and tabs can not mixed in front of line.</p>
+<p>good:</p>
+<pre><code class="html hljs">   →   →<span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"tab.png"</span> /&gt;</span><br>········<span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"space.png"</span> /&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs">   →····<span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"tab_before_space.png"</span> /&gt;</span><br>····   →<span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"space_before_tab.png"</span> /&gt;</span><br></code></pre>
+<p>Note: in the examples above, spaces and tabs are represented by <code>·</code> and <code>→</code>, respectively, to make the difference visible.</p>
+<p>config value:</p>
+<ol>
+<li>space: space mode (only space for indentation)</li>
+<li>tab: tab mode (only tab for indentation)</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/spec-char-escape.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/spec-char-escape.html
index ee10670..9b95ad9 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/spec-char-escape.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/spec-char-escape.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Special characters must be escaped.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;span&gt;aaa&amp;gt;bbb&amp;lt;ccc&lt;/span&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;span&gt;aaa&gt;bbb&lt;ccc&lt;/span&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Special characters must be escaped.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span>aaa&amp;gt;bbb&amp;lt;ccc<span class="hljs-tag">&lt;/<span class="hljs-name">span</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs">&lt;span&gt;aaa&gt;bbb&lt;ccc&lt;/span&gt;<br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/src-not-empty.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/src-not-empty.html
index 4a8e99f..718e26b 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/src-not-empty.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/src-not-empty.html
@@ -1,33 +1,12 @@
-<h1>Details</h1>
-<p>Src of img(script,link) must set value.</p>
-
-<p>Emtpy of src will visit current page twice.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;img src="test.png" /&gt;
-&lt;script src="test.js"&gt;&lt;/script&gt;
-&lt;link href="test.css" type="text/css" /&gt;
-&lt;embed src="test.swf"&gt;
-&lt;bgsound src="test.mid" /&gt;
-&lt;iframe src="test.html"&gt;
-&lt;object data="test.swf"&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;img src /&gt;
-&lt;script src=""&gt;&lt;/script&gt;
-&lt;script src&gt;&lt;/script&gt;
-&lt;link href="" type="text/css" /&gt;
-&lt;link href type="text/css" /&gt;
-&lt;embed src=""&gt;
-&lt;embed src&gt;
-&lt;bgsound src="" /&gt;
-&lt;bgsound src /&gt;
-&lt;iframe src=""&gt;
-&lt;iframe src&gt;
-&lt;object data=""&gt;
-&lt;object data&gt;
-</code></pre>
-
+<h1>Details</h1>
+<p>Src of img(script,link) must set value.</p>
+<p>Emtpy of src will visit current page twice.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.png"</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.js"</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"test.css"</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/css"</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">embed</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.swf"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">bgsound</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.mid"</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">iframe</span> <span class="hljs-attr">src</span>=<span class="hljs-string">"test.html"</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">object</span> <span class="hljs-attr">data</span>=<span class="hljs-string">"test.swf"</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">img</span> <span class="hljs-attr">src</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>=<span class="hljs-string">""</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">script</span> <span class="hljs-attr">src</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">script</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span>=<span class="hljs-string">""</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/css"</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">link</span> <span class="hljs-attr">href</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/css"</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">embed</span> <span class="hljs-attr">src</span>=<span class="hljs-string">""</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">embed</span> <span class="hljs-attr">src</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">bgsound</span> <span class="hljs-attr">src</span>=<span class="hljs-string">""</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">bgsound</span> <span class="hljs-attr">src</span> /&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">iframe</span> <span class="hljs-attr">src</span>=<span class="hljs-string">""</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">iframe</span> <span class="hljs-attr">src</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">object</span> <span class="hljs-attr">data</span>=<span class="hljs-string">""</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">object</span> <span class="hljs-attr">data</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/style-disabled.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/style-disabled.html
index 36b7731..72a9de0 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/style-disabled.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/style-disabled.html
@@ -1,9 +1,9 @@
-<h1>Details</h1>
-<p>Style tag can not be use.</p>
-
-
-<p>bad:</p>
-
-<pre><code>&lt;head&gt;&lt;style type="text/css"&gt;&lt;/style&gt;&lt;/head&gt;
-&lt;body&gt;&lt;style type="text/css"&gt;&lt;/style&gt;&lt;/body&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Style tag can not be use.</p>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">style</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/css"</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">style</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">body</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">style</span> <span class="hljs-attr">type</span>=<span class="hljs-string">"text/css"</span>&gt;</span><span class="undefined"></span><span class="hljs-tag">&lt;/<span class="hljs-name">style</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">body</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-pair.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-pair.html
index 1ebacbb..fecf85b 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-pair.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-pair.html
@@ -1,13 +1,11 @@
-<h1>Details</h1>
-<p>Tag must be paired.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;ul&gt;&lt;li&gt;&lt;/ul&gt;
-&lt;ul&gt;&lt;/li&gt;&lt;/ul&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Tag must be paired.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">ul</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">ul</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">ul</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">li</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">ul</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-self-close.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-self-close.html
index b238dfc..26eca9e 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-self-close.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tag-self-close.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>The empty tag must closed by self.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;br /&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;br&gt;
-</code></pre>
+<h1>Details</h1>
+<p>The empty tag must closed by self.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">br</span> /&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">br</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tagname-lowercase.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tagname-lowercase.html
index 06fbc3a..e5ee5f8 100644
--- a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tagname-lowercase.html
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/tagname-lowercase.html
@@ -1,12 +1,11 @@
-<h1>Details</h1>
-<p>Tagname must be lowercase.</p>
-
-<p>good:</p>
-
-<pre><code>&lt;span&gt;&lt;div&gt;
-</code></pre>
-
-<p>bad:</p>
-
-<pre><code>&lt;SPAN&gt;&lt;BR&gt;
-</code></pre>
+<h1>Details</h1>
+<p>Tagname must be lowercase.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">span</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">div</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">SPAN</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">BR</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-html/src/main/resources/rules/htmlhint/title-require.html b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/title-require.html
new file mode 100644
index 0000000..612c625
--- /dev/null
+++ b/sonar-web-frontend-html/src/main/resources/rules/htmlhint/title-require.html
@@ -0,0 +1,11 @@
+<h1>Details</h1>
+<p><code>&lt;title&gt;</code> must be present in <code>&lt;head&gt;</code> tag.</p>
+<p>good:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">title</span>&gt;</span>test<span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span><br></code></pre>
+<p>bad:</p>
+<pre><code class="html hljs"><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">title</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span><br><span class="hljs-tag">&lt;<span class="hljs-name">html</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">title</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">title</span>&gt;</span><span class="hljs-tag">&lt;<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">head</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">html</span>&gt;</span><br></code></pre>
+<p>config value:</p>
+<ol>
+<li>true: enable rule</li>
+<li>false: disable rule</li>
+</ol>
\ No newline at end of file
diff --git a/sonar-web-frontend-js/pom.xml b/sonar-web-frontend-js/pom.xml
index 0a472e1..9eb1ff2 100644
--- a/sonar-web-frontend-js/pom.xml
+++ b/sonar-web-frontend-js/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-web-frontend-js</artifactId>
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/JsPlugin.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/JsPlugin.java
index 0559a7b..73aea58 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/JsPlugin.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/JsPlugin.java
@@ -16,10 +16,14 @@
 import fr.sii.sonar.web.frontend.js.coverage.LcovUnitCoverageSensor;
 import fr.sii.sonar.web.frontend.js.duplication.JsDuplicationConstants;
 import fr.sii.sonar.web.frontend.js.duplication.JsDuplicationSensor;
-import fr.sii.sonar.web.frontend.js.quality.JsHintQualityConstants;
-import fr.sii.sonar.web.frontend.js.quality.JsHintQualitySensor;
-import fr.sii.sonar.web.frontend.js.quality.JshintProfileDefinition;
-import fr.sii.sonar.web.frontend.js.quality.JshintRulesDefinition;
+import fr.sii.sonar.web.frontend.js.quality.eslint.EslintProfileDefinition;
+import fr.sii.sonar.web.frontend.js.quality.eslint.EslintQualityConstants;
+import fr.sii.sonar.web.frontend.js.quality.eslint.EslintQualitySensor;
+import fr.sii.sonar.web.frontend.js.quality.eslint.EslintRulesDefinition;
+import fr.sii.sonar.web.frontend.js.quality.jshint.JsHintQualityConstants;
+import fr.sii.sonar.web.frontend.js.quality.jshint.JsHintQualitySensor;
+import fr.sii.sonar.web.frontend.js.quality.jshint.JshintProfileDefinition;
+import fr.sii.sonar.web.frontend.js.quality.jshint.JshintRulesDefinition;
 import fr.sii.sonar.web.frontend.js.test.JUnitConstants;
 import fr.sii.sonar.web.frontend.js.test.JUnitIntegrationConstants;
 import fr.sii.sonar.web.frontend.js.test.JUnitIntegrationReportSensor;
@@ -81,6 +85,37 @@ public List getExtensions() {
 				JshintProfileDefinition.class,
 				JsHintQualitySensor.class,
 				
+		        // Quality configuration for ESLint
+				PropertyDefinition.builder(EslintQualityConstants.REPORT_PATH_KEY)
+		            .defaultValue(EslintQualityConstants.REPORT_PATH_DEFVALUE)
+		            .category(EslintQualityConstants.CATEGORY)
+		            .subCategory(EslintQualityConstants.SUB_CATEGORY)
+		            .name("JavaScript quality report path for ESLint")
+		            .description("The path to the JavaScript report file to load")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(EslintQualityConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(EslintQualityConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(EslintQualityConstants.CATEGORY)
+		            .subCategory(EslintQualityConstants.SUB_CATEGORY)
+		            .name("Fail on missing source file")
+		            .description("True to stop analysis if a source file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(EslintQualityConstants.SKIP_FILE_METRICS_KEY)
+		            .defaultValue(EslintQualityConstants.SKIP_FILE_METRICS_DEFVALUE)
+		            .category(EslintQualityConstants.CATEGORY)
+		            .subCategory(EslintQualityConstants.SUB_CATEGORY)
+		            .name("Skip save of file metrics")
+		            .description("If you have several plugins that are able to handle JavaScript, you may have an error (Can not add the same measure twice). Set it to true to let the other plugin save the metrics")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+	            EslintQualityConstants.class,
+	            EslintRulesDefinition.class,
+	            EslintProfileDefinition.class,
+	            EslintQualitySensor.class,
+				
 				// Unit coverage configuration
 				PropertyDefinition.builder(LcovUnitCoverageConstants.REPORT_PATH_KEY)
 		            .defaultValue(LcovUnitCoverageConstants.REPORT_PATH_DEFVALUE)
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovIntegrationCoverageConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovIntegrationCoverageConstants.java
index c122ee3..6adf0c1 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovIntegrationCoverageConstants.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovIntegrationCoverageConstants.java
@@ -7,7 +7,7 @@
 public class LcovIntegrationCoverageConstants extends JsLanguageConstants implements ReportConstants, CoverageConstants {
 	public static final String REPORT_PATH_KEY = "sonar.sii.coverage.it.js.report.path";
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.coverage.it.js.file.missing.fail";
-	public static final String REPORT_PATH_DEFVALUE = "/report/js-it.lcov";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/js-it.lcov";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Coverage";
 	
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovOverallCoverageConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovOverallCoverageConstants.java
index 1b2abe5..83d3b76 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovOverallCoverageConstants.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovOverallCoverageConstants.java
@@ -7,7 +7,7 @@
 public class LcovOverallCoverageConstants extends JsLanguageConstants implements ReportConstants, CoverageConstants {
 	public static final String REPORT_PATH_KEY = "sonar.sii.coverage.overall.js.report.path";
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.coverage.overall.js.file.missing.fail";
-	public static final String REPORT_PATH_DEFVALUE = "/report/js-overall.lcov";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/js-overall.lcov";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Coverage";
 	
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovUnitCoverageConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovUnitCoverageConstants.java
index 4d9a03b..60a7514 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovUnitCoverageConstants.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/coverage/LcovUnitCoverageConstants.java
@@ -7,7 +7,7 @@
 public class LcovUnitCoverageConstants extends JsLanguageConstants implements ReportConstants, CoverageConstants {
 	public static final String REPORT_PATH_KEY = "sonar.sii.coverage.ut.js.report.path";
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.coverage.ut.js.file.missing.fail";
-	public static final String REPORT_PATH_DEFVALUE = "/report/js-ut.lcov";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/js-ut.lcov";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Coverage";
 	
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/duplication/JsDuplicationConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/duplication/JsDuplicationConstants.java
index 305e3ff..ff798b3 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/duplication/JsDuplicationConstants.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/duplication/JsDuplicationConstants.java
@@ -8,7 +8,7 @@ public class JsDuplicationConstants extends JsLanguageConstants implements Dupli
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.duplication.js.file.missing.fail";
 	public static final String SKIP_DUPLICATION_KEY = "sonar.sii.duplication.js.skip";
 	public static final String SKIP_DUPLICATION_DEFVAL = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/js-duplication.xml";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/js-duplication.xml";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Duplication";
 	
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintProfileDefinition.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintProfileDefinition.java
new file mode 100644
index 0000000..bb13cc2
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintProfileDefinition.java
@@ -0,0 +1,20 @@
+package fr.sii.sonar.web.frontend.js.quality.eslint;
+
+import org.sonar.api.rules.RuleFinder;
+
+import fr.sii.sonar.report.core.quality.profile.JsonProfileParser;
+import fr.sii.sonar.report.core.quality.profile.ProfileFileDefinition;
+
+/**
+ * Just a specific implementation to help dependency injection
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class EslintProfileDefinition extends ProfileFileDefinition {
+
+	public EslintProfileDefinition(RuleFinder ruleFinder, EslintQualityConstants constants) {
+		super(constants.getProfileJsonPath(), new JsonProfileParser(), ruleFinder);
+	}
+
+}
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintQualityConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintQualityConstants.java
new file mode 100644
index 0000000..e1040a3
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintQualityConstants.java
@@ -0,0 +1,49 @@
+package fr.sii.sonar.web.frontend.js.quality.eslint;
+
+import fr.sii.sonar.report.core.common.rules.RulesDefinitionConstants;
+import fr.sii.sonar.report.core.quality.ProfileDefinitionConstants;
+import fr.sii.sonar.report.core.quality.QualityConstants;
+import fr.sii.sonar.web.frontend.js.JsLanguageConstants;
+
+public class EslintQualityConstants extends JsLanguageConstants implements QualityConstants, RulesDefinitionConstants, ProfileDefinitionConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.quality.js.eslint.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.js.eslint.file.missing.fail";
+	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.js.eslint.file.metrics.skip";
+	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/eslint.json";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String RULES_PATH = "/rules/eslint.json";
+	public static final String REPOSITORY_NAME = "ESLint";
+	public static final String REPOSITORY_KEY = "eslint";
+	public static final String SUB_CATEGORY = "Quality";
+	public static final String PROFILE_PATH = "/profiles/eslint.json";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+	
+	public String getRepositoryKey() {
+		return REPOSITORY_KEY;
+	}
+
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+	public String getRepositoryName() {
+		return REPOSITORY_NAME;
+	}
+
+	public String getRulesJsonPath() {
+		return RULES_PATH;
+	}
+
+	public String getProfileJsonPath() {
+		return PROFILE_PATH;
+	}
+
+	public String getSkipFileMetricsKey() {
+		return SKIP_FILE_METRICS_KEY;
+	}
+
+}
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintQualitySensor.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintQualitySensor.java
new file mode 100644
index 0000000..b4bbbbc
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintQualitySensor.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.web.frontend.js.quality.eslint;
+
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.quality.domain.report.QualityReport;
+import fr.sii.sonar.report.core.quality.factory.JsonQualityReportProviderFactory;
+import fr.sii.sonar.report.core.quality.factory.QualitySaverFactory;
+
+/**
+ * Just a specific implementation to help dependency injection
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class EslintQualitySensor extends ReportSensor<QualityReport> {
+
+	public EslintQualitySensor(EslintQualityConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new JsonQualityReportProviderFactory(), new QualitySaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintRulesDefinition.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintRulesDefinition.java
new file mode 100644
index 0000000..a77d9bb
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/eslint/EslintRulesDefinition.java
@@ -0,0 +1,17 @@
+package fr.sii.sonar.web.frontend.js.quality.eslint;
+
+import fr.sii.sonar.report.core.common.rules.ComposableRulesDefinition;
+
+/**
+ * Repository for ESLint rules
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class EslintRulesDefinition extends ComposableRulesDefinition {
+
+	public EslintRulesDefinition(EslintQualityConstants constants) {
+		super(constants);
+	}
+
+}
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JsHintQualityConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JsHintQualityConstants.java
similarity index 92%
rename from sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JsHintQualityConstants.java
rename to sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JsHintQualityConstants.java
index 73ebfb6..ebb1db0 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JsHintQualityConstants.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JsHintQualityConstants.java
@@ -1,4 +1,4 @@
-package fr.sii.sonar.web.frontend.js.quality;
+package fr.sii.sonar.web.frontend.js.quality.jshint;
 
 import fr.sii.sonar.report.core.common.rules.RulesDefinitionConstants;
 import fr.sii.sonar.report.core.quality.ProfileDefinitionConstants;
@@ -10,7 +10,7 @@ public class JsHintQualityConstants extends JsLanguageConstants implements Quali
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.js.file.missing.fail";
 	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.js.file.metrics.skip";
 	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/jshint.json";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/jshint.json";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String RULES_PATH = "/rules/jshint.json";
 	public static final String REPOSITORY_NAME = "JSHint";
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JsHintQualitySensor.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JsHintQualitySensor.java
similarity index 93%
rename from sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JsHintQualitySensor.java
rename to sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JsHintQualitySensor.java
index db2a6a3..28c0c35 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JsHintQualitySensor.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JsHintQualitySensor.java
@@ -1,4 +1,4 @@
-package fr.sii.sonar.web.frontend.js.quality;
+package fr.sii.sonar.web.frontend.js.quality.jshint;
 
 import fr.sii.sonar.report.core.common.PluginDependencies;
 import fr.sii.sonar.report.core.common.ReportSensor;
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JshintProfileDefinition.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JshintProfileDefinition.java
similarity index 90%
rename from sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JshintProfileDefinition.java
rename to sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JshintProfileDefinition.java
index caac4b9..eb16b0a 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JshintProfileDefinition.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JshintProfileDefinition.java
@@ -1,4 +1,4 @@
-package fr.sii.sonar.web.frontend.js.quality;
+package fr.sii.sonar.web.frontend.js.quality.jshint;
 
 import org.sonar.api.rules.RuleFinder;
 
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JshintRulesDefinition.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JshintRulesDefinition.java
similarity index 85%
rename from sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JshintRulesDefinition.java
rename to sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JshintRulesDefinition.java
index fc4e20a..0e5f1cb 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/JshintRulesDefinition.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/quality/jshint/JshintRulesDefinition.java
@@ -1,4 +1,4 @@
-package fr.sii.sonar.web.frontend.js.quality;
+package fr.sii.sonar.web.frontend.js.quality.jshint;
 
 import fr.sii.sonar.report.core.common.rules.ComposableRulesDefinition;
 
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitConstants.java
index 6bdce88..361dcad 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitConstants.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitConstants.java
@@ -5,9 +5,9 @@
 import fr.sii.sonar.web.frontend.js.JsLanguageConstants;
 
 public class JUnitConstants extends JsLanguageConstants implements TestConstants {
-	public static final String REPORT_PATH_KEY = "sonar.sii.test.unit.js.report.path";
-	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.test.unit.js.file.missing.fail";
-	public static final String REPORT_PATH_DEFVALUE = "/report/jasmine.unit.xml";
+	public static final String REPORT_PATH_KEY = "sonar.sii.test.ut.js.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.test.ut.js.file.missing.fail";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/js-ut.xml";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Unit testing";
 	
diff --git a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitIntegrationConstants.java b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitIntegrationConstants.java
index c11f3c4..e8e5881 100644
--- a/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitIntegrationConstants.java
+++ b/sonar-web-frontend-js/src/main/java/fr/sii/sonar/web/frontend/js/test/JUnitIntegrationConstants.java
@@ -7,7 +7,7 @@
 public class JUnitIntegrationConstants extends JsLanguageConstants implements TestConstants {
 	public static final String REPORT_PATH_KEY = "sonar.sii.test.it.js.report.path";
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.test.it.js.file.missing.fail";
-	public static final String REPORT_PATH_DEFVALUE = "/report/jasmine.it.xml";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/js-it.xml";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Integration testing";
 	
diff --git a/sonar-web-frontend-js/src/main/resources/profiles/eslint.json b/sonar-web-frontend-js/src/main/resources/profiles/eslint.json
new file mode 100644
index 0000000..450baa3
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/profiles/eslint.json
@@ -0,0 +1,12 @@
+{
+	"name": "eslint",
+	"language": "js",
+	"repositories": [{
+		"key": "eslint",
+		"rules": "/rules/eslint.json"
+	}],
+	"rules": [{
+		"repositoryKey": "eslint",
+		"key": "unknown-rule"
+	}]
+}
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint.css b/sonar-web-frontend-js/src/main/resources/rules/eslint.css
new file mode 100644
index 0000000..05e10da
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint.css
@@ -0,0 +1,188 @@
+.ehd h1:first-child {
+	margin-top: 20px;
+}
+
+@font-face {
+    font-family: 'Glyphicons Halflings';
+    src: url(static/webfrontend/fonts/glyphicons-halflings-regular.eot);
+    src: url(static/webfrontend/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(static/webfrontend/fonts/glyphicons-halflings-regular.woff) format('woff'), url(static/webfrontend/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(static/webfrontend/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular) format('svg')
+}
+
+
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #000000; font-weight: bold } /* Keyword */
+.highlight .o { color: #000000; font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d01040 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
+.highlight .sc { color: #d01040 } /* Literal.String.Char */
+.highlight .sd { color: #d01040 } /* Literal.String.Doc */
+.highlight .s2 { color: #d01040 } /* Literal.String.Double */
+.highlight .se { color: #d01040 } /* Literal.String.Escape */
+.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
+.highlight .si { color: #d01040 } /* Literal.String.Interpol */
+.highlight .sx { color: #d01040 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d01040 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+
+.btn-getting-started {
+  margin-top: 30px;
+}
+
+/* Prevent long code from wrapping, scroll instead */
+code[data-lang] {
+  white-space: pre;
+}
+
+main.doc .highlight pre {
+  overflow-x: auto;
+  word-wrap: normal;
+}
+
+/* We need to push the content because of the fixed header */
+body {
+  padding-top: 80px;
+}
+/* Allow anchors to not be hidden by the fixed header */
+h1:target:before,
+h2:target:before,
+h3:target:before,
+h4:target:before,
+h5:target:before,
+h6:target:before {
+  content: "";
+  display: block;
+  margin-top: -80px;
+  height: 80px;
+  width: 1px;
+}
+
+/* icon margins for rules page */
+.glyphicon {
+  margin: 0 2px;
+}
+
+td .glyphicon {
+  margin: 0; /* within table in rules page */
+}
+
+th,
+td {
+  padding-left: 0.5em;
+  min-width: 1em; /* width of glyphicon for a column of empty cells */
+}
+
+th:first-child,
+td:first-child {
+  padding-left: 0;
+}
+
+tr {
+  vertical-align: baseline;
+}
+
+p.incorrect + div + div + div > pre, /* vars-on-top */
+p.incorrect + div + div > pre, /* no-continue */
+p.incorrect + div > pre {
+  background-color: #fff6f6; /* light red hsl(0,100%,98%) */
+}
+
+p.correct + div + div + div > pre, /* vars-on-top */
+p.correct + div + div > pre, /* no-continue */
+p.correct + div > pre {
+  background-color: #f6fff6; /* light green hsl(120,100%,98%) */
+}
+
+p.icon:before {
+  font-family: "Glyphicons Halflings";
+  color: #4d4d4d; /* gray hsl(0,0%,30%) */
+  margin-right: 0.5em;
+}
+
+p.recommended:before {
+  content: "\e013"; /* ok */
+}
+
+p.removed:before {
+  content: "\e014"; /* remove */
+}
+
+p.fixable:before {
+  content: "\e136"; /* wrench */
+}
+
+p.incorrect:before {
+  content: "\e126"; /* thumbs-down */
+}
+
+p.correct:before {
+  content: "\e125"; /* thumbs-up */
+}
+
+@media (min-width: 768px) {
+
+  p.icon:before {
+    /*position: absolute;*/
+    /*left: -20px;*/
+  }
+
+  p.icon {
+    position:relative;
+  }
+
+}
+
+@media (max-width: 767px) {
+
+  code {
+    white-space: normal;
+  }
+
+}
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint.json b/sonar-web-frontend-js/src/main/resources/rules/eslint.json
new file mode 100644
index 0000000..7c1aeac
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint.json
@@ -0,0 +1,2969 @@
+[ {
+  "key" : "comma-dangle",
+  "name" : "Comma dangle",
+  "description" : "require or disallow trailing commas",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "cross-browser", "ie8" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "no-cond-assign",
+  "name" : "No cond assign",
+  "description" : "disallow assignment operators in conditional expressions",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-console",
+  "name" : "No console",
+  "description" : "disallow the use of console",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-constant-condition",
+  "name" : "No constant condition",
+  "description" : "disallow constant expressions in conditions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-control-regex",
+  "name" : "No control regex",
+  "description" : "disallow control characters in regular expressions",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "pitfall", "bug", "regexp" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-debugger",
+  "name" : "No debugger",
+  "description" : "disallow the use of debugger",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-dupe-args",
+  "name" : "No dupe args",
+  "description" : "disallow duplicate arguments in function definitions",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-dupe-keys",
+  "name" : "No dupe keys",
+  "description" : "disallow duplicate keys in object literals",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "suspicious", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-duplicate-case",
+  "name" : "No duplicate case",
+  "description" : "disallow duplicate case labels",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-empty",
+  "name" : "No empty",
+  "description" : "disallow empty block statements",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-empty-character-class",
+  "name" : "No empty character class",
+  "description" : "disallow empty character classes in regular expressions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "pitfall", "regexp" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-ex-assign",
+  "name" : "No ex assign",
+  "description" : "disallow reassigning exceptions in catch clauses",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-extra-boolean-cast",
+  "name" : "No extra boolean cast",
+  "description" : "disallow unnecessary boolean casts",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-extra-parens",
+  "name" : "No extra parens",
+  "description" : "disallow unnecessary parentheses",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-extra-semi",
+  "name" : "No extra semi",
+  "description" : "disallow unnecessary semicolons",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-func-assign",
+  "name" : "No func assign",
+  "description" : "disallow reassigning function declarations",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-inner-declarations",
+  "name" : "No inner declarations",
+  "description" : "disallow function or var declarations in nested blocks",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-invalid-regexp",
+  "name" : "No invalid regexp",
+  "description" : "disallow invalid regular expression strings in RegExp constructors",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bug", "regexp" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-irregular-whitespace",
+  "name" : "No irregular whitespace",
+  "description" : "disallow irregular whitespace outside of strings and comments",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "RESOURCE_RELIABILITY"
+  }
+}, {
+  "key" : "no-negated-in-lhs",
+  "name" : "No negated in lhs",
+  "description" : "disallow negating the left operand in in expressions",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-obj-calls",
+  "name" : "No obj calls",
+  "description" : "disallow calling global object properties as functions",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-regex-spaces",
+  "name" : "No regex spaces",
+  "description" : "disallow multiple spaces in regular expression literals",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "regexp" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-sparse-arrays",
+  "name" : "No sparse arrays",
+  "description" : "disallow sparse arrays",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-unexpected-multiline",
+  "name" : "No unexpected multiline",
+  "description" : "disallow confusing multiline expressions",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-unreachable",
+  "name" : "No unreachable",
+  "description" : "disallow unreachable code after return, throw, continue, and break statements",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-unsafe-finally",
+  "name" : "No unsafe finally",
+  "description" : "disallow control flow statements in finally blocks",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "use-isnan",
+  "name" : "Use isnan",
+  "description" : "require calls to isNaN() when checking for NaN",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "valid-jsdoc",
+  "name" : "Valid jsdoc",
+  "description" : "enforce valid JSDoc comments",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "doc" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "valid-typeof",
+  "name" : "Valid typeof",
+  "description" : "enforce comparing typeof expressions against valid strings",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "accessor-pairs",
+  "name" : "Accessor pairs",
+  "description" : "enforce getter and setter pairs in objects",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "USABILITY_EASE_OF_USE"
+  }
+}, {
+  "key" : "array-callback-return",
+  "name" : "Array callback return",
+  "description" : "enforce return statements in callbacks of array methods",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "block-scoped-var",
+  "name" : "Block scoped var",
+  "description" : "enforce the use of variables within the scope they are defined",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "complexity",
+  "name" : "Complexity",
+  "description" : "enforce a maximum cyclomatic complexity allowed in a program",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "complexity", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "consistent-return",
+  "name" : "Consistent return",
+  "description" : "require return statements to either always or never specify values",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "curly",
+  "name" : "Curly",
+  "description" : "enforce consistent brace style for all control statements",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "default-case",
+  "name" : "Default case",
+  "description" : "require default cases in switch statements",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "DATA_CHANGEABILITY"
+  }
+}, {
+  "key" : "dot-location",
+  "name" : "Dot location",
+  "description" : "enforce consistent newlines before and after dots",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "dot-notation",
+  "name" : "Dot notation",
+  "description" : "enforce dot notation whenever possible",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "eqeqeq",
+  "name" : "Eqeqeq",
+  "description" : "require the use of === and !==",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "guard-for-in",
+  "name" : "Guard for in",
+  "description" : "require for-in loops to include an if statement",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-alert",
+  "name" : "No alert",
+  "description" : "disallow the use of alert, confirm, and prompt",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "user-experience" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "USABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "no-caller",
+  "name" : "No caller",
+  "description" : "disallow the use of arguments.caller or arguments.callee",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "performance", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "no-case-declarations",
+  "name" : "No case declarations",
+  "description" : "disallow lexical declarations in case clauses",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-div-regex",
+  "name" : "No div regex",
+  "description" : "disallow division operators explicitly at the beginning of regular expressions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "pitfall", "regexp" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-else-return",
+  "name" : "No else return",
+  "description" : "disallow else blocks after return statements in if statements",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-empty-function",
+  "name" : "No empty function",
+  "description" : "disallow empty functions",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-empty-pattern",
+  "name" : "No empty pattern",
+  "description" : "disallow empty destructuring patterns",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-eq-null",
+  "name" : "No eq null",
+  "description" : "disallow null comparisons without type-checking operators",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-eval",
+  "name" : "No eval",
+  "description" : "disallow the use of eval()",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "security" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "no-extend-native",
+  "name" : "No extend native",
+  "description" : "disallow extending native types",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-extra-bind",
+  "name" : "No extra bind",
+  "description" : "disallow unnecessary calls to .bind()",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-extra-label",
+  "name" : "No extra label",
+  "description" : "disallow unnecessary labels",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-fallthrough",
+  "name" : "No fallthrough",
+  "description" : "disallow fallthrough of case statements",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-floating-decimal",
+  "name" : "No floating decimal",
+  "description" : "disallow leading or trailing decimal points in numeric literals",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-implicit-coercion",
+  "name" : "No implicit coercion",
+  "description" : "disallow shorthand type conversions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-implicit-globals",
+  "name" : "No implicit globals",
+  "description" : "disallow var and named function declarations in the global scope",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_CHANGEABILITY"
+  }
+}, {
+  "key" : "no-implied-eval",
+  "name" : "No implied eval",
+  "description" : "disallow the use of eval()-like methods",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "security" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "no-invalid-this",
+  "name" : "No invalid this",
+  "description" : "disallow this keywords outside of classes or class-like objects",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-iterator",
+  "name" : "No iterator",
+  "description" : "disallow the use of the __iterator__ property",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "obsolete", "spidermonkey" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "no-labels",
+  "name" : "No labels",
+  "description" : "disallow labeled statements",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-lone-blocks",
+  "name" : "No lone blocks",
+  "description" : "disallow unnecessary nested blocks",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-loop-func",
+  "name" : "No loop func",
+  "description" : "disallow function declarations and expressions inside loop statements",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-magic-numbers",
+  "name" : "No magic numbers",
+  "description" : "disallow magic numbers",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "DATA_CHANGEABILITY"
+  }
+}, {
+  "key" : "no-multi-spaces",
+  "name" : "No multi spaces",
+  "description" : "disallow multiple spaces",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-multi-str",
+  "name" : "No multi str",
+  "description" : "disallow multiline strings",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-native-reassign",
+  "name" : "No native reassign",
+  "description" : "disallow reassigning native objects",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-new",
+  "name" : "No new",
+  "description" : "disallow new operators outside of assignments or comparisons",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-new-func",
+  "name" : "No new func",
+  "description" : "disallow new operators with the Function object",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-new-wrappers",
+  "name" : "No new wrappers",
+  "description" : "disallow new operators with the String, Number, and Boolean objects",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-octal",
+  "name" : "No octal",
+  "description" : "disallow octal literals",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-octal-escape",
+  "name" : "No octal escape",
+  "description" : "disallow octal escape sequences in string literals",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "obsolete" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "no-param-reassign",
+  "name" : "No param reassign",
+  "description" : "disallow reassigning function parameters",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-proto",
+  "name" : "No proto",
+  "description" : "disallow the use of the __proto__ property",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "obsolete" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "no-redeclare",
+  "name" : "No redeclare",
+  "description" : "disallow var redeclaration",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-return-assign",
+  "name" : "No return assign",
+  "description" : "disallow assignment operators in return statements",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-script-url",
+  "name" : "No script url",
+  "description" : "disallow javascript: urls",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "performance", "security" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "no-self-assign",
+  "name" : "No self assign",
+  "description" : "disallow assignments where both sides are exactly the same",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-self-compare",
+  "name" : "No self compare",
+  "description" : "disallow comparisons where both sides are exactly the same",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-sequences",
+  "name" : "No sequences",
+  "description" : "disallow comma operators",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-throw-literal",
+  "name" : "No throw literal",
+  "description" : "disallow throwing literals as exceptions",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "EXCEPTION_HANDLING"
+  }
+}, {
+  "key" : "no-unmodified-loop-condition",
+  "name" : "No unmodified loop condition",
+  "description" : "disallow unmodified loop conditions",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-unused-expressions",
+  "name" : "No unused expressions",
+  "description" : "disallow unused expressions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-unused-labels",
+  "name" : "No unused labels",
+  "description" : "disallow unused labels",
+  "severity" :"MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-useless-call",
+  "name" : "No useless call",
+  "description" : "disallow unnecessary calls to .call() and .apply()",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-useless-concat",
+  "name" : "No useless concat",
+  "description" : "disallow unnecessary concatenation of literals or template literals",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-useless-escape",
+  "name" : "No useless escape",
+  "description" : "disallow unnecessary escape characters",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-void",
+  "name" : "No void",
+  "description" : "disallow void operators",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "obsolete" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-warning-comments",
+  "name" : "No warning comments",
+  "description" : "disallow specified warning terms in comments",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "eslint" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-with",
+  "name" : "No with",
+  "description" : "disallow with statements",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "performance", "cross-browser", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "radix",
+  "name" : "Radix",
+  "description" : "enforce the consistent use of the radix argument when using parseInt()",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "vars-on-top",
+  "name" : "Vars on top",
+  "description" : "require var declarations be placed at the top of their containing scope",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "wrap-iife",
+  "name" : "Wrap iife",
+  "description" : "require parentheses around immediate function invocations",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "yoda",
+  "name" : "Yoda",
+  "description" : "require or disallow “Yoda” conditions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "strict",
+  "name" : "Strict",
+  "description" : "require or disallow strict mode directives",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "init-declarations",
+  "name" : "Init declarations",
+  "description" : "require or disallow initialization in var declarations",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "consistency" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-catch-shadow",
+  "name" : "No catch shadow",
+  "description" : "disallow catch clause parameters from shadowing variables in the outer scope",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-delete-var",
+  "name" : "No delete var",
+  "description" : "disallow deleting variables",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-label-var",
+  "name" : "No label var",
+  "description" : "disallow labels that share a name with a variable",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-restricted-globals",
+  "name" : "No restricted globals",
+  "description" : "disallow specified global variables",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "forbidden" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-shadow",
+  "name" : "No shadow",
+  "description" : "disallow var declarations from shadowing variables in the outer scope",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-shadow-restricted-names",
+  "name" : "No shadow restricted names",
+  "description" : "disallow identifiers from shadowing restricted names",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-undef",
+  "name" : "No undef",
+  "description" : "disallow the use of undeclared variables unless mentioned in /*global */ comments",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-undef-init",
+  "name" : "No undef init",
+  "description" : "disallow initializing variables to undefined",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-undefined",
+  "name" : "No undefined",
+  "description" : "disallow the use of undefined as an identifier",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-unused-vars",
+  "name" : "No unused vars",
+  "description" : "disallow unused variables",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-use-before-define",
+  "name" : "No use before define",
+  "description" : "disallow the use of variables before they are defined",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "callback-return",
+  "name" : "Callback return",
+  "description" : "require return statements after callbacks",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "global-require",
+  "name" : "Global require",
+  "description" : "require require() calls to be placed at top-level module scope",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "handle-callback-err",
+  "name" : "Handle callback err",
+  "description" : "require error handling in callbacks",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "error-handling", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "EXCEPTION_HANDLING"
+  }
+}, {
+  "key" : "no-mixed-requires",
+  "name" : "No mixed requires",
+  "description" : "disallow require calls to be mixed with regular var declarations",
+  "severity" :  "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-new-require",
+  "name" : "No new require",
+  "description" : "disallow new operators with calls to require",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-path-concat",
+  "name" : "No path concat",
+  "description" : "disallow string concatenation with __dirname and __filename",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "OS_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "no-process-env",
+  "name" : "No process env",
+  "description" : "disallow the use of process.env",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "environment", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "no-process-exit",
+  "name" : "No process exit",
+  "description" : "disallow the use of process.exit()",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "FAULT_TOLERANCE"
+  }
+}, {
+  "key" : "no-restricted-modules",
+  "name" : "No restricted modules",
+  "description" : "disallow specified modules when loaded by require",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "forbidden", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "no-sync",
+  "name" : "No sync",
+  "description" : "disallow synchronous methods",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "nodejs", "commonjs" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "EFFICIENCY_COMPLIANCE"
+  }
+}, {
+  "key" : "array-bracket-spacing",
+  "name" : "Array bracket spacing",
+  "description" : "enforce consistent spacing inside array brackets",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "block-spacing",
+  "name" : "Block spacing",
+  "description" : "enforce consistent spacing inside single-line blocks",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "brace-style",
+  "name" : "Brace style",
+  "description" : "enforce consistent brace style for blocks",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "camelcase",
+  "name" : "Camelcase",
+  "description" : "enforce camelcase naming convention",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "comma-spacing",
+  "name" : "Comma spacing",
+  "description" : "enforce consistent spacing before and after commas",
+  "severity" :"MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "comma-style",
+  "name" : "Comma style",
+  "description" : "enforce consistent comma style",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "computed-property-spacing",
+  "name" : "Computed property spacing",
+  "description" : "enforce consistent spacing inside computed property brackets",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "consistent-this",
+  "name" : "Consistent this",
+  "description" : "enforce consistent naming when capturing the current execution context",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "eol-last",
+  "name" : "Eol last",
+  "description" : "enforce at least one newline at the end of files",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "func-names",
+  "name" : "Func names",
+  "description" : "enforce named function expressions",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "func-style",
+  "name" : "Func style",
+  "description" : "enforce the consistent use of either function declarations or expressions",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "id-blacklist",
+  "name" : "Id blacklist",
+  "description" : "disallow specified identifiers",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "forbidden" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "id-length",
+  "name" : "Id length",
+  "description" : "enforce minimum and maximum identifier lengths",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "id-match",
+  "name" : "Id match",
+  "description" : "require identifiers to match a specified regular expression",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "indent",
+  "name" : "Indent",
+  "description" : "enforce consistent indentation",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "jsx-quotes",
+  "name" : "Jsx quotes",
+  "description" : "enforce the consistent use of either double or single quotes in JSX attributes",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "consistency" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "key-spacing",
+  "name" : "Key spacing",
+  "description" : "enforce consistent spacing between keys and values in object literal properties",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "keyword-spacing",
+  "name" : "Keyword spacing",
+  "description" : "enforce consistent spacing before and after keywords",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "linebreak-style",
+  "name" : "Linebreak style",
+  "description" : "enforce consistent linebreak style",
+  "severity" :"MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "lines-around-comment",
+  "name" : "Lines around comment",
+  "description" : "require empty lines around comments",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "max-depth",
+  "name" : "Max depth",
+  "description" : "enforce a maximum depth that blocks can be nested",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "max-len",
+  "name" : "Max len",
+  "description" : "enforce a maximum line length",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "max-nested-callbacks",
+  "name" : "Max nested callbacks",
+  "description" : "enforce a maximum depth that callbacks can be nested",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "max-params",
+  "name" : "Max params",
+  "description" : "enforce a maximum number of parameters in function definitions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_CHANGEABILITY"
+  }
+}, {
+  "key" : "max-statements",
+  "name" : "Max statements",
+  "description" : "enforce a maximum number of statements allowed in function blocks",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "max-statements-per-line",
+  "name" : "Max statements per line",
+  "description" : "enforce a maximum number of statements allowed per line",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "new-cap",
+  "name" : "New cap",
+  "description" : "require constructor function names to begin with a capital letter",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "new-parens",
+  "name" : "New parens",
+  "description" : "require parentheses when invoking a constructor with no arguments",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "newline-after-var",
+  "name" : "Newline after var",
+  "description" : "require or disallow an empty line after var declarations",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "newline-before-return",
+  "name" : "Newline before return",
+  "description" : "require an empty line before return statements",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "newline-per-chained-call",
+  "name" : "Newline per chained call",
+  "description" : "require a newline after each call in a method chain",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-array-constructor",
+  "name" : "No array constructor",
+  "description" : "disallow Array constructors",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-bitwise",
+  "name" : "No bitwise",
+  "description" : "disallow bitwise operators",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-continue",
+  "name" : "No continue",
+  "description" : "disallow continue statements",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-inline-comments",
+  "name" : "No inline comments",
+  "description" : "disallow inline comments after code",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-lonely-if",
+  "name" : "No lonely if",
+  "description" : "disallow if statements as the only statement in else blocks",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-mixed-spaces-and-tabs",
+  "name" : "No mixed spaces and tabs",
+  "description" : "disallow mixed spaces and tabs for indentation",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "consistency" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-multiple-empty-lines",
+  "name" : "No multiple empty lines",
+  "description" : "disallow multiple empty lines",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-negated-condition",
+  "name" : "No negated condition",
+  "description" : "disallow negated conditions",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-nested-ternary",
+  "name" : "No nested ternary",
+  "description" : "disallow nested ternary expressions",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-new-object",
+  "name" : "No new object",
+  "description" : "disallow Object constructors",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-plusplus",
+  "name" : "No plusplus",
+  "description" : "disallow the unary operators ++ and --",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "eslint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-restricted-syntax",
+  "name" : "No restricted syntax",
+  "description" : "disallow specified syntax",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "forbidden" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "no-spaced-func",
+  "name" : "No spaced func",
+  "description" : "disallow spacing between function identifiers and their applications",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-ternary",
+  "name" : "No ternary",
+  "description" : "disallow ternary operators",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-trailing-spaces",
+  "name" : "No trailing spaces",
+  "description" : "disallow trailing whitespace at the end of lines",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-underscore-dangle",
+  "name" : "No underscore dangle",
+  "description" : "disallow dangling underscores in identifiers",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-unneeded-ternary",
+  "name" : "No unneeded ternary",
+  "description" : "disallow ternary operators when simpler alternatives exist",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-whitespace-before-property",
+  "name" : "No whitespace before property",
+  "description" : "disallow whitespace before properties",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "object-curly-spacing",
+  "name" : "Object curly spacing",
+  "description" : "enforce consistent spacing inside braces",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "object-property-newline",
+  "name" : "Object property newline",
+  "description" : "enforce placing object properties on separate lines",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "one-var",
+  "name" : "One var",
+  "description" : "enforce variables to be declared either together or separately in functions",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "one-var-declaration-per-line",
+  "name" : "One var declaration per line",
+  "description" : "require or disallow newlines around var declarations",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "operator-assignment",
+  "name" : "Operator assignment",
+  "description" : "require or disallow assignment operator shorthand where possible",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "operator-linebreak",
+  "name" : "Operator linebreak",
+  "description" : "enforce consistent linebreak style for operators",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "padded-blocks",
+  "name" : "Padded blocks",
+  "description" : "require or disallow padding within blocks",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "quote-props",
+  "name" : "Quote props",
+  "description" : "require quotes around object literal property names",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "quotes",
+  "name" : "Quotes",
+  "description" : "enforce the consistent use of either backticks, double, or single quotes",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "consistency" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "require-jsdoc",
+  "name" : "Require jsdoc",
+  "description" : "require JSDoc comments",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "doc" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "semi",
+  "name" : "Semi",
+  "description" : "require or disallow semicolons instead of ASI",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "semi-spacing",
+  "name" : "Semi spacing",
+  "description" : "enforce consistent spacing before and after semicolons",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "sort-vars",
+  "name" : "Sort vars",
+  "description" : "require variables within the same declaration block to be sorted",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "space-before-blocks",
+  "name" : "Space before blocks",
+  "description" : "enforce consistent spacing before blocks",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "space-before-function-paren",
+  "name" : "Space before function paren",
+  "description" : "enforce consistent spacing before function definition opening parenthesis",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "space-in-parens",
+  "name" : "Space in parens",
+  "description" : "enforce consistent spacing inside parentheses",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "space-infix-ops",
+  "name" : "Space infix ops",
+  "description" : "require spacing around operators",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "space-unary-ops",
+  "name" : "Space unary ops",
+  "description" : "enforce consistent spacing before or after unary operators",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "spaced-comment",
+  "name" : "Spaced comment",
+  "description" : "enforce consistent spacing after the // or /* in a comment",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "wrap-regex",
+  "name" : "Wrap regex",
+  "description" : "require parenthesis around regex literals",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "arrow-body-style",
+  "name" : "Arrow body style",
+  "description" : "require braces around arrow function bodies",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "arrow-parens",
+  "name" : "Arrow parens",
+  "description" : "require parentheses around arrow function arguments",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "arrow-spacing",
+  "name" : "Arrow spacing",
+  "description" : "enforce consistent spacing before and after the arrow in arrow functions",
+  "severity" :"MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "constructor-super",
+  "name" : "Constructor super",
+  "description" : "require super() calls in constructors",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "generator-star-spacing",
+  "name" : "Generator star spacing",
+  "description" : "enforce consistent spacing around * operators in generator functions",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-class-assign",
+  "name" : "No class assign",
+  "description" : "disallow reassigning class members",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-confusing-arrow",
+  "name" : "No confusing arrow",
+  "description" : "disallow arrow functions where they could be confused with comparisons",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "suspicious", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-const-assign",
+  "name" : "No const assign",
+  "description" : "disallow reassigning const variables",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-dupe-class-members",
+  "name" : "No dupe class members",
+  "description" : "disallow duplicate class members",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-duplicate-imports",
+  "name" : "No duplicate imports",
+  "description" : "disallow duplicate module imports",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "useless", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-new-symbol",
+  "name" : "No new symbol",
+  "description" : "disallow new operators with the Symbol object",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "bug", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-restricted-imports",
+  "name" : "No restricted imports",
+  "description" : "disallow specified modules when loaded by import",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "eslint", "forbidden", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "no-this-before-super",
+  "name" : "No this before super",
+  "description" : "disallow this/super before calling super() in constructors",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "pitfall", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-useless-computed-key",
+  "name" : "No useless computed key",
+  "description" : "disallow unnecessary computed property keys in object literals",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "useless", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-useless-constructor",
+  "name" : "No useless constructor",
+  "description" : "disallow unnecessary constructors",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "useless", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-var",
+  "name" : "No var",
+  "description" : "require let or const instead of var",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "object-shorthand",
+  "name" : "Object shorthand",
+  "description" : "require or disallow method and property shorthand syntax for object literals",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "prefer-arrow-callback",
+  "name" : "Prefer arrow callback",
+  "description" : "require arrow functions as callbacks",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "prefer-const",
+  "name" : "Prefer const",
+  "description" : "require const declarations for variables that are never reassigned after declared",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "prefer-reflect",
+  "name" : "Prefer reflect",
+  "description" : "require Reflect methods where applicable",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "prefer-rest-params",
+  "name" : "Prefer rest params",
+  "description" : "require rest parameters instead of arguments",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "prefer-spread",
+  "name" : "Prefer spread",
+  "description" : "require spread operators instead of .apply()",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "prefer-template",
+  "name" : "Prefer template",
+  "description" : "require template literals instead of string concatenation",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "require-yield",
+  "name" : "Require yield",
+  "description" : "require generator functions to contain yield",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "eslint", "bad-practice", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "sort-imports",
+  "name" : "Sort imports",
+  "description" : "enforce sorted import declarations within modules",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "template-curly-spacing",
+  "name" : "Template curly spacing",
+  "description" : "require or disallow spacing around embedded expressions of template strings",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "yield-star-spacing",
+  "name" : "Yield star spacing",
+  "description" : "require or disallow spacing around the * in yield* expressions",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "eslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+} ]
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/accessor-pairs.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/accessor-pairs.html
new file mode 100644
index 0000000..504689a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/accessor-pairs.html
@@ -0,0 +1,75 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforces-gettersetter-pairs-in-objects-accessor-pairs">Enforces getter/setter pairs in objects (accessor-pairs)</h1>
+
+<p>It’s a common mistake in JavaScript to create an object with just a setter for a property but never have a corresponding getter defined for it. Without a getter, you cannot read the property, so it ends up not being used.</p>
+
+<p>Here are some examples:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// Bad</span><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">a</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="c1">// Good</span><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">a</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">},</span><br/>    <span class="nx">get</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">val</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/></code></pre>
+</div>
+
+<p>This rule warns if setters are defined without getters. Using an option <code class="highlighter-rouge">getWithoutSet</code>, it will warn if you have a getter without a setter also.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a style where it requires to have a getter for every property which has a setter defined.</p>
+
+<p>By activating the option <code class="highlighter-rouge">getWithoutSet</code> it enforces the presence of a setter for every property which has a getter defined.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><code class="highlighter-rouge">setWithoutGet</code> set to <code class="highlighter-rouge">true</code> will warn for setters without getters (Default <code class="highlighter-rouge">true</code>).</li>
+  <li><code class="highlighter-rouge">getWithoutSet</code> set to <code class="highlighter-rouge">true</code> will warn for getters without setters (Default <code class="highlighter-rouge">false</code>).</li>
+</ul>
+
+<h3 id="setwithoutget">setWithoutGet<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#setwithoutget" aria-label="Anchor link for: setwithoutget" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"setWithoutGet"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint accessor-pairs: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">a</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><span class="na">d</span><span class="p">:</span> <span class="mi">1</span><span class="p">};</span><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">(</span><span class="nx">o</span><span class="p">,</span> <span class="s1">'c'</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">set</span><span class="p">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"setWithoutGet"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint accessor-pairs: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">a</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">},</span><br/>    <span class="nx">get</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">val</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><span class="na">d</span><span class="p">:</span> <span class="mi">1</span><span class="p">};</span><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">(</span><span class="nx">o</span><span class="p">,</span> <span class="s1">'c'</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">set</span><span class="p">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">},</span><br/>    <span class="na">get</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">val</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/><br/></code></pre>
+</div>
+
+<h3 id="getwithoutset">getWithoutSet<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#getwithoutset" aria-label="Anchor link for: getwithoutset" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"getWithoutSet"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint accessor-pairs: ["error", { "getWithoutSet": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">a</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">get</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">val</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><span class="na">d</span><span class="p">:</span> <span class="mi">1</span><span class="p">};</span><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">(</span><span class="nx">o</span><span class="p">,</span> <span class="s1">'c'</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">set</span><span class="p">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><span class="na">d</span><span class="p">:</span> <span class="mi">1</span><span class="p">};</span><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">(</span><span class="nx">o</span><span class="p">,</span> <span class="s1">'c'</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">get</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">val</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"getWithoutSet"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint accessor-pairs: ["error", { "getWithoutSet": true }]*/</span><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">a</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">},</span><br/>    <span class="nx">get</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">val</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><span class="na">d</span><span class="p">:</span> <span class="mi">1</span><span class="p">};</span><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">(</span><span class="nx">o</span><span class="p">,</span> <span class="s1">'c'</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">set</span><span class="p">:</span> <span class="kd">function</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">value</span><span class="p">;</span><br/>    <span class="p">},</span><br/>    <span class="na">get</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">val</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the simultaneous presence of setters and getters on objects.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/set">Object Setters</a></li>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get">Object Getters</a></li>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects">Working with Objects</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.22.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/accessor-pairs.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/accessor-pairs.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/array-bracket-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/array-bracket-spacing.html
new file mode 100644
index 0000000..d06f30c
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/array-bracket-spacing.html
@@ -0,0 +1,133 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-or-enforce-spaces-inside-of-brackets-array-bracket-spacing">Disallow or enforce spaces inside of brackets (array-bracket-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>A number of style guides require or disallow spaces between array brackets and other tokens. This rule
+applies to both array literals and destructuring assignments (ECMAScript 6).</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span><span class="nx">y</span><span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent spacing inside array brackets.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"never"</code> (default) disallows spaces inside array brackets</li>
+  <li><code class="highlighter-rouge">"always"</code> requires one or more spaces or newlines inside array brackets</li>
+</ul>
+
+<p>This rule has an object option for exceptions to the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"singleValue": true</code> requires one or more spaces or newlines inside brackets of array literals that contain a single element</li>
+  <li><code class="highlighter-rouge">"objectsInArrays": true</code> requires one or more spaces or newlines between brackets of array literals and braces of their object literal elements <code class="highlighter-rouge">[ {</code> or <code class="highlighter-rouge">} ]</code></li>
+  <li><code class="highlighter-rouge">"arraysInArrays": true</code> requires one or more spaces or newlines between brackets of array literals and brackets of their array literal elements <code class="highlighter-rouge">[ [</code> or <code class="highlighter-rouge">] ]</code></li>
+</ul>
+
+<p>This rule has an object option for exceptions to the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"singleValue": false</code> disallows spaces inside brackets of array literals that contain a single element</li>
+  <li><code class="highlighter-rouge">"objectsInArrays": false</code> disallows spaces between brackets of array literals and braces of their object literal elements <code class="highlighter-rouge">[{</code> or <code class="highlighter-rouge">}]</code></li>
+  <li><code class="highlighter-rouge">"arraysInArrays": false</code> disallows spaces between brackets of array literals and brackets of their array literal elements <code class="highlighter-rouge">[[</code> or <code class="highlighter-rouge">]]</code></li>
+</ul>
+
+<p>This rule has built-in exceptions:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"never"</code> (and also the exceptions to the <code class="highlighter-rouge">"always"</code> option) allows newlines inside array brackets, because this is a common pattern</li>
+  <li><code class="highlighter-rouge">"always"</code> does not require spaces or newlines in empty array literals <code class="highlighter-rouge">[]</code></li>
+</ul>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">],</span> <span class="s1">'bar'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[[</span> <span class="s1">'foo'</span> <span class="p">],</span> <span class="s1">'bar'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><br/><span class="p">];</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="nx">x</span><span class="p">,</span><span class="nx">y</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="nx">x</span><span class="p">,</span> <span class="p">...</span><span class="nx">y</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="p">,,</span><span class="nx">x</span><span class="p">,</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">,</span> <span class="s1">'baz'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[[</span><span class="s1">'foo'</span><span class="p">],</span> <span class="s1">'bar'</span><span class="p">,</span> <span class="s1">'baz'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>  <span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><span class="p">,</span><br/>  <span class="s1">'baz'</span><br/><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><br/><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>  <span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span><span class="nx">y</span><span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span> <span class="p">...</span><span class="nx">y</span><span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[,,</span><span class="nx">x</span><span class="p">,]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">],</span> <span class="s1">'bar'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><br/><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>  <span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span><span class="nx">y</span><span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span> <span class="p">...</span><span class="nx">y</span><span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[,,</span><span class="nx">x</span><span class="p">,]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">,</span> <span class="s1">'baz'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">[</span> <span class="s1">'foo'</span> <span class="p">],</span> <span class="s1">'bar'</span><span class="p">,</span> <span class="s1">'baz'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><br/><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>  <span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>  <span class="s1">'foo'</span><span class="p">,</span><br/>  <span class="s1">'bar'</span><span class="p">,</span><br/>  <span class="s1">'baz'</span><br/><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="p">[</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="nx">x</span><span class="p">,</span><span class="nx">y</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="nx">x</span><span class="p">,</span> <span class="p">...</span><span class="nx">y</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[</span> <span class="p">,,</span><span class="nx">x</span><span class="p">,</span> <span class="p">]</span> <span class="o">=</span> <span class="nx">z</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="singlevalue">singleValue<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#singlevalue" aria-label="Anchor link for: singlevalue" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"always", { "singleValue": false }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always", { "singleValue": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'foo'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span> <span class="s1">'foo'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span> <span class="mi">1</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span> <span class="mi">1</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span> <span class="p">[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span> <span class="p">]</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span> <span class="p">{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">}</span> <span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always", { "singleValue": false }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always", { "singleValue": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">1</span> <span class="p">]];</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">}];</span><br/></code></pre>
+</div>
+
+<h3 id="objectsinarrays">objectsInArrays<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#objectsinarrays" aria-label="Anchor link for: objectsinarrays" data-anchorjs-icon=""></a></h3>
+
+<p>Examples of <strong>incorrect</strong>  this rule with the <code class="highlighter-rouge">"always", { "objectsInArrays": false }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always", { "objectsInArrays": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">}</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">{</span><br/>  <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><br/><span class="p">}</span> <span class="p">]</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always", { "objectsInArrays": false }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always", { "objectsInArrays": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">}];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[{</span><br/>  <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><br/><span class="p">}];</span><br/></code></pre>
+</div>
+
+<h3 id="arraysinarrays">arraysInArrays<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#arraysinarrays" aria-label="Anchor link for: arraysinarrays" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"always", { "arraysInArrays": false }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always", { "arraysInArrays": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span> <span class="p">],</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span> <span class="p">],</span> <span class="mi">2</span><span class="p">,</span> <span class="p">[</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span> <span class="p">]</span> <span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always", { "arraysInArrays": false }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-bracket-spacing: ["error", "always", { "arraysInArrays": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span> <span class="p">],</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span> <span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span> <span class="p">],</span> <span class="mi">2</span><span class="p">,</span> <span class="p">[</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span> <span class="p">]];</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of spacing between array brackets.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="space-in-parens">space-in-parens</a></li>
+  <li><a href="object-curly-spacing">object-curly-spacing</a></li>
+  <li><a href="computed-property-spacing">computed-property-spacing</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.24.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/array-bracket-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/array-bracket-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/array-callback-return.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/array-callback-return.html
new file mode 100644
index 0000000..103ba13
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/array-callback-return.html
@@ -0,0 +1,61 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforces-return-statements-in-callbacks-of-arrays-methods-array-callback-return">Enforces return statements in callbacks of array’s methods (array-callback-return)</h1>
+
+<p><code class="highlighter-rouge">Array</code> has several methods for filtering, mapping, and folding.
+If we forget to write <code class="highlighter-rouge">return</code> statement in a callback of those, it’s probably a mistake.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// example: convert ['a', 'b', 'c'] --&gt; {a: 0, b: 1, c: 2}</span><br/><span class="kd">var</span> <span class="nx">indexMap</span> <span class="o">=</span> <span class="nx">myArray</span><span class="p">.</span><span class="nx">reduce</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">memo</span><span class="p">,</span> <span class="nx">item</span><span class="p">,</span> <span class="nx">index</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">memo</span><span class="p">[</span><span class="nx">item</span><span class="p">]</span> <span class="o">=</span> <span class="nx">index</span><span class="p">;</span><br/><span class="p">},</span> <span class="p">{});</span> <span class="c1">// Error: cannot set property 'b' of undefined</span><br/></code></pre>
+</div>
+
+<p>This rule enforces usage of <code class="highlighter-rouge">return</code> statement in callbacks of array’s methods.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule finds callback functions of the following methods, then checks usage of <code class="highlighter-rouge">return</code> statement.</p>
+
+<ul>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.from"><code class="highlighter-rouge">Array.from</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.every"><code class="highlighter-rouge">Array.prototype.every</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.filter"><code class="highlighter-rouge">Array.prototype.filter</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.find"><code class="highlighter-rouge">Array.prototype.find</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.findIndex"><code class="highlighter-rouge">Array.prototype.findIndex</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.map"><code class="highlighter-rouge">Array.prototype.map</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.reduce"><code class="highlighter-rouge">Array.prototype.reduce</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.reduceRight"><code class="highlighter-rouge">Array.prototype.reduceRight</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.some"><code class="highlighter-rouge">Array.prototype.some</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-array.prototype.sort"><code class="highlighter-rouge">Array.prototype.sort</code></a></li>
+  <li>And above of typed arrays.</li>
+</ul>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-callback-return: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">indexMap</span> <span class="o">=</span> <span class="nx">myArray</span><span class="p">.</span><span class="nx">reduce</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">memo</span><span class="p">,</span> <span class="nx">item</span><span class="p">,</span> <span class="nx">index</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">memo</span><span class="p">[</span><span class="nx">item</span><span class="p">]</span> <span class="o">=</span> <span class="nx">index</span><span class="p">;</span><br/><span class="p">},</span> <span class="p">{});</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">from</span><span class="p">(</span><span class="nx">nodes</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">node</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">node</span><span class="p">.</span><span class="nx">tagName</span> <span class="o">===</span> <span class="s2">"DIV"</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint array-callback-return: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">indexMap</span> <span class="o">=</span> <span class="nx">myArray</span><span class="p">.</span><span class="nx">reduce</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">memo</span><span class="p">,</span> <span class="nx">item</span><span class="p">,</span> <span class="nx">index</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">memo</span><span class="p">[</span><span class="nx">item</span><span class="p">]</span> <span class="o">=</span> <span class="nx">index</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="nx">memo</span><span class="p">;</span><br/><span class="p">},</span> <span class="p">{});</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nb">Array</span><span class="p">.</span><span class="nx">from</span><span class="p">(</span><span class="nx">nodes</span><span class="p">,</span> <span class="kd">function</span><span class="p">(</span><span class="nx">node</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">node</span><span class="p">.</span><span class="nx">tagName</span> <span class="o">===</span> <span class="s2">"DIV"</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="k">return</span> <span class="kc">false</span><span class="p">;</span><br/><span class="p">});</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">node</span> <span class="o">=&gt;</span> <span class="nx">node</span><span class="p">.</span><span class="nx">getAttribute</span><span class="p">(</span><span class="s2">"id"</span><span class="p">));</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<p>This rule checks callback functions of methods with the given names, <em>even if</em> the object which has the method is <em>not</em> an array.</p>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to warn about usage of <code class="highlighter-rouge">return</code> statement in callbacks of array’s methods, then it’s safe to disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-alpha-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/array-callback-return.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/array-callback-return.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-body-style.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-body-style.html
new file mode 100644
index 0000000..ac9cf25
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-body-style.html
@@ -0,0 +1,59 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-braces-in-arrow-function-body-arrow-body-style">Require braces in arrow function body (arrow-body-style)</h1>
+
+<p>Arrow functions can omit braces when there is a single statement in the body. This rule enforces the consistent use of braces in arrow functions.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule can enforce the use of braces around arrow function body.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one option, a string, which can be:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> enforces braces around the function body</li>
+  <li><code class="highlighter-rouge">"as-needed"</code> enforces no braces where they can be omitted (default)</li>
+</ul>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"arrow-body-style"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When the rule is set to <code class="highlighter-rouge">"always"</code> the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-body-style: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">};</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="nx">retv</span><span class="p">,</span> <span class="nx">name</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="nx">retv</span><span class="p">[</span><span class="nx">name</span><span class="p">]</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="nx">retv</span><span class="p">;</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="as-needed">“as-needed”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#as-needed" aria-label="Anchor link for: as needed" data-anchorjs-icon=""></a></h3>
+
+<p>When the rule is set to <code class="highlighter-rouge">"as-needed"</code> the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-body-style: ["error", "as-needed"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-body-style: ["error", "as-needed"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="mi">0</span><span class="p">;</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="nx">retv</span><span class="p">,</span> <span class="nx">name</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="nx">retv</span><span class="p">[</span><span class="nx">name</span><span class="p">]</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="nx">retv</span><span class="p">;</span><br/><span class="p">};</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">};</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="cm">/* do nothing */</span> <span class="p">};</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="c1">// do nothing.</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.8.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/arrow-body-style.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/arrow-body-style.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-parens.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-parens.html
new file mode 100644
index 0000000..855feb6
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-parens.html
@@ -0,0 +1,96 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-parens-in-arrow-function-arguments-arrow-parens">Require parens in arrow function arguments (arrow-parens)</h1>
+
+<p>Arrow functions can omit parentheses when they have exactly one parameter. In all other cases the parameter(s) must
+be wrapped in parentheses. This rule enforces the consistent use of parentheses in arrow functions.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces parentheses around arrow function parameters regardless of arity. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// Bad</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">{}</span><br/><br/><span class="c1">// Good</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p>Following this style will help you find arrow functions (<code class="highlighter-rouge">=&gt;</code>) which may be mistakenly included in a condition
+when a comparison such as <code class="highlighter-rouge">&gt;=</code> was the intent.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// Bad</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span> <span class="o">=&gt;</span> <span class="mi">2</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="c1">// Good</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span> <span class="o">&gt;=</span> <span class="mi">2</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The rule can also be configured to discourage the use of parens when they are not required:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// Bad</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{}</span><br/><br/><span class="c1">// Good</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one option, a string, which could be either <code class="highlighter-rouge">"always"</code> or <code class="highlighter-rouge">"as-needed"</code>. The default is <code class="highlighter-rouge">"always"</code>.</p>
+
+<p>You can set the option in configuration like this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"arrow-parens"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>When the rule is set to <code class="highlighter-rouge">"always"</code> the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-parens: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">(</span><span class="nx">foo</span> <span class="o">=&gt;</span> <span class="p">{});</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">(</span><span class="nx">foo</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">);</span><br/><span class="nx">a</span><span class="p">(</span><span class="nx">foo</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{};</span> <span class="p">});</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-parens: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span><span class="s1">'\n'</span><span class="p">}</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">((</span><span class="nx">foo</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{});</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">((</span><span class="nx">foo</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{};</span> <span class="p">});</span><br/></code></pre>
+</div>
+
+<h4 id="if-statements">If Statements<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#if-statements" aria-label="Anchor link for: if statements" data-anchorjs-icon=""></a></h4>
+
+<p>One benefits of this option is that it prevents the incorrect use of arrow functions in conditionals:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="c1">// ...</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span> <span class="o">=&gt;</span> <span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'bigger'</span><span class="p">);</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'smaller'</span><span class="p">);</span><br/><span class="p">};</span><br/><span class="c1">// outputs 'bigger', not smaller as expected</span><br/></code></pre>
+</div>
+
+<p>The contents of the <code class="highlighter-rouge">if</code> statement is an arrow function, not a comparison.
+If the arrow function is intentional, it should be wrapped in parens to remove ambiguity.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="c1">// ...</span><br/><span class="k">if</span> <span class="p">((</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'truthy value returned'</span><span class="p">);</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'falsey value returned'</span><span class="p">);</span><br/><span class="p">};</span><br/><span class="c1">// outputs 'falsey value returned'</span><br/></code></pre>
+</div>
+
+<p>The following is another example of this behavior:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">,</span> <span class="nx">c</span> <span class="o">=</span> <span class="mi">3</span><span class="p">,</span> <span class="nx">d</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">f</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">=&gt;</span> <span class="nx">b</span> <span class="p">?</span> <span class="nx">c</span><span class="p">:</span> <span class="nx">d</span><span class="p">;</span><br/><span class="c1">// f = ?</span><br/></code></pre>
+</div>
+
+<p><code class="highlighter-rouge">f</code> is an arrow function which takes <code class="highlighter-rouge">a</code> as an argument and returns the result of <code class="highlighter-rouge">b ? c: d</code>.</p>
+
+<p>This should be rewritten like so:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">,</span> <span class="nx">c</span> <span class="o">=</span> <span class="mi">3</span><span class="p">,</span> <span class="nx">d</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">f</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">b</span> <span class="p">?</span> <span class="nx">c</span><span class="p">:</span> <span class="nx">d</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="as-needed">“as-needed”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#as-needed" aria-label="Anchor link for: as needed" data-anchorjs-icon=""></a></h3>
+
+<p>When the rule is set to <code class="highlighter-rouge">"as-needed"</code> the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-parens: ["error", "as-needed"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">((</span><span class="nx">foo</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{});</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">((</span><span class="nx">foo</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">);</span><br/><span class="nx">a</span><span class="p">((</span><span class="nx">foo</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{};</span> <span class="p">});</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-parens: ["error", "as-needed"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">(</span><span class="nx">foo</span> <span class="o">=&gt;</span> <span class="p">{});</span><br/><span class="nx">a</span><span class="p">.</span><span class="nx">then</span><span class="p">(</span><span class="nx">foo</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{};</span> <span class="p">});</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">(</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">([</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">])</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">({</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">})</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/arrow-parens.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/arrow-parens.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-spacing.html
new file mode 100644
index 0000000..0d02f96
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/arrow-spacing.html
@@ -0,0 +1,57 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-space-beforeafter-arrow-functions-arrow-arrow-spacing">Require space before/after arrow function’s arrow (arrow-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>This rule normalize style of spacing before/after an arrow function’s arrow(<code class="highlighter-rouge">=&gt;</code>).</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// { "before": true, "after": true }</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{}</span><br/><br/><span class="c1">// { "before": false, "after": false }</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span><span class="o">=&gt;</span><span class="p">{}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes an object argument with <code class="highlighter-rouge">before</code> and <code class="highlighter-rouge">after</code> properties, each with a Boolean value.</p>
+
+<p>The default configuration is <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<p><code class="highlighter-rouge">true</code> means there should be <strong>one or more spaces</strong> and <code class="highlighter-rouge">false</code> means <strong>no spaces</strong>.</p>
+
+<p>The following patterns are considered problems if <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-spacing: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">()</span><span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="p">()</span> <span class="o">=&gt;</span><span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span><span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span><span class="p">{};</span><br/><span class="nx">a</span> <span class="o">=&gt;</span><span class="nx">a</span><span class="p">;</span><br/><span class="nx">a</span><span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">()</span><span class="o">=&gt;</span> <span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/><span class="p">()</span> <span class="o">=&gt;</span><span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems if <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-spacing: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="nx">a</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems if <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-spacing: ["error", { "before": false, "after": false }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">()</span><span class="o">=&gt;</span><span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span><span class="o">=&gt;</span><span class="p">{};</span><br/><span class="nx">a</span><span class="o">=&gt;</span><span class="nx">a</span><span class="p">;</span><br/><span class="p">()</span><span class="o">=&gt;</span><span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems if <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-spacing: ["error", { "before": true, "after": false }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">()</span> <span class="o">=&gt;</span><span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span><span class="p">{};</span><br/><span class="nx">a</span> <span class="o">=&gt;</span><span class="nx">a</span><span class="p">;</span><br/><span class="p">()</span> <span class="o">=&gt;</span><span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems if <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint arrow-spacing: ["error", { "before": false, "after": true }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="p">()</span><span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span><span class="o">=&gt;</span> <span class="p">{};</span><br/><span class="nx">a</span><span class="o">=&gt;</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">()</span><span class="o">=&gt;</span> <span class="p">{</span><span class="s1">'\n'</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/arrow-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/arrow-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/block-scoped-var.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/block-scoped-var.html
new file mode 100644
index 0000000..f714e7e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/block-scoped-var.html
@@ -0,0 +1,40 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="treat-var-as-block-scoped-block-scoped-var">Treat var as Block Scoped (block-scoped-var)</h1>
+
+<p>The <code class="highlighter-rouge">block-scoped-var</code> rule generates warnings when variables are used outside of the block in which they were defined. This emulates C-style block scope.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to reduce the usage of variables outside of their binding context and emulate traditional block scope from other languages. This is to help newcomers to the language avoid difficult bugs with variable hoisting.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint block-scoped-var: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doIf</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">build</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">build</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doIfElse</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">build</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">build</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doTryCatch</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">build</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">f</span> <span class="o">=</span> <span class="nx">build</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint block-scoped-var: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doIf</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">build</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">build</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">build</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doIfElse</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">build</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">build</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="nx">build</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doTryCatch</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">build</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">f</span><span class="p">;</span><br/><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="nx">build</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">f</span> <span class="o">=</span> <span class="nx">build</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html">JavaScript Scoping and Hoisting</a></li>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting">var Hoisting</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/block-scoped-var.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/block-scoped-var.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/block-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/block-spacing.html
new file mode 100644
index 0000000..9a3e972
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/block-spacing.html
@@ -0,0 +1,60 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-or-enforce-spaces-inside-of-single-line-blocks-block-spacing">Disallow or enforce spaces inside of single line blocks (block-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent spacing inside single-line blocks.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> (default) requires one or more spaces</li>
+  <li><code class="highlighter-rouge">"never"</code> disallows spaces</li>
+</ul>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint block-spacing: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><span class="k">return</span> <span class="kc">true</span><span class="p">;}</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint block-spacing: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="kc">true</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint block-spacing: ["error", "never"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="kc">true</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint block-spacing: ["error", "never"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><span class="k">return</span> <span class="kc">true</span><span class="p">;}</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><span class="nx">bar</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about spacing style inside of blocks, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/block-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/block-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/brace-style.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/brace-style.html
new file mode 100644
index 0000000..f876499
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/brace-style.html
@@ -0,0 +1,117 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-brace-style-brace-style">Require Brace Style (brace-style)</h1>
+
+<p>Brace style is closely related to <a href="http://en.wikipedia.org/wiki/Indent_style">indent style</a> in programming and describes the placement of braces relative to their control statement and body. There are probably a dozen, if not more, brace styles in the world.</p>
+
+<p>The <em>one true brace style</em> is one of the most common brace styles in JavaScript, in which the opening brace of a block is placed on the same line as its corresponding statement or declaration. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>One common variant of one true brace style is called Stroustrup, in which the <code class="highlighter-rouge">else</code> statements in an <code class="highlighter-rouge">if-else</code> construct, as well as <code class="highlighter-rouge">catch</code> and <code class="highlighter-rouge">finally</code>, must be on its own line after the preceding closing brace. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Another style is called <a href="https://en.wikipedia.org/wiki/Indent_style#Allman_style">Allman</a>, in which all the braces are expected to be on their own lines without any extra indentation. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">else</span><br/><span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>While no style is considered better than the other, most developers agree that having a consistent style throughout a project is important for its long-term maintainability.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent brace style for blocks.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"1tbs"</code> (default) enforces one true brace style</li>
+  <li><code class="highlighter-rouge">"stroustrup"</code> enforces Stroustrup style</li>
+  <li><code class="highlighter-rouge">"allman"</code> enforces Allman style</li>
+</ul>
+
+<p>This rule has an object option for an exception:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allowSingleLine": true</code> (default <code class="highlighter-rouge">false</code>) allows the opening and closing braces for a block to be on the <em>same</em> line</li>
+</ul>
+
+<h3 id="tbs">1tbs<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#tbs" aria-label="Anchor link for: tbs" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"1tbs"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span><br/><span class="p">{</span><br/>  <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span><br/><span class="p">{</span><br/>  <span class="nx">somethingRisky</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">handleError</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"1tbs"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>  <span class="nx">somethingRisky</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">handleError</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="c1">// when there are no braces, there are no problems</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">bar</span><span class="p">();</span><br/><span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="nx">boom</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"1tbs", { "allowSingleLine": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: ["error", "1tbs", { "allowSingleLine": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">nop</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span><span class="p">;</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="nx">baz</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span> <span class="nx">somethingRisky</span><span class="p">();</span> <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="nx">handleError</span><span class="p">();</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="stroustrup">stroustrup<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#stroustrup" aria-label="Anchor link for: stroustrup" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"stroustrup"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: ["error", "stroustrup"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span><br/><span class="p">{</span><br/>  <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span><br/><span class="p">{</span><br/>  <span class="nx">somethingRisky</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">handleError</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"stroustrup"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: ["error", "stroustrup"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>  <span class="nx">somethingRisky</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">handleError</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="c1">// when there are no braces, there are no problems</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">bar</span><span class="p">();</span><br/><span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="nx">boom</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"stroustrup", { "allowSingleLine": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: ["error", "stroustrup", { "allowSingleLine": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">nop</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span><span class="p">;</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span><br/><span class="k">else</span> <span class="p">{</span> <span class="nx">baz</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span> <span class="nx">somethingRisky</span><span class="p">();</span> <span class="p">}</span><br/><span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="nx">handleError</span><span class="p">();</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="allman">allman<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allman" aria-label="Anchor link for: allman" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"allman"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: ["error", "allman"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">try</span><br/><span class="p">{</span><br/>  <span class="nx">somethingRisky</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">handleError</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"allman"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: ["error", "allman"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span><br/><span class="p">{</span><br/>  <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">else</span><br/><span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span><br/><span class="p">{</span><br/>  <span class="nx">somethingRisky</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span><br/><span class="p">{</span><br/>  <span class="nx">handleError</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="c1">// when there are no braces, there are no problems</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">bar</span><span class="p">();</span><br/><span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="nx">boom</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"allman", { "allowSingleLine": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint brace-style: ["error", "allman", { "allowSingleLine": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">nop</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span><span class="p">;</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span><br/><span class="k">else</span> <span class="p">{</span> <span class="nx">baz</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span> <span class="nx">somethingRisky</span><span class="p">();</span> <span class="p">}</span><br/><span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="nx">handleError</span><span class="p">();</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If your project will not be using the one true brace style, turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://en.wikipedia.org/wiki/Indent_style">Indent style</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/brace-style.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/brace-style.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/callback-return.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/callback-return.html
new file mode 100644
index 0000000..2be3c33
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/callback-return.html
@@ -0,0 +1,102 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-return-after-callback-callback-return">Enforce Return After Callback (callback-return)</h1>
+
+<p>The callback pattern is at the heart of most I/O and event-driven programming
+ in JavaScript.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span><br/>    <span class="p">}</span><br/>    <span class="nx">callback</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>To prevent calling the callback multiple times it is important to <code class="highlighter-rouge">return</code> anytime the callback is triggered outside
+ of the main function body. Neglecting this technique often leads to issues where you do something more than once.
+ For example, in the case of an HTTP request, you may try to send HTTP headers more than once leading Node.js to <code class="highlighter-rouge">throw</code>
+ a <code class="highlighter-rouge">Can't render headers after they are sent to the client.</code> error.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at ensuring that callbacks used outside of the main function block are always part-of or immediately
+preceding a <code class="highlighter-rouge">return</code> statement. This rule decides what is a callback based on the name of the function being called.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes a single option, which is an array of possible callback names. The default callback names are <code class="highlighter-rouge">callback</code>, <code class="highlighter-rouge">cb</code>, <code class="highlighter-rouge">next</code>.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">["callback", "cb", "next"]</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint callback-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span><br/>    <span class="p">}</span><br/>    <span class="nx">callback</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">["callback", "cb", "next"]</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint callback-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span><br/>    <span class="p">}</span><br/>    <span class="nx">callback</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<p>Because it is difficult to understand the meaning of a program through static analysis, this rule has limitations:</p>
+
+<ul>
+  <li><em>false negatives</em> when this rule reports correct code, but the program calls the callback more than one time (which is incorrect behavior)</li>
+  <li><em>false positives</em> when this rule reports incorrect code, but the program calls the callback only one time (which is correct behavior)</li>
+</ul>
+
+<h3 id="passing-the-callback-by-reference">Passing the callback by reference<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#passing-the-callback-by-reference" aria-label="Anchor link for: passing the callback by reference" data-anchorjs-icon=""></a></h3>
+
+<p>The static analysis of this rule does not detect that the program calls the callback if it is an argument of a function (for example,  <code class="highlighter-rouge">setTimeout</code>).</p>
+
+<p>Example of a <em>false negative</em> when this rule reports correct code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint callback-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">callback</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">setTimeout</span><span class="p">(</span><span class="nx">callback</span><span class="p">,</span> <span class="mi">0</span><span class="p">);</span> <span class="c1">// this is bad, but WILL NOT warn</span><br/>    <span class="p">}</span><br/>    <span class="nx">callback</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="triggering-the-callback-within-a-nested-function">Triggering the callback within a nested function<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#triggering-the-callback-within-a-nested-function" aria-label="Anchor link for: triggering the callback within a nested function" data-anchorjs-icon=""></a></h3>
+
+<p>The static analysis of this rule does not detect that the program calls the callback from within a nested function or an immediately-invoked function expression (IIFE).</p>
+
+<p>Example of a <em>false negative</em> when this rule reports correct code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint callback-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">callback</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">process</span><span class="p">.</span><span class="nx">nextTick</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>            <span class="k">return</span> <span class="nx">callback</span><span class="p">();</span> <span class="c1">// this is bad, but WILL NOT warn</span><br/>        <span class="p">});</span><br/>    <span class="p">}</span><br/>    <span class="nx">callback</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="ifelse-statements">If/else statements<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ifelse-statements" aria-label="Anchor link for: ifelse statements" data-anchorjs-icon=""></a></h3>
+
+<p>The static analysis of this rule does not detect that the program calls the callback only one time in each branch of an <code class="highlighter-rouge">if</code> statement.</p>
+
+<p>Example of a <em>false positive</em> when this rule reports incorrect code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint callback-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">callback</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span> <span class="c1">// this is fine, but WILL warn</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="nx">callback</span><span class="p">();</span>    <span class="c1">// this is fine, but WILL warn</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>There are some cases where you might want to call a callback function more than once. In those cases this rule
+ may lead to incorrect behavior. In those cases you may want to reserve a special name for those callbacks and
+ not include that in the list of callbacks that trigger warnings.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/maxogden/art-of-node#callbacks">The Art Of Node: Callbacks</a></li>
+  <li><a href="http://docs.nodejitsu.com/articles/errors/what-are-the-error-conventions">Nodejitsu: What are the error conventions?</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="handle-callback-err">handle-callback-err</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/callback-return.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/callback-return.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/camelcase.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/camelcase.html
new file mode 100644
index 0000000..5a55ff6
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/camelcase.html
@@ -0,0 +1,55 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-camelcase-camelcase">Require Camelcase (camelcase)</h1>
+
+<p>When it comes to naming variables, style guides generally fall into one of two camps: camelcase (<code class="highlighter-rouge">variableName</code>) and underscores (<code class="highlighter-rouge">variable_name</code>). This rule focuses on using the camelcase approach. If your style guide calls for camelcasing your variable names, then this rule is for you!</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule looks for any underscores (<code class="highlighter-rouge">_</code>) located within the source code. It ignores leading and trailing underscores and only checks those in the middle of a variable name. If ESLint decides that the variable is a constant (all uppercase), then no warning will be thrown. Otherwise, a warning will be thrown. This rule only flags definitions and assignments but not function calls.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"properties": "always"</code> (default) enforces camelcase style for property names</li>
+  <li><code class="highlighter-rouge">"properties": "never"</code> does not check property names</li>
+</ul>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"properties"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint camelcase: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">my_favorite_color</span> <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">do_something</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">do_something</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">my_pref</span><span class="p">:</span> <span class="mi">1</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"properties"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint camelcase: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">myFavoriteColor</span>   <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">_myFavoriteColor</span>  <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">myFavoriteColor_</span>  <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">MY_FAVORITE_COLOR</span> <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">.</span><span class="nx">baz_boom</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="na">qux</span><span class="p">:</span> <span class="nx">bar</span><span class="p">.</span><span class="nx">baz_boom</span> <span class="p">};</span><br/><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">do_something</span><span class="p">();</span><br/><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">category_id</span><span class="p">:</span> <span class="nx">category</span> <span class="p">}</span> <span class="o">=</span> <span class="nx">query</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"properties"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint camelcase: ["error", {properties: "never"}]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">my_pref</span><span class="p">:</span> <span class="mi">1</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you have established coding standards using a different naming convention (separating words with underscores), turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/camelcase.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/camelcase.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-dangle.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-dangle.html
new file mode 100644
index 0000000..0d6ec25
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-dangle.html
@@ -0,0 +1,104 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-trailing-commas-comma-dangle">require or disallow trailing commas (comma-dangle)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Trailing commas in object literals are valid according to the ECMAScript 5 (and ECMAScript 3!) spec. However, IE8 (when not in IE8 document mode) and below will throw an error when it encounters trailing commas in JavaScript.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>Trailing commas simplify adding and removing items to objects and arrays, since only the lines you are modifying must be touched.
+Another argument in favor of trailing commas is that it improves the clarity of diffs when an item is added or removed from an object or array:</p>
+
+<p>Less clear:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code> var foo = {<br/><span class="gd">-    bar: "baz",<br/>-    qux: "quux"<br/></span><span class="gi">+    bar: "baz"<br/></span> };<br/></code></pre>
+</div>
+
+<p>More clear:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code> var foo = {<br/>     bar: "baz",<br/><span class="gd">-    qux: "quux",<br/></span> };<br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent use of trailing commas in object and array literals.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"never"</code> (default) disallows trailing commas</li>
+  <li><code class="highlighter-rouge">"always"</code> requires trailing commas</li>
+  <li><code class="highlighter-rouge">"always-multiline"</code> requires trailing commas when the last element or property is in a <em>different</em> line than the closing <code class="highlighter-rouge">]</code> or <code class="highlighter-rouge">}</code> and disallows trailing commas when the last element or property is on the <em>same</em> line as the closing <code class="highlighter-rouge">]</code> or <code class="highlighter-rouge">}</code></li>
+  <li><code class="highlighter-rouge">"only-multiline"</code> allows (but does not require) trailing commas when the last element or property is in a <em>different</em> line than the closing <code class="highlighter-rouge">]</code> or <code class="highlighter-rouge">}</code> and disallows trailing commas when the last element or property is on the <em>same</em> line as the closing <code class="highlighter-rouge">]</code> or <code class="highlighter-rouge">}</code></li>
+</ul>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,];</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">];</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "always"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">];</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "always"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,];</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h3 id="always-multiline">always-multiline<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always-multiline" aria-label="Anchor link for: always multiline" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"always-multiline"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "always-multiline"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span> <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span> <span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><span class="p">,];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><br/><span class="p">];</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always-multiline"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "always-multiline"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span> <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><span class="p">,</span><br/><span class="p">];</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h3 id="only-multiline">only-multiline<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#only-multiline" aria-label="Anchor link for: only multiline" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"only-multiline"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "only-multiline"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span> <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span> <span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><span class="p">,];</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"only-multiline"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-dangle: ["error", "only-multiline"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span> <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><span class="p">,</span><br/><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">2</span><br/><span class="p">];</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><span class="p">,</span><br/><span class="p">});</span><br/><br/><span class="nx">foo</span><span class="p">({</span><br/>  <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>  <span class="na">qux</span><span class="p">:</span> <span class="s2">"quux"</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with dangling commas.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.16.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/comma-dangle.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/comma-dangle.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-spacing.html
new file mode 100644
index 0000000..8ce7087
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-spacing.html
@@ -0,0 +1,104 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforces-spacing-around-commas-comma-spacing">Enforces spacing around commas (comma-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Spacing around commas improve readability of a list of items. Although most of the style guidelines for languages prescribe adding a space after a comma and not before it, it is subjective to the preferences of a project.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="p">,</span><span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent spacing before and after commas in variable declarations, array literals, object literals, function parameters, and sequences.</p>
+
+<p>This rule does not apply in an <code class="highlighter-rouge">ArrayExpression</code> or <code class="highlighter-rouge">ArrayPattern</code> in either of the following cases:</p>
+
+<ul>
+  <li>adjacent null elements</li>
+  <li>an initial null element, to avoid conflicts with the <a href="array-bracket-spacing"><code class="highlighter-rouge">array-bracket-spacing</code></a> rule</li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"before": false</code> (default) disallows spaces before commas</li>
+  <li><code class="highlighter-rouge">"before": true</code> requires one or more spaces before commas</li>
+  <li><code class="highlighter-rouge">"after": true</code> (default) requires one or more spaces after commas</li>
+  <li><code class="highlighter-rouge">"after": false</code> disallows spaces after commas</li>
+</ul>
+
+<h3 id="after">after<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#after" aria-label="Anchor link for: after" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-spacing: ["error", { "before": false, "after": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="p">,</span><span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="p">,</span> <span class="mi">2</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span> <span class="p">,</span><span class="s2">"baz"</span><span class="p">:</span> <span class="s2">"qur"</span><span class="p">};</span><br/><span class="nx">foo</span><span class="p">(</span><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><span class="p">);</span><br/><span class="k">new</span> <span class="nx">Foo</span><span class="p">(</span><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><span class="p">);</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><span class="p">){}</span><br/><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-spacing: ["error", { "before": false, "after": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><br/>    <span class="p">,</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,,</span> <span class="mi">3</span><span class="p">]</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span> <span class="s2">"baz"</span><span class="p">:</span> <span class="s2">"qur"</span><span class="p">};</span><br/><span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">);</span><br/><span class="k">new</span> <span class="nx">Foo</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">);</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">){}</span><br/><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Example of <strong>correct</strong> code for this rule with initial null element for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-spacing: ["error", { "before": false, "after": true }]*/</span><br/><span class="cm">/*eslint array-bracket-spacing: ["error", "always"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span> <span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span> <span class="p">]</span><br/></code></pre>
+</div>
+
+<h3 id="before">before<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#before" aria-label="Anchor link for: before" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-spacing: ["error", { "before": true, "after": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="p">,</span> <span class="mi">2</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span> <span class="s2">"baz"</span><span class="p">:</span> <span class="s2">"qur"</span><span class="p">};</span><br/><span class="k">new</span> <span class="nx">Foo</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span><span class="nx">b</span><span class="p">);</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span><span class="nx">b</span><span class="p">){}</span><br/><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-spacing: ["error", { "before": true, "after": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="p">,</span><span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span> <span class="p">,</span><br/>    <span class="nx">baz</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="p">,</span><span class="mi">2</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span> <span class="p">,,</span><span class="mi">3</span><span class="p">]</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span> <span class="p">,</span><span class="s2">"baz"</span><span class="p">:</span> <span class="s2">"qur"</span><span class="p">};</span><br/><span class="nx">foo</span><span class="p">(</span><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><span class="p">);</span><br/><span class="k">new</span> <span class="nx">Foo</span><span class="p">(</span><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><span class="p">);</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><span class="p">){}</span><br/><span class="nx">a</span> <span class="p">,</span><span class="nx">b</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with initial null element for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-spacing: ["error", { "before": true, "after": false }]*/</span><br/><span class="cm">/*eslint array-bracket-spacing: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[,</span><span class="mi">2</span> <span class="p">,</span><span class="mi">3</span><span class="p">]</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If your project will not be following a consistent comma-spacing pattern, turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://javascript.crockford.com/code.html">Javascript</a></li>
+  <li><a href="https://dojotoolkit.org/reference-guide/1.9/developer/styleguide.html">Dojo Style Guide</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="array-bracket-spacing">array-bracket-spacing</a></li>
+  <li><a href="comma-style">comma-style</a></li>
+  <li><a href="space-in-brackets">space-in-brackets</a> (deprecated)</li>
+  <li><a href="space-in-parens">space-in-parens</a></li>
+  <li><a href="space-infix-ops">space-infix-ops</a></li>
+  <li><a href="space-after-keywords">space-after-keywords</a></li>
+  <li><a href="space-unary-ops">space-unary-ops</a></li>
+  <li><a href="space-return-throw-case">space-return-throw-case</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/comma-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/comma-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-style.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-style.html
new file mode 100644
index 0000000..61a6335
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/comma-style.html
@@ -0,0 +1,119 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="comma-style-comma-style">Comma style (comma-style)</h1>
+
+<p>The Comma Style rule enforces styles for comma-separated lists. There are two comma styles primarily used in JavaScript:</p>
+
+<ul>
+  <li>The standard style, in which commas are placed at the end of the current line</li>
+  <li>Comma First style, in which commas are placed at the start of the next line</li>
+</ul>
+
+<p>One of the justifications for using Comma First style is that it can help track missing and trailing commas. These are problematic because missing commas in variable declarations can lead to the leakage of global variables and trailing commas can lead to errors in older versions of IE.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforce consistent comma style in array literals, object literals, and variable declarations.</p>
+
+<p>This rule does not apply in either of the following cases:</p>
+
+<ul>
+  <li>comma preceded and followed by linebreak (lone comma)</li>
+  <li>single-line array literals, object literals, and variable declarations</li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"last"</code> (default) requires a comma after and on the same line as an array element, object property, or variable declaration</li>
+  <li><code class="highlighter-rouge">"first"</code> requires a comma before and on the same line as an array element, object property, or variable declaration</li>
+</ul>
+
+<p>This rule also accepts an additional <code class="highlighter-rouge">exceptions</code> object:</p>
+
+<ul>
+  <li>
+    <p><code class="highlighter-rouge">"exceptions"</code> has properties whose names correspond to node types in the abstract syntax tree (AST) of JavaScript code:</p>
+
+    <ul>
+      <li><code class="highlighter-rouge">"ArrayExpression": true</code> ignores comma style in array literals</li>
+      <li><code class="highlighter-rouge">"ObjectExpression": true</code> ignores comma style in object literals</li>
+      <li><code class="highlighter-rouge">"VariableDeclaration": true</code> ignores comma style in variable declarations</li>
+    </ul>
+  </li>
+</ul>
+
+<p>A way to determine the node types as defined by <a href="https://github.com/estree/estree">ESTree</a> is to use the <a href="http://eslint.org/parser">online demo</a>.</p>
+
+<h3 id="last">last<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#last" aria-label="Anchor link for: last" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"last"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-style: ["error", "last"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><br/><span class="p">,</span><br/><span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><br/>  <span class="p">,</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"apples"</span><br/>           <span class="p">,</span> <span class="s2">"oranges"</span><span class="p">];</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><br/>        <span class="s2">"a"</span><span class="p">:</span> <span class="mi">1</span><br/>        <span class="p">,</span><span class="s2">"b:"</span><span class="p">:</span> <span class="mi">2</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"last"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-style: ["error", "last"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"apples"</span><span class="p">,</span><br/>           <span class="s2">"oranges"</span><span class="p">];</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><br/>        <span class="s2">"a"</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span><br/>        <span class="s2">"b:"</span><span class="p">:</span> <span class="mi">2</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="first">first<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#first" aria-label="Anchor link for: first" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"first"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-style: ["error", "first"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"apples"</span><span class="p">,</span><br/>           <span class="s2">"oranges"</span><span class="p">];</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><br/>        <span class="s2">"a"</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span><br/>        <span class="s2">"b:"</span><span class="p">:</span> <span class="mi">2</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"first"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-style: ["error", "first"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><br/>    <span class="p">,</span><span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"apples"</span><br/>          <span class="p">,</span><span class="s2">"oranges"</span><span class="p">];</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><br/>        <span class="s2">"a"</span><span class="p">:</span> <span class="mi">1</span><br/>        <span class="p">,</span><span class="s2">"b:"</span><span class="p">:</span> <span class="mi">2</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="exceptions">exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<p>An example use case is to enforce comma style <em>only</em> in var statements.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with sample <code class="highlighter-rouge">"first", { "exceptions": { … } }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-style: ["error", "first", { "exceptions": { "ArrayExpression": true, "ObjectExpression": true } }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{},</span><br/>    <span class="nx">a</span> <span class="o">=</span> <span class="p">[];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with sample <code class="highlighter-rouge">"first", { "exceptions": { … } }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint comma-style: ["error", "first", { "exceptions": { "ArrayExpression": true, "ObjectExpression": true } }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">o</span> <span class="o">=</span> <span class="p">{</span><span class="na">fst</span><span class="p">:</span><span class="mi">1</span><span class="p">,</span><br/>         <span class="na">snd</span><span class="p">:</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><br/>               <span class="mi">2</span><span class="p">]}</span><br/>  <span class="p">,</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">[];</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule can safely be turned off if your project does not care about enforcing a consistent comma style.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<p>For more information on the Comma First style:</p>
+
+<ul>
+  <li><a href="https://gist.github.com/isaacs/357981">A better coding convention for lists and object literals in JavaScript by isaacs</a></li>
+  <li><a href="https://docs.npmjs.com/misc/coding-style">npm coding style guideline</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="operator-linebreak">operator-linebreak</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/comma-style.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/comma-style.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/complexity.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/complexity.html
new file mode 100644
index 0000000..4a09fca
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/complexity.html
@@ -0,0 +1,71 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="limit-cyclomatic-complexity-complexity">Limit Cyclomatic Complexity (complexity)</h1>
+
+<p>Cyclomatic complexity measures the number of linearly independent paths through a program’s source code. This rule allows setting a cyclomatic complexity threshold.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">a</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">x</span><span class="p">;</span> <span class="c1">// 1st path</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="kc">false</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">x</span><span class="o">+</span><span class="mi">1</span><span class="p">;</span> <span class="c1">// 2nd path</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">4</span><span class="p">;</span> <span class="c1">// 3rd path</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at reducing code complexity by capping the amount of cyclomatic complexity allowed in a program. As such, it will warn when the cyclomatic complexity crosses the configured threshold (default is <code class="highlighter-rouge">20</code>).</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for a maximum of 2:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint complexity: ["error", 2]*/</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">x</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="kc">false</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">x</span><span class="o">+</span><span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">4</span><span class="p">;</span> <span class="c1">// 3rd path</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for a maximum of 2:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint complexity: ["error", 2]*/</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">x</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">4</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>Optionally, you may specify a <code class="highlighter-rouge">max</code> object property:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"complexity"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>is equivalent to</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"complexity"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p><strong>Deprecated:</strong> the object property <code class="highlighter-rouge">maximum</code> is deprecated. Please use the property <code class="highlighter-rouge">max</code> instead.</p>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you can’t determine an appropriate complexity limit for your code, then it’s best to disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jscomplexity.org/complexity">About Complexity</a></li>
+  <li><a href="http://ariya.ofilabs.com/2012/12/complexity-analysis-of-javascript-code.html">Complexity Analysis of JavaScript Code</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="max-depth">max-depth</a></li>
+  <li><a href="max-len">max-len</a></li>
+  <li><a href="max-nested-callbacks">max-nested-callbacks</a></li>
+  <li><a href="max-params">max-params</a></li>
+  <li><a href="max-statements">max-statements</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/complexity.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/complexity.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/computed-property-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/computed-property-spacing.html
new file mode 100644
index 0000000..cd88bb2
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/computed-property-spacing.html
@@ -0,0 +1,77 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-or-enforce-spaces-inside-of-computed-properties-computed-property-spacing">Disallow or enforce spaces inside of computed properties (computed-property-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>While formatting preferences are very personal, a number of style guides require
+or disallow spaces between computed properties in the following situations:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">prop</span><span class="p">:</span> <span class="s2">"value"</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s2">"prop"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">[</span><span class="nx">a</span><span class="p">];</span> <span class="c1">// computed property in object member expression</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s2">"prop"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="p">[</span><span class="nx">a</span><span class="p">]:</span> <span class="s2">"value"</span> <span class="c1">// computed property key in object literal (ECMAScript 6)</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent spacing inside computed property brackets.</p>
+
+<p>It either requires or disallows spaces between the brackets and the values inside of them.
+This rule does not apply to brackets that are separated from the adjacent value by a newline.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"never"</code> (default) disallows spaces inside computed property brackets</li>
+  <li><code class="highlighter-rouge">"always"</code> requires one or more spaces inside computed property brackets</li>
+</ul>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint computed-property-spacing: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">obj</span><span class="p">[</span><span class="nx">foo</span> <span class="p">]</span><br/><span class="nx">obj</span><span class="p">[</span> <span class="s1">'foo'</span><span class="p">]</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{[</span> <span class="nx">b</span> <span class="p">]:</span> <span class="nx">a</span><span class="p">}</span><br/><span class="nx">obj</span><span class="p">[</span><span class="nx">foo</span><span class="p">[</span> <span class="nx">bar</span> <span class="p">]]</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint computed-property-spacing: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">obj</span><span class="p">[</span><span class="nx">foo</span><span class="p">]</span><br/><span class="nx">obj</span><span class="p">[</span><span class="s1">'foo'</span><span class="p">]</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{[</span><span class="nx">b</span><span class="p">]:</span> <span class="nx">a</span><span class="p">}</span><br/><span class="nx">obj</span><span class="p">[</span><span class="nx">foo</span><span class="p">[</span><span class="nx">bar</span><span class="p">]]</span><br/></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint computed-property-spacing: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">obj</span><span class="p">[</span><span class="nx">foo</span><span class="p">]</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{[</span><span class="nx">b</span><span class="p">]:</span> <span class="nx">a</span><span class="p">}</span><br/><span class="nx">obj</span><span class="p">[</span> <span class="nx">foo</span><span class="p">]</span><br/><span class="nx">obj</span><span class="p">[</span><span class="s1">'foo'</span> <span class="p">]</span><br/><span class="nx">obj</span><span class="p">[</span><span class="nx">foo</span><span class="p">[</span> <span class="nx">bar</span> <span class="p">]]</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{[</span> <span class="nx">b</span><span class="p">]:</span> <span class="nx">a</span><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint computed-property-spacing: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">obj</span><span class="p">[</span> <span class="nx">foo</span> <span class="p">]</span><br/><span class="nx">obj</span><span class="p">[</span> <span class="s1">'foo'</span> <span class="p">]</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{[</span> <span class="nx">b</span> <span class="p">]:</span> <span class="nx">a</span><span class="p">}</span><br/><span class="nx">obj</span><span class="p">[</span> <span class="nx">foo</span><span class="p">[</span> <span class="nx">bar</span> <span class="p">]</span> <span class="p">]</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of computed properties.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="array-bracket-spacing">array-bracket-spacing</a></li>
+  <li><a href="comma-spacing">comma-spacing</a></li>
+  <li><a href="space-in-parens">space-in-parens</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.23.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/computed-property-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/computed-property-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/consistent-return.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/consistent-return.html
new file mode 100644
index 0000000..519e1db
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/consistent-return.html
@@ -0,0 +1,46 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-consistent-returns-consistent-return">Require Consistent Returns (consistent-return)</h1>
+
+<p>One of the confusing aspects of JavaScript is that any function may or may not return a value at any point in time. When a function exits without any <code class="highlighter-rouge">return</code> statement executing, the function returns <code class="highlighter-rouge">undefined</code>. Similarly, calling <code class="highlighter-rouge">return</code> without specifying any value will cause the function to return <code class="highlighter-rouge">undefined</code>. Only when <code class="highlighter-rouge">return</code> is called with a value is there a change in the function’s return value.</p>
+
+<p>Unlike statically-typed languages that will catch when a function doesn’t return the type of data expected, JavaScript has no such checks, meaning that it’s easy to make mistakes such as this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Here, one branch of the function returns <code class="highlighter-rouge">true</code>, a Boolean value, while the other exits without specifying any value (and so returns <code class="highlighter-rouge">undefined</code>). This may be an indicator of a coding error, especially if this pattern is found in larger functions.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at ensuring all <code class="highlighter-rouge">return</code> statements either specify a value or don’t specify a value.</p>
+
+<p>It excludes constructors which, when invoked with the <code class="highlighter-rouge">new</code> operator, return the instantiated object if another object is not explicitly returned.  This rule treats a function as a constructor if its name starts with an uppercase letter.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint consistent-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint consistent-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kc">false</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">Foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="k">this</span> <span class="k">instanceof</span> <span class="nx">Foo</span><span class="p">))</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">new</span> <span class="nx">Foo</span><span class="p">();</span><br/>    <span class="p">}</span><br/><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow functions to have different <code class="highlighter-rouge">return</code> behavior depending on code branching, then it is safe to disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/consistent-return.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/consistent-return.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/consistent-this.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/consistent-this.html
new file mode 100644
index 0000000..3c94bf0
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/consistent-this.html
@@ -0,0 +1,65 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-consistent-this-consistent-this">Require Consistent This (consistent-this)</h1>
+
+<p>It is often necessary to capture the current execution context in order to make it available subsequently. A prominent example of this are jQuery callbacks:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">that</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/><span class="nx">jQuery</span><span class="p">(</span><span class="s1">'li'</span><span class="p">).</span><span class="nx">click</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">event</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// here, "this" is the HTMLElement where the click event occurred</span><br/>    <span class="nx">that</span><span class="p">.</span><span class="nx">setFoo</span><span class="p">(</span><span class="mi">42</span><span class="p">);</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p>There are many commonly used aliases for <code class="highlighter-rouge">this</code> such as <code class="highlighter-rouge">that</code>, <code class="highlighter-rouge">self</code> or <code class="highlighter-rouge">me</code>. It is desirable to ensure that whichever alias the team agrees upon is used consistently throughout the application.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces two things about variables with the designated alias names for <code class="highlighter-rouge">this</code>:</p>
+
+<ul>
+  <li>If a variable with a designated name is declared, it <em>must</em> be either initialized (in the declaration) or assigned (in the same scope as the declaration) the value <code class="highlighter-rouge">this</code>.</li>
+  <li>If a variable is initialized or assigned the value <code class="highlighter-rouge">this</code>, the name of the variable <em>must</em> be a designated alias.</li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has one or more string options:</p>
+
+<ul>
+  <li>designated alias names for <code class="highlighter-rouge">this</code> (default <code class="highlighter-rouge">"that"</code>)</li>
+</ul>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"that"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint consistent-this: ["error", "that"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">that</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/><br/><span class="nx">that</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="nx">self</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"that"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint consistent-this: ["error", "that"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">that</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">self</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">self</span><span class="p">;</span><br/><br/><span class="nx">that</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"that"</code> option, if the variable is not initialized:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint consistent-this: ["error", "that"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">that</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">f</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">that</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"that"</code> option, if the variable is not initialized:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint consistent-this: ["error", "that"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">that</span><span class="p">;</span><br/><span class="nx">that</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span><span class="p">,</span> <span class="nx">that</span><span class="p">;</span><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><span class="nx">that</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you need to capture nested context, <code class="highlighter-rouge">consistent-this</code> is going to be problematic. Code of that nature is usually difficult to read and maintain and you should consider refactoring it.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/consistent-this.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/consistent-this.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/constructor-super.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/constructor-super.html
new file mode 100644
index 0000000..d569435
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/constructor-super.html
@@ -0,0 +1,41 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="verify-calls-of-super-in-constructors-constructor-super">Verify calls of <code class="highlighter-rouge">super()</code> in constructors (constructor-super)</h1>
+
+<p>Constructors of derived classes must call <code class="highlighter-rouge">super()</code>.
+Constructors of non derived classes must not call <code class="highlighter-rouge">super()</code>.
+If this is not observed, the javascript engine will raise a runtime error.</p>
+
+<p>This rule checks whether or not there is a valid <code class="highlighter-rouge">super()</code> call.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag invalid/missing <code class="highlighter-rouge">super()</code> calls.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint constructor-super: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">();</span>  <span class="c1">// This is a SyntaxError.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span>  <span class="c1">// Would throw a ReferenceError.</span><br/><span class="p">}</span><br/><br/><span class="c1">// Classes which inherits from a non constructor are always problems.</span><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="kc">null</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">();</span>  <span class="c1">// Would throw a TypeError.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="kc">null</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span>  <span class="c1">// Would throw a ReferenceError.</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint constructor-super: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about invalid/missing <code class="highlighter-rouge">super()</code> callings in constructors, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.24.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/constructor-super.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/constructor-super.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/curly.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/curly.html
new file mode 100644
index 0000000..799dc02
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/curly.html
@@ -0,0 +1,108 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-following-curly-brace-conventions-curly">Require Following Curly Brace Conventions (curly)</h1>
+
+<p>JavaScript allows the omission of curly braces when a block contains only one statement. However, it is considered by many to be best practice to <em>never</em> omit curly braces around blocks, even when they are optional, because it can lead to bugs and reduces code clarity. So the following:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Can be rewritten as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>There are, however, some who prefer to only use braces when there is more than one statement to be executed.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing bugs and increasing code clarity by ensuring that block statements are wrapped in curly braces. It will warn when it encounters blocks that omit curly braces.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="all">all<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#all" aria-label="Anchor link for: all" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge">"all"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="nx">qux</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"all"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">qux</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="multi">multi<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#multi" aria-label="Anchor link for: multi" data-anchorjs-icon=""></a></h3>
+
+<p>By default, this rule warns whenever <code class="highlighter-rouge">if</code>, <code class="highlighter-rouge">else</code>, <code class="highlighter-rouge">for</code>, <code class="highlighter-rouge">while</code>, or <code class="highlighter-rouge">do</code> are used without block statements as their body. However, you can specify that block statements should be used only when there are multiple statements in the block and warn when there is only one statement in the block.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"multi"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">bar</span><span class="p">();</span><br/><span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">items</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"multi"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><br/><span class="k">else</span> <span class="nx">foo</span><span class="p">();</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/>    <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="multi-line">multi-line<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#multi-line" aria-label="Anchor link for: multi line" data-anchorjs-icon=""></a></h3>
+
+<p>Alternatively, you can relax the rule to allow brace-less single-line <code class="highlighter-rouge">if</code>, <code class="highlighter-rouge">else if</code>, <code class="highlighter-rouge">else</code>, <code class="highlighter-rouge">for</code>, <code class="highlighter-rouge">while</code>, or <code class="highlighter-rouge">do</code>, while still enforcing the use of curly braces for other instances.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"multi-line"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi-line"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>  <span class="nx">doSomething</span><span class="p">();</span><br/><span class="k">else</span><br/>  <span class="nx">doSomethingElse</span><span class="p">();</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">foo</span><span class="p">(</span><br/>  <span class="nx">bar</span><span class="p">,</span><br/>  <span class="nx">baz</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"multi-line"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi-line"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">foo</span><span class="o">++</span><span class="p">;</span> <span class="k">else</span> <span class="nx">doSomething</span><span class="p">();</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="nx">baz</span><span class="p">()</span><br/><span class="k">else</span> <span class="nx">doSomething</span><span class="p">();</span><br/><br/><span class="k">do</span> <span class="nx">something</span><span class="p">();</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">foo</span><br/>  <span class="o">&amp;&amp;</span> <span class="nx">bar</span><span class="p">)</span> <span class="nx">baz</span><span class="p">();</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">foo</span><span class="o">++</span><span class="p">;</span> <span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/>    <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="multi-or-nest">multi-or-nest<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#multi-or-nest" aria-label="Anchor link for: multi or nest" data-anchorjs-icon=""></a></h3>
+
+<p>You can use another configuration that forces brace-less <code class="highlighter-rouge">if</code>, <code class="highlighter-rouge">else if</code>, <code class="highlighter-rouge">else</code>, <code class="highlighter-rouge">for</code>, <code class="highlighter-rouge">while</code>, or <code class="highlighter-rouge">do</code> if their body contains only one single-line statement. And forces braces in all other cases.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"multi-or-nest"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi-or-nest"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">foo</span><span class="p">)</span><br/>    <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>        <span class="na">bar</span><span class="p">:</span> <span class="nx">baz</span><span class="p">,</span><br/>        <span class="na">qux</span><span class="p">:</span> <span class="nx">foo</span><br/>    <span class="p">};</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span><br/>  <span class="k">if</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>      <span class="nx">doSomething</span><span class="p">();</span><br/>  <span class="k">else</span><br/>      <span class="nx">doSomethingElse</span><span class="p">();</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">foo</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"multi-or-nest"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi-or-nest"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>        <span class="na">bar</span><span class="p">:</span> <span class="nx">baz</span><span class="p">,</span><br/>        <span class="na">qux</span><span class="p">:</span> <span class="nx">foo</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="k">if</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>      <span class="nx">doSomething</span><span class="p">();</span><br/>  <span class="k">else</span><br/>      <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">foo</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="consistent">consistent<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#consistent" aria-label="Anchor link for: consistent" data-anchorjs-icon=""></a></h3>
+
+<p>When using any of the <code class="highlighter-rouge">multi*</code> options, you can add an option to enforce all bodies of a <code class="highlighter-rouge">if</code>,
+<code class="highlighter-rouge">else if</code> and <code class="highlighter-rouge">else</code> chain to be with or without braces.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"multi", "consistent"</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi", "consistent"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span><br/>    <span class="nx">buz</span><span class="p">();</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/><span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">faa</span><span class="p">)</span><br/>    <span class="nx">bor</span><span class="p">();</span><br/><span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">other</span><span class="p">();</span><br/>    <span class="nx">things</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span><br/>    <span class="nx">foo</span><span class="p">();</span><br/><span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"multi", "consistent"</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint curly: ["error", "multi", "consistent"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">buz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">faa</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bor</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">other</span><span class="p">();</span><br/>    <span class="nx">things</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span><br/>    <span class="nx">foo</span><span class="p">();</span><br/><span class="k">else</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>    <span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you have no strict conventions about when to use block statements and when not to, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/curly.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/curly.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/default-case.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/default-case.html
new file mode 100644
index 0000000..9938dde
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/default-case.html
@@ -0,0 +1,70 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-default-case-in-switch-statements-default-case">Require Default Case in Switch Statements (default-case)</h1>
+
+<p>Some code conventions require that all <code class="highlighter-rouge">switch</code> statements have a <code class="highlighter-rouge">default</code> case, even if the default case is empty, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">switch</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="c1">// do nothing</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The thinking is that it’s better to always explicitly state what the default behavior should be so that it’s clear whether or not the developer forgot to include the default behavior by mistake.</p>
+
+<p>Other code conventions allow you to skip the <code class="highlighter-rouge">default</code> case so long as there is a comment indicating the omission is intentional, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">switch</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="c1">// no default</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Once again, the intent here is to show that the developer intended for there to be no default behavior.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to require <code class="highlighter-rouge">default</code> case in <code class="highlighter-rouge">switch</code> statements. You may optionally include a <code class="highlighter-rouge">// no default</code> after the last <code class="highlighter-rouge">case</code> if there is no <code class="highlighter-rouge">default</code> case.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint default-case: "error"*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="cm">/* code */</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint default-case: "error"*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="cm">/* code */</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="cm">/* code */</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="cm">/* code */</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="c1">// no default</span><br/><span class="p">}</span><br/><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts a single options argument:</p>
+
+<ul>
+  <li>Set the <code class="highlighter-rouge">commentPattern</code> option to a regular expression string to change the default <code class="highlighter-rouge">^no default$</code> comment test pattern</li>
+</ul>
+
+<h3 id="commentpattern">commentPattern<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#commentpattern" aria-label="Anchor link for: commentpattern" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"commentPattern"</span><span class="p">:</span><span class="w"> </span><span class="s2">"^skip\\sdefault"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint default-case: ["error", { "commentPattern": "^skip\\sdefault" }]*/</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="cm">/* code */</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="c1">// skip default</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="cm">/* code */</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="c1">// skip default case</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to enforce a <code class="highlighter-rouge">default</code> case for <code class="highlighter-rouge">switch</code> statements, you can safely disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-fallthrough">no-fallthrough</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.6.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/default-case.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/default-case.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/dot-location.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/dot-location.html
new file mode 100644
index 0000000..eb6c7ae
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/dot-location.html
@@ -0,0 +1,76 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-newline-before-and-after-dot-dot-location">Enforce newline before and after dot (dot-location)</h1>
+
+<p>JavaScript allows you to place newlines before or after a dot in a member expression.</p>
+
+<p>Consistency in placing a newline before or after the dot can greatly increase readability.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">universe</span><span class="p">.</span><br/>        <span class="nx">galaxy</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="nx">universe</span><br/>       <span class="p">.</span><span class="nx">galaxy</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to enforce newline consistency in member expressions. This rule prevents the use of mixed newlines around the dot in a member expression.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one option, a string:</p>
+
+<ul>
+  <li>If it is <code class="highlighter-rouge">"object"</code>, the dot in a member expression should be on the same line as the object portion. The default is <code class="highlighter-rouge">"object"</code>.</li>
+  <li>If it is <code class="highlighter-rouge">"property"</code>, the dot in a member expression should be on the same line as the property portion.</li>
+</ul>
+
+<h3 id="object">object<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#object" aria-label="Anchor link for: object" data-anchorjs-icon=""></a></h3>
+
+<p>The default <code class="highlighter-rouge">"object"</code> option requires the dot to be on the same line as the object.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge">"object"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint dot-location: ["error", "object"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">object</span><br/><span class="p">.</span><span class="nx">property</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"object"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint dot-location: ["error", "object"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">object</span><span class="p">.</span><br/><span class="nx">property</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="nx">object</span><span class="p">.</span><span class="nx">property</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="property">property<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#property" aria-label="Anchor link for: property" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">"property"</code> option requires the dot to be on the same line as the property.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"property"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint dot-location: ["error", "property"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">object</span><span class="p">.</span><br/><span class="nx">property</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"property"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint dot-location: ["error", "property"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">object</span><br/><span class="p">.</span><span class="nx">property</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="nx">object</span><span class="p">.</span><span class="nx">property</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of newlines before or after dots in member expressions.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="newline-after-var">newline-after-var</a></li>
+  <li><a href="dot-notation">dot-notation</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.21.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/dot-location.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/dot-location.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/dot-notation.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/dot-notation.html
new file mode 100644
index 0000000..6fb9f05
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/dot-notation.html
@@ -0,0 +1,61 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-dot-notation-dot-notation">Require Dot Notation (dot-notation)</h1>
+
+<p>In JavaScript, one can access properties using the dot notation (<code class="highlighter-rouge">foo.bar</code>) or square-bracket notation (<code class="highlighter-rouge">foo["bar"]</code>). However, the dot notation is often preferred because it is easier to read, less verbose, and works better with aggressive JavaScript minimizers.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">foo</span><span class="p">[</span><span class="s2">"bar"</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at maintaining code consistency and improving code readability by encouraging use of the dot notation style whenever possible. As such, it will warn when it encounters an unnecessary use of square-bracket notation.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint dot-notation: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">[</span><span class="s2">"bar"</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint dot-notation: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">[</span><span class="nx">bar</span><span class="p">];</span>    <span class="c1">// Property name is a variable, square-bracket notation required</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts a single options argument:</p>
+
+<ul>
+  <li>Set the <code class="highlighter-rouge">allowKeywords</code> option to <code class="highlighter-rouge">false</code> (default is <code class="highlighter-rouge">true</code>) to follow ECMAScript version 3 compatible style, avoiding dot notation for reserved word properties.</li>
+  <li>Set the <code class="highlighter-rouge">allowPattern</code> option to a regular expression string to allow bracket notation for property names that match a pattern (by default, no pattern is tested).</li>
+</ul>
+
+<h3 id="allowkeywords">allowKeywords<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowkeywords" aria-label="Anchor link for: allowkeywords" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowKeywords"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint dot-notation: ["error", { "allowKeywords": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"class"</span><span class="p">:</span> <span class="s2">"CS 101"</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">[</span><span class="s2">"class"</span><span class="p">];</span> <span class="c1">// Property name is a reserved word, square-bracket notation required</span><br/></code></pre>
+</div>
+
+<h3 id="allowpattern">allowPattern<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowpattern" aria-label="Anchor link for: allowpattern" data-anchorjs-icon=""></a></h3>
+
+<p>For example, when preparing data to be sent to an external API, it is often required to use property names that include underscores.  If the <code class="highlighter-rouge">camelcase</code> rule is in effect, these <a href="http://en.wikipedia.org/wiki/Snake_case">snake case</a> properties would not be allowed.  By providing an <code class="highlighter-rouge">allowPattern</code> to the <code class="highlighter-rouge">dot-notation</code> rule, these snake case properties can be accessed with bracket notation.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the sample <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowPattern"</span><span class="p">:</span><span class="w"> </span><span class="s2">"^[a-z]+(_[a-z]+)+$"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint camelcase: "error"*/</span><br/><span class="cm">/*eslint dot-notation: ["error", { "allowPattern": "^[a-z]+(_[a-z]+)+$" }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="nx">data</span><span class="p">.</span><span class="nx">foo_bar</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="nx">data</span><span class="p">[</span><span class="s2">"fooBar"</span><span class="p">]</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="nx">data</span><span class="p">[</span><span class="s2">"foo_bar"</span><span class="p">]</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span> <span class="c1">// no warning</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/dot-notation.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/dot-notation.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/eol-last.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/eol-last.html
new file mode 100644
index 0000000..226c987
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/eol-last.html
@@ -0,0 +1,51 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-file-to-end-with-single-newline-eol-last">Require file to end with single newline (eol-last)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Trailing newlines in non-empty files are a common UNIX idiom. Benefits of
+trailing newlines include the ability to concatenate or append to files as well
+as output files to the terminal without interfering with shell prompts.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires at least one newline at the end of non-empty files.</p>
+
+<p>Prior to v0.16.0 this rule also enforced that there was only a single line at
+the end of the file. If you still want this behaviour, consider enabling
+<a href="no-multiple-empty-lines">no-multiple-empty-lines</a> with <code class="highlighter-rouge">maxEOF</code> and/or
+<a href="no-trailing-spaces">no-trailing-spaces</a>.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint eol-last: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSmth</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint eol-last: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSmth</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"unix"</code> (default) enforces line feed (LF) as newline</li>
+  <li><code class="highlighter-rouge">"windows"</code> enforces carriage return line feed (CRLF) as newline</li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.7.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/eol-last.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/eol-last.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/eqeqeq.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/eqeqeq.html
new file mode 100644
index 0000000..294d5a9
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/eqeqeq.html
@@ -0,0 +1,79 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require--and--eqeqeq">Require === and !== (eqeqeq)</h1>
+
+<p>It is considered good practice to use the type-safe equality operators <code class="highlighter-rouge">===</code> and <code class="highlighter-rouge">!==</code> instead of their regular counterparts <code class="highlighter-rouge">==</code> and <code class="highlighter-rouge">!=</code>.</p>
+
+<p>The reason for this is that <code class="highlighter-rouge">==</code> and <code class="highlighter-rouge">!=</code> do type coercion which follows the rather obscure <a href="http://www.ecma-international.org/ecma-262/5.1/#sec-11.9.3">Abstract Equality Comparison Algorithm</a>.
+For instance, the following statements are all considered <code class="highlighter-rouge">true</code>:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">[] == false</code></li>
+  <li><code class="highlighter-rouge">[] == ![]</code></li>
+  <li><code class="highlighter-rouge">3 == "03"</code></li>
+</ul>
+
+<p>If one of those occurs in an innocent-looking statement such as <code class="highlighter-rouge">a == b</code> the actual problem is very difficult to spot.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating the type-unsafe equality operators.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint eqeqeq: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">==</span> <span class="mi">42</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="s2">""</span> <span class="o">==</span> <span class="nx">text</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">getStuff</span><span class="p">()</span> <span class="o">!=</span> <span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="smart">smart<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#smart" aria-label="Anchor link for: smart" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">"smart"</code> option enforces the use of <code class="highlighter-rouge">===</code> and <code class="highlighter-rouge">!==</code> except for these cases:</p>
+
+<ul>
+  <li>Comparing two literal values</li>
+  <li>Evaluating the value of <code class="highlighter-rouge">typeof</code></li>
+  <li>Comparing against <code class="highlighter-rouge">null</code></li>
+</ul>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"smart"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint eqeqeq: ["error", "smart"]*/</span><br/><br/><span class="c1">// comparing two variables requires ===</span><br/><span class="nx">a</span> <span class="o">==</span> <span class="nx">b</span><br/><br/><span class="c1">// only one side is a literal</span><br/><span class="nx">foo</span> <span class="o">==</span> <span class="kc">true</span><br/><span class="nx">bananas</span> <span class="o">!=</span> <span class="mi">1</span><br/><br/><span class="c1">// comparing to undefined requires ===</span><br/><span class="nx">value</span> <span class="o">==</span> <span class="kc">undefined</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"smart"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint eqeqeq: ["error", "smart"]*/</span><br/><br/><span class="k">typeof</span> <span class="nx">foo</span> <span class="o">==</span> <span class="s1">'undefined'</span><br/><span class="s1">'hello'</span> <span class="o">!=</span> <span class="s1">'world'</span><br/><span class="mi">0</span> <span class="o">==</span> <span class="mi">0</span><br/><span class="kc">true</span> <span class="o">==</span> <span class="kc">true</span><br/><span class="nx">foo</span> <span class="o">==</span> <span class="kc">null</span><br/></code></pre>
+</div>
+
+<h3 id="allow-null">allow-null<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-null" aria-label="Anchor link for: allow null" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">"allow-null"</code> option will enforce <code class="highlighter-rouge">===</code> and <code class="highlighter-rouge">!==</code> in your code with one exception - it permits comparing to <code class="highlighter-rouge">null</code> to check for <code class="highlighter-rouge">null</code> or <code class="highlighter-rouge">undefined</code> in a single expression.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"allow-null"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint eqeqeq: ["error", "allow-null"]*/</span><br/><br/><span class="nx">bananas</span> <span class="o">!=</span> <span class="mi">1</span><br/><span class="k">typeof</span> <span class="nx">foo</span> <span class="o">==</span> <span class="s1">'undefined'</span><br/><span class="s1">'hello'</span> <span class="o">!=</span> <span class="s1">'world'</span><br/><span class="mi">0</span> <span class="o">==</span> <span class="mi">0</span><br/><span class="nx">foo</span> <span class="o">==</span> <span class="kc">undefined</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"allow-null"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint eqeqeq: ["error", "allow-null"]*/</span><br/><br/><span class="nx">foo</span> <span class="o">==</span> <span class="kc">null</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to enforce a style for using equality operators, then it’s safe to disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/eqeqeq.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/eqeqeq.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/func-names.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/func-names.html
new file mode 100644
index 0000000..2176004
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/func-names.html
@@ -0,0 +1,42 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-function-expressions-to-have-a-name-func-names">Require Function Expressions to have a Name (func-names)</h1>
+
+<p>A pattern that’s becoming more common is to give function expressions names to aid in debugging. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">Foo</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p>Adding the second <code class="highlighter-rouge">bar</code> in the above example is optional.  If you leave off the function name then when the function throws an exception you are likely to get something similar to <code class="highlighter-rouge">anonymous function</code> in the stack trace.  If you provide the optional name for a function expression then you will get the name of the function expression in the stack trace.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint func-names: "error"*/</span><br/><br/><span class="nx">Foo</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}())</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint func-names: "error"*/</span><br/><br/><span class="nx">Foo</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="p">(</span><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}())</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://markdaggett.com/blog/2013/02/15/functions-explained/">Functions Explained</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/func-names.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/func-names.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/func-style.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/func-style.html
new file mode 100644
index 0000000..8f78e2b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/func-style.html
@@ -0,0 +1,103 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-the-consistent-use-of-either-function-declarations-or-expressions-func-style">enforce the consistent use of either <code class="highlighter-rouge">function</code> declarations or expressions (func-style)</h1>
+
+<p>There are two ways of defining functions in JavaScript: <code class="highlighter-rouge">function</code> declarations and <code class="highlighter-rouge">function</code> expressions. Declarations contain the <code class="highlighter-rouge">function</code> keyword first, followed by a name and then its arguments and the function body, for example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Equivalent function expressions begin with the <code class="highlighter-rouge">var</code> keyword, followed by a name and then the function itself, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">doSomething</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The primary difference between <code class="highlighter-rouge">function</code> declarations and <code class="highlighter-rouge">function expressions</code> is that declarations are <em>hoisted</em> to the top of the scope in which they are defined, which allows you to write code that uses the function before its declaration. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">doSomething</span><span class="p">();</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Although this code might seem like an error, it actually works fine because JavaScript engines hoist the <code class="highlighter-rouge">function</code> declarations to the top of the scope. That means this code is treated as if the declaration came before the invocation.</p>
+
+<p>For <code class="highlighter-rouge">function</code> expressions, you must define the function before it is used, otherwise it causes an error. Example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">doSomething</span><span class="p">();</span>  <span class="c1">// error!</span><br/><br/><span class="kd">var</span> <span class="nx">doSomething</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>In this case, <code class="highlighter-rouge">doSomething()</code> is undefined at the time of invocation and so causes a runtime error.</p>
+
+<p>Due to these different behaviors, it is common to have guidelines as to which style of function should be used. There is really no correct or incorrect choice here, it is just a preference.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a particular type of <code class="highlighter-rouge">function</code> style throughout a JavaScript file, either declarations or expressions. You can specify which you prefer in the configuration.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"expression"</code> (default) requires the use of function expressions instead of function declarations</li>
+  <li><code class="highlighter-rouge">"declaration"</code> requires the use of function declarations instead of function expressions</li>
+</ul>
+
+<p>This rule has an object option for an exception:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allowArrowFunctions": true</code> (default <code class="highlighter-rouge">false</code>) allows the use of arrow functions</li>
+</ul>
+
+<h3 id="expression">expression<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#expression" aria-label="Anchor link for: expression" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"expression"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint func-style: ["error", "expression"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"expression"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint func-style: ["error", "expression"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="declaration">declaration<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#declaration" aria-label="Anchor link for: declaration" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"declaration"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint func-style: ["error", "declaration"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"declaration"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint func-style: ["error", "declaration"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="c1">// Methods (functions assigned to objects) are not checked by this rule</span><br/><span class="nx">SomeObject</span><span class="p">.</span><span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="allowarrowfunctions">allowArrowFunctions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowarrowfunctions" aria-label="Anchor link for: allowarrowfunctions" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"declaration", { "allowArrowFunctions": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint func-style: ["error", "declaration", { "allowArrowFunctions": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow developers to each decide how they want to write functions on their own, then you can disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html">JavaScript Scoping and Hoisting</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/func-style.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/func-style.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/generator-star-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/generator-star-spacing.html
new file mode 100644
index 0000000..75c2d88
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/generator-star-spacing.html
@@ -0,0 +1,105 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-spacing-around-the--in-generator-functions-generator-star-spacing">Enforce spacing around the * in generator functions (generator-star-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Generators are a new type of function in ECMAScript 6 that can return multiple values over time.
+These special functions are indicated by placing an <code class="highlighter-rouge">*</code> after the <code class="highlighter-rouge">function</code> keyword.</p>
+
+<p>Here is an example of a generator function:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">yield</span> <span class="s2">"44"</span><span class="p">;</span><br/>    <span class="k">yield</span> <span class="s2">"55"</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This is also valid:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span><span class="nx">generator</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">yield</span> <span class="s2">"44"</span><span class="p">;</span><br/>    <span class="k">yield</span> <span class="s2">"55"</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This is valid as well:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">yield</span> <span class="s2">"44"</span><span class="p">;</span><br/>    <span class="k">yield</span> <span class="s2">"55"</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>To keep a sense of consistency when using generators this rule enforces a single position for the <code class="highlighter-rouge">*</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to enforce spacing around the <code class="highlighter-rouge">*</code> of generator functions.</p>
+
+<p>The rule takes one option, an object, which has two keys <code class="highlighter-rouge">before</code> and <code class="highlighter-rouge">after</code> having boolean values <code class="highlighter-rouge">true</code> or <code class="highlighter-rouge">false</code>.</p>
+
+<ul>
+  <li>
+    <p><code class="highlighter-rouge">before</code> enforces spacing between the <code class="highlighter-rouge">*</code> and the <code class="highlighter-rouge">function</code> keyword.
+If it is <code class="highlighter-rouge">true</code>, a space is required, otherwise spaces are disallowed.</p>
+
+    <p>In object literal shorthand methods, spacing before the <code class="highlighter-rouge">*</code> is not checked, as they lack a <code class="highlighter-rouge">function</code> keyword.</p>
+  </li>
+  <li>
+    <p><code class="highlighter-rouge">after</code> enforces spacing between the <code class="highlighter-rouge">*</code> and the function name (or the opening parenthesis for anonymous generator functions).
+If it is <code class="highlighter-rouge">true</code>, a space is required, otherwise spaces are disallowed.</p>
+  </li>
+</ul>
+
+<p>The default is <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"generator-star-spacing"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>And the option has shorthand as a string keyword:</p>
+
+<ul>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code> → <code class="highlighter-rouge">"before"</code></li>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code> → <code class="highlighter-rouge">"after"</code></li>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code> → <code class="highlighter-rouge">"both"</code></li>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code> → <code class="highlighter-rouge">"neither"</code></li>
+</ul>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"generator-star-spacing"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"after"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code> this placement will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint generator-star-spacing: ["error", {"before": true, "after": false}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span><span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">anonymous</span> <span class="o">=</span> <span class="kd">function</span> <span class="o">*</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">shorthand</span> <span class="o">=</span> <span class="p">{</span> <span class="o">*</span><span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code> this placement will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint generator-star-spacing: ["error", {"before": false, "after": true}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">anonymous</span> <span class="o">=</span> <span class="kd">function</span><span class="o">*</span> <span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">shorthand</span> <span class="o">=</span> <span class="p">{</span> <span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code> this placement will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint generator-star-spacing: ["error", {"before": true, "after": true}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">anonymous</span> <span class="o">=</span> <span class="kd">function</span> <span class="o">*</span> <span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">shorthand</span> <span class="o">=</span> <span class="p">{</span> <span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code> this placement will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint generator-star-spacing: ["error", {"before": false, "after": false}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span><span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">anonymous</span> <span class="o">=</span> <span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">shorthand</span> <span class="o">=</span> <span class="p">{</span> <span class="o">*</span><span class="nx">generator</span><span class="p">()</span> <span class="p">{}</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If your project will not be using generators or you are not concerned with spacing consistency, you do not need this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://leanpub.com/understandinges6/read/#leanpub-auto-generators">Understanding ES6: Generators</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.17.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/generator-star-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/generator-star-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/global-require.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/global-require.html
new file mode 100644
index 0000000..eecb849
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/global-require.html
@@ -0,0 +1,49 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-require-on-the-top-level-module-scope-global-require">Enforce require() on the top-level module scope (global-require)</h1>
+
+<p>In Node.js, module dependencies are included using the <code class="highlighter-rouge">require()</code> function, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s2">"fs"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>While <code class="highlighter-rouge">require()</code> may be called anywhere in code, some style guides prescribe that it should be called only in the top level of a module to make it easier to identify dependencies. For instance, it’s arguably harder to identify dependencies when they are deeply nested inside of functions and other statements:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s2">"fs"</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Since <code class="highlighter-rouge">require()</code> does a synchronous load, it can cause performance problems when used in other locations.</p>
+
+<p>Further, ES6 modules mandate that <code class="highlighter-rouge">import</code> and <code class="highlighter-rouge">export</code> statements can only occur in the top level of the module’s body.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires all calls to <code class="highlighter-rouge">require()</code> to be at the top level of the module, similar to ES6 <code class="highlighter-rouge">import</code> and <code class="highlighter-rouge">export</code> statements, which also can occur only at the top level.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint global-require: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// calling require() inside of a function is not allowed</span><br/><span class="kd">function</span> <span class="nx">readFile</span><span class="p">(</span><span class="nx">filename</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fs'</span><span class="p">);</span><br/>    <span class="nx">fs</span><span class="p">.</span><span class="nx">readFile</span><span class="p">(</span><span class="nx">filename</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span><br/><span class="p">}</span><br/><br/><span class="c1">// conditional requires like this are also not allowed</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">DEBUG</span><span class="p">)</span> <span class="p">{</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'debug'</span><span class="p">);</span> <span class="p">}</span><br/><br/><span class="c1">// a require() in a switch statement is also flagged</span><br/><span class="k">switch</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span> <span class="k">case</span> <span class="s1">'1'</span><span class="err">:</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'1'</span><span class="p">);</span> <span class="k">break</span><span class="p">;</span> <span class="p">}</span><br/><br/><span class="c1">// you may not require() inside an arrow function body</span><br/><span class="kd">var</span> <span class="nx">getModule</span> <span class="o">=</span> <span class="p">(</span><span class="nx">name</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">require</span><span class="p">(</span><span class="nx">name</span><span class="p">);</span><br/><br/><span class="c1">// you may not require() inside of a function body as well</span><br/><span class="kd">function</span> <span class="nx">getModule</span><span class="p">(</span><span class="nx">name</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">require</span><span class="p">(</span><span class="nx">name</span><span class="p">);</span> <span class="p">}</span><br/><br/><span class="c1">// you may not require() inside of a try/catch block</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">require</span><span class="p">(</span><span class="nx">unsafeModule</span><span class="p">);</span><br/><span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">e</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint global-require: "error"*/</span><br/><br/><span class="c1">// all these variations of require() are ok</span><br/><span class="nx">require</span><span class="p">(</span><span class="s1">'x'</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">y</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'y'</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">z</span><span class="p">;</span><br/><span class="nx">z</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'z'</span><span class="p">).</span><span class="nx">initialize</span><span class="p">();</span><br/><br/><span class="c1">// requiring a module and using it in a function is ok</span><br/><span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fs'</span><span class="p">);</span><br/><span class="kd">function</span> <span class="nx">readFile</span><span class="p">(</span><span class="nx">filename</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">fs</span><span class="p">.</span><span class="nx">readFile</span><span class="p">(</span><span class="nx">filename</span><span class="p">,</span> <span class="nx">callback</span><span class="p">)</span><br/><span class="p">}</span><br/><br/><span class="c1">// you can use a ternary to determine which module to require</span><br/><span class="kd">var</span> <span class="nx">logger</span> <span class="o">=</span> <span class="nx">DEBUG</span> <span class="p">?</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'dev-logger'</span><span class="p">)</span> <span class="p">:</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'logger'</span><span class="p">);</span><br/><br/><span class="c1">// if you want you can require() at the end of your module</span><br/><span class="kd">function</span> <span class="nx">doSomethingA</span><span class="p">()</span> <span class="p">{}</span><br/><span class="kd">function</span> <span class="nx">doSomethingB</span><span class="p">()</span> <span class="p">{}</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s2">"x"</span><span class="p">),</span><br/>    <span class="nx">z</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s2">"z"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you have a module that must be initialized with information that comes from the file-system or if a module is only used in very rare situations and will cause significant overhead to load it may make sense to disable the rule. If you need to <code class="highlighter-rouge">require()</code> an optional dependency inside of a <code class="highlighter-rouge">try</code>/<code class="highlighter-rouge">catch</code>, you can disable this rule for just that dependency using the <code class="highlighter-rouge">// eslint-disable-line global-require</code> comment.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/global-require.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/global-require.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/guard-for-in.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/guard-for-in.html
new file mode 100644
index 0000000..392c6d0
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/guard-for-in.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-guarding-for-in-guard-for-in">Require Guarding for-in (guard-for-in)</h1>
+
+<p>Looping over objects with a <code class="highlighter-rouge">for in</code> loop will include properties that are inherited through the prototype chain. This behavior can lead to unexpected items in your for loop.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">for</span> <span class="p">(</span><span class="nx">key</span> <span class="k">in</span> <span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">key</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing unexpected behavior that could arise from using a <code class="highlighter-rouge">for in</code> loop without filtering the results in the loop. As such, it will warn when <code class="highlighter-rouge">for in</code> loops do not filter their results with an <code class="highlighter-rouge">if</code> statement.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint guard-for-in: "error"*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">key</span> <span class="k">in</span> <span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">key</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint guard-for-in: "error"*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">key</span> <span class="k">in</span> <span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">({}.</span><span class="nx">hasOwnProperty</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">key</span><span class="p">))</span> <span class="p">{</span><br/>        <span class="nx">doSomething</span><span class="p">(</span><span class="nx">key</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://javascriptweblog.wordpress.com/2011/01/04/exploring-javascript-for-in-loops/">Exploring JavaScript for-in loops</a></li>
+  <li><a href="http://www.2ality.com/2012/01/objects-as-maps.html">The pitfalls of using objects as maps in JavaScript</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/guard-for-in.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/guard-for-in.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/handle-callback-err.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/handle-callback-err.html
new file mode 100644
index 0000000..dc1f29b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/handle-callback-err.html
@@ -0,0 +1,72 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-callback-error-handling-handle-callback-err">Enforce Callback Error Handling (handle-callback-err)</h1>
+
+<p>In Node.js, a common pattern for dealing with asynchronous behavior is called the callback pattern.
+This pattern expects an <code class="highlighter-rouge">Error</code> object or <code class="highlighter-rouge">null</code> as the first argument of the callback.
+Forgetting to handle these errors can lead to some really strange behavior in your application.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">loadData</span> <span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span> <span class="c1">// forgot to handle error</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule expects that when you’re using the callback pattern in Node.js you’ll handle the error.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes a single string option: the name of the error parameter. The default is <code class="highlighter-rouge">"err"</code>.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"err"</code> parameter name:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint handle-callback-err: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">loadData</span> <span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"err"</code> parameter name:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint handle-callback-err: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">loadData</span> <span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">err</span><span class="p">.</span><span class="nx">stack</span><span class="p">);</span><br/>    <span class="p">}</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">generateError</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with a sample <code class="highlighter-rouge">"error"</code> parameter name:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint handle-callback-err: ["error", "error"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">loadData</span> <span class="p">(</span><span class="nx">error</span><span class="p">,</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span><br/>       <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">error</span><span class="p">.</span><span class="nx">stack</span><span class="p">);</span><br/>    <span class="p">}</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="regular-expression">regular expression<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#regular-expression" aria-label="Anchor link for: regular expression" data-anchorjs-icon=""></a></h3>
+
+<p>Sometimes (especially in big projects) the name of the error variable is not consistent across the project,
+so you need a more flexible configuration to ensure that the rule reports all unhandled errors.</p>
+
+<p>If the configured name of the error variable begins with a <code class="highlighter-rouge">^</code> it is considered to be a regexp pattern.</p>
+
+<ul>
+  <li>If the option is <code class="highlighter-rouge">"^(err|error|anySpecificError)$"</code>, the rule reports unhandled errors where the parameter name can be <code class="highlighter-rouge">err</code>, <code class="highlighter-rouge">error</code> or <code class="highlighter-rouge">anySpecificError</code>.</li>
+  <li>If the option is <code class="highlighter-rouge">"^.+Error$"</code>, the rule reports unhandled errors where the parameter name ends with <code class="highlighter-rouge">Error</code> (for example, <code class="highlighter-rouge">connectionError</code> or <code class="highlighter-rouge">validationError</code> will match).</li>
+  <li>If the option is <code class="highlighter-rouge">"^.*(e|E)rr"</code>, the rule reports unhandled errors where the parameter name matches any string that contains <code class="highlighter-rouge">err</code> or <code class="highlighter-rouge">Err</code> (for example, <code class="highlighter-rouge">err</code>, <code class="highlighter-rouge">error</code>, <code class="highlighter-rouge">anyError</code>, <code class="highlighter-rouge">some_err</code> will match).</li>
+</ul>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>There are cases where it may be safe for your application to ignore errors, however only ignore errors if you are
+confident that some other form of monitoring will help you catch the problem.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/maxogden/art-of-node#callbacks">The Art Of Node: Callbacks</a></li>
+  <li><a href="http://docs.nodejitsu.com/articles/errors/what-are-the-error-conventions">Nodejitsu: What are the error conventions?</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.5.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/handle-callback-err.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/handle-callback-err.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/id-blacklist.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/id-blacklist.html
new file mode 100644
index 0000000..097a934
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/id-blacklist.html
@@ -0,0 +1,65 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-specified-identifiers-id-blacklist">disallow specified identifiers (id-blacklist)</h1>
+
+<blockquote>
+  <p>“There are only two hard things in Computer Science: cache invalidation and naming things.” — Phil Karlton</p>
+</blockquote>
+
+<p>Bad names can lead to hard-to-decipher code. Generic names, such as <code class="highlighter-rouge">data</code>, don’t infer much about the code and the values it receives. This rule allows you to configure a blacklist of bad identifier names, that you don’t want to see in your code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows specified identifiers in assignments and <code class="highlighter-rouge">function</code> definitions.</p>
+
+<p>This rule will catch blacklisted identifiers that are:</p>
+
+<ul>
+  <li>variable declarations</li>
+  <li>function declarations</li>
+  <li>object properties assigned to during object creation</li>
+</ul>
+
+<p>It will not catch blacklisted identifiers that are:</p>
+
+<ul>
+  <li>function calls (so you can still use functions you do not have control over)</li>
+  <li>object properties (so you can still use objects you do not have control over)</li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one or more strings as options: the names of restricted identifiers.</p>
+
+<p>For example, to restrict the use of common generic identifiers:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"id-blacklist"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"data"</span><span class="p">,</span><span class="w"> </span><span class="s2">"err"</span><span class="p">,</span><span class="w"> </span><span class="s2">"e"</span><span class="p">,</span><span class="w"> </span><span class="s2">"cb"</span><span class="p">,</span><span class="w"> </span><span class="s2">"callback"</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with sample <code class="highlighter-rouge">"data", "callback"</code> restricted identifiers:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-blacklist: ["error", "data", "callback"] */</span><br/><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{...};</span><br/><br/><span class="kd">function</span> <span class="nx">callback</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="nx">element</span><span class="p">.</span><span class="nx">callback</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">itemSet</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">data</span><span class="p">:</span> <span class="p">[...]</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with sample <code class="highlighter-rouge">"data", "callback"</code> restricted identifiers:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-blacklist: ["error", "data", "callback"] */</span><br/><br/><span class="kd">var</span> <span class="nx">encodingOptions</span> <span class="o">=</span> <span class="p">{...};</span><br/><br/><span class="kd">function</span> <span class="nx">processFileResult</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="nx">element</span><span class="p">.</span><span class="nx">successHandler</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">itemSet</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">entities</span><span class="p">:</span> <span class="p">[...]</span><br/><span class="p">};</span><br/><br/><span class="nx">callback</span><span class="p">();</span> <span class="c1">// all function calls are ignored</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">callback</span><span class="p">();</span> <span class="c1">// all function calls are ignored</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">data</span><span class="p">;</span> <span class="c1">// all property names that are not assignments are ignored</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are happy for identifiers to be named freely.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-beta.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/id-blacklist.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/id-blacklist.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/id-length.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/id-length.html
new file mode 100644
index 0000000..f973984
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/id-length.html
@@ -0,0 +1,107 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-minimum-and-maximum-identifier-lengths-id-length">enforce minimum and maximum identifier lengths (id-length)</h1>
+
+<p>Very short identifier names like <code class="highlighter-rouge">e</code>, <code class="highlighter-rouge">x</code>, <code class="highlighter-rouge">_t</code> or very long ones like <code class="highlighter-rouge">hashGeneratorResultOutputContainerObject</code> can make code harder to read and potentially less maintainable. To prevent this, one may enforce a minimum and/or maximum identifier length.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span> <span class="c1">// too short; difficult to understand its purpose without context</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a minimum and/or maximum identifier length convention.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: "error"*/</span>     <span class="c1">// default is minimum 2-chars ({ "min": 2 })</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">e</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">myObj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span><br/><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="nx">a</span> <span class="o">*</span> <span class="nx">a</span> <span class="p">};</span><br/><span class="kr">class</span> <span class="nx">x</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span> <span class="nx">x</span><span class="p">()</span> <span class="p">{}</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(...</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">x</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">x</span><span class="p">:</span> <span class="nx">a</span><span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="p">[</span><span class="nx">x</span><span class="p">]}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="p">({</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">x</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: "error"*/</span>     <span class="c1">// default is minimum 2-chars ({ "min": 2 })</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">_f</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">42</span><span class="p">;</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">_func</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">42</span><span class="p">;</span> <span class="p">}</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">el</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">evt</span><span class="p">)</span> <span class="p">{</span> <span class="cm">/* do stuff */</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">myObj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">apple</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span><br/><span class="p">(</span><span class="nx">num</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="nx">num</span> <span class="o">*</span> <span class="nx">num</span> <span class="p">};</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">num</span> <span class="o">=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">MyClass</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span> <span class="nx">method</span><span class="p">()</span> <span class="p">{}</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(...</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">prop</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">a</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">prop</span><span class="p">:</span> <span class="p">[</span><span class="nx">x</span><span class="p">]</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="p">({</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">longName</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"x"</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span>  <span class="c1">// excused because of quotes</span><br/><span class="nx">data</span><span class="p">[</span><span class="s2">"y"</span><span class="p">]</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span>  <span class="c1">// excused because of calculated property access</span><br/></code></pre>
+</div>
+
+<p>This rule has an shorthand integer option for the <code class="highlighter-rouge">"min"</code> object property.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with a minimum of 4:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", 4]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">e</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">myObj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span><br/><span class="p">(</span><span class="nx">val</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="nx">val</span> <span class="o">*</span> <span class="nx">val</span> <span class="p">};</span><br/><span class="kr">class</span> <span class="nx">x</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span> <span class="nx">x</span><span class="p">()</span> <span class="p">{}</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(...</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">x</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">x</span><span class="p">:</span> <span class="nx">a</span><span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="p">[</span><span class="nx">x</span><span class="p">]}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="p">({</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">x</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with a minimum of 4:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", 4]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">func</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">42</span><span class="p">;</span> <span class="p">}</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">element</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">event</span><span class="p">)</span> <span class="p">{</span> <span class="cm">/* do stuff */</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">myObj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">apple</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span><br/><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="nx">value</span> <span class="o">*</span> <span class="nx">value</span> <span class="p">};</span><br/><span class="kd">function</span> <span class="nx">foobar</span><span class="p">(</span><span class="nx">value</span> <span class="o">=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">MyClass</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">Foobar</span> <span class="p">{</span> <span class="nx">method</span><span class="p">()</span> <span class="p">{}</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foobar</span><span class="p">(...</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">prop</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">a</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">prop</span><span class="p">:</span> <span class="p">[</span><span class="nx">x</span><span class="p">]</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="p">({</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">name</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"x"</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span>  <span class="c1">// excused because of quotes</span><br/><span class="nx">data</span><span class="p">[</span><span class="s2">"y"</span><span class="p">]</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span>  <span class="c1">// excused because of calculated property access</span><br/></code></pre>
+</div>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"min"</code> (default: 2) enforces a minimum identifier length</li>
+  <li><code class="highlighter-rouge">"max"</code> (default: Infinity) enforces a maximum identifier length</li>
+  <li><code class="highlighter-rouge">"properties": always</code> (default) enforces identifier length convention for property names</li>
+  <li><code class="highlighter-rouge">"properties": never</code> ignores identifier length convention for property names</li>
+  <li><code class="highlighter-rouge">"exceptions"</code> allows an array of specified identifier names</li>
+</ul>
+
+<h3 id="min">min<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#min" aria-label="Anchor link for: min" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"min"</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", { "min": 4 }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">val</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">e</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">myObj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span><br/><span class="p">(</span><span class="nx">val</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="nx">val</span> <span class="o">*</span> <span class="nx">val</span> <span class="p">};</span><br/><span class="kr">class</span> <span class="nx">x</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span> <span class="nx">x</span><span class="p">()</span> <span class="p">{}</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(...</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">x</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">x</span><span class="p">:</span> <span class="nx">a</span><span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="p">[</span><span class="nx">x</span><span class="p">]}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="p">({</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">x</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"min"</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", { "min": 4 }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">value</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">func</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">42</span><span class="p">;</span> <span class="p">}</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">element</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">event</span><span class="p">)</span> <span class="p">{</span> <span class="cm">/* do stuff */</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">myObj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">apple</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span><br/><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="nx">value</span> <span class="o">*</span> <span class="nx">value</span> <span class="p">};</span><br/><span class="kd">function</span> <span class="nx">foobar</span><span class="p">(</span><span class="nx">value</span> <span class="o">=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">MyClass</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kr">class</span> <span class="nx">Foobar</span> <span class="p">{</span> <span class="nx">method</span><span class="p">()</span> <span class="p">{}</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foobar</span><span class="p">(...</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">prop</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">a</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="na">prop</span><span class="p">:</span> <span class="p">[</span><span class="nx">x</span><span class="p">]</span> <span class="p">}</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="p">({</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">name</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"x"</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span>  <span class="c1">// excused because of quotes</span><br/><span class="nx">data</span><span class="p">[</span><span class="s2">"y"</span><span class="p">]</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span>  <span class="c1">// excused because of calculated property access</span><br/></code></pre>
+</div>
+
+<h3 id="max">max<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#max" aria-label="Anchor link for: max" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", { "max": "10" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">reallyLongVarName</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">reallyLongFuncName</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">42</span><span class="p">;</span> <span class="p">}</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">reallyLongPropName</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">reallyLongArgName</span><span class="p">)</span> <span class="p">{</span> <span class="cm">/* do stuff */</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">reallyLongErrorName</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="p">(</span><span class="nx">reallyLongArgName</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">return</span> <span class="o">!</span><span class="nx">reallyLongArgName</span><span class="p">;</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", { "max": "10" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">varName</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">funcName</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">42</span><span class="p">;</span> <span class="p">}</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">propName</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">arg</span><span class="p">)</span> <span class="p">{</span> <span class="cm">/* do stuff */</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">error</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="p">(</span><span class="nx">arg</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">return</span> <span class="o">!</span><span class="nx">arg</span><span class="p">;</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="properties">properties<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#properties" aria-label="Anchor link for: properties" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"properties"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", { "properties": "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">myObj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};</span><br/><span class="p">({</span> <span class="na">a</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">x</span><span class="p">.</span><span class="nx">y</span><span class="p">.</span><span class="nx">z</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="p">({</span> <span class="na">prop</span><span class="p">:</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">i</span> <span class="p">})</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<h3 id="exceptions">exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"exceptions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"x"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-length: ["error", { "max": "10" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">x</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">42</span><span class="p">;</span> <span class="p">}</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">x</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">body</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span> <span class="cm">/* do stuff */</span> <span class="p">};</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">dangerousStuff</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ignore as many do</span><br/><span class="p">}</span><br/><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">x</span> <span class="o">*</span> <span class="nx">x</span><span class="p">;</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="max-len">max-len</a></li>
+  <li><a href="new-cap">new-cap</a></li>
+  <li><a href="func-names">func-names</a></li>
+  <li><a href="camelcase">camelcase</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/id-length.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/id-length.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/id-match.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/id-match.html
new file mode 100644
index 0000000..f630e02
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/id-match.html
@@ -0,0 +1,74 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-identifiers-to-match-a-specified-regular-expression-id-match">require identifiers to match a specified regular expression (id-match)</h1>
+
+<blockquote>
+  <p>“There are only two hard things in Computer Science: cache invalidation and naming things.” — Phil Karlton</p>
+</blockquote>
+
+<p>Naming things consistently in a project is an often underestimated aspect of code creation.
+When done correctly, it can save your team hours of unnecessary head scratching and misdirections.
+This rule allows you to precisely define and enforce the variables and function names on your team should use.
+No more limiting yourself to camelCase, snake_case, PascalCase or oHungarianNotation. Id-match has all your needs covered!</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires identifiers in assignments and <code class="highlighter-rouge">function</code> definitions to match a specified regular expression.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option for the specified regular expression.</p>
+
+<p>For example, to enforce a camelcase naming convention:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"id-match"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"^[a-z]+([A-Z][a-z]+)*$"</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"^[a-z]+([A-Z][a-z]+)*$"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-match: ["error", "^[a-z]+([A-Z][a-z]+)*$"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">myFavoriteColor</span>   <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">.</span><span class="nx">baz_boom</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="na">qux</span><span class="p">:</span> <span class="nx">bar</span><span class="p">.</span><span class="nx">baz_boom</span> <span class="p">};</span><br/><span class="nx">do_something</span><span class="p">();</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">my_pref</span><span class="p">:</span> <span class="mi">1</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"^[a-z]+([A-Z][a-z]+)*$"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-match: ["error", "^[a-z]+([A-Z][a-z]+)*$"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">my_favorite_color</span> <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">_myFavoriteColor</span>  <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">myFavoriteColor_</span>  <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">MY_FAVORITE_COLOR</span> <span class="o">=</span> <span class="s2">"#112C85"</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">do_something</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">do_something</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"properties": true</code> requires object properties to match the specified regular expression</li>
+  <li><code class="highlighter-rouge">"onlyDeclarations": true</code> requires only <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">function</code>, and <code class="highlighter-rouge">class</code> declarations to match the specified regular expression</li>
+</ul>
+
+<h3 id="properties">properties<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#properties" aria-label="Anchor link for: properties" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"^[a-z]+([A-Z][a-z]+)*$", { "properties": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-match: ["error", "^[a-z]+([A-Z][a-z]+)*$", { "properties": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">my_pref</span><span class="p">:</span> <span class="mi">1</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="onlydeclarations">onlyDeclarations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#onlydeclarations" aria-label="Anchor link for: onlydeclarations" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"^[a-z]+([A-Z][a-z]+)*$", { "onlyDeclarations": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint id-match: [2, "^[a-z]+([A-Z][a-z]+)*$", { "onlyDeclarations": true }]*/</span><br/><br/><span class="nx">do_something</span><span class="p">(</span><span class="nx">__dirname</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If your rules are too complex, it is possible that you encounter performance issues due to the nature of the job.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/id-match.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/id-match.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/indent.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/indent.html
new file mode 100644
index 0000000..2113f45
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/indent.html
@@ -0,0 +1,132 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-consistent-indentation-indent">enforce consistent indentation (indent)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>There are several common guidelines which require specific indentation of nested blocks and statements, like:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">hello</span><span class="p">(</span><span class="nx">indentSize</span><span class="p">,</span> <span class="nx">type</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">indentSize</span> <span class="o">===</span> <span class="mi">4</span> <span class="o">&amp;&amp;</span> <span class="nx">type</span> <span class="o">!==</span> <span class="s1">'tab'</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s1">'Each next indentation will increase on 4 spaces'</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>These are the most common scenarios recommended in different style guides:</p>
+
+<ul>
+  <li>Two spaces, not longer and no tabs: Google, npm, Node.js, Idiomatic, Felix</li>
+  <li>Tabs: jQuery</li>
+  <li>Four spaces: Crockford</li>
+</ul>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a consistent indentation style. The default style is <code class="highlighter-rouge">4 spaces</code>.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a mixed option:</p>
+
+<p>For example, for 2-space indentation:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"indent"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="mi">2</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Or for tabbed indentation:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"indent"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"tab"</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">b</span><span class="o">=</span><span class="nx">c</span><span class="p">;</span><br/>  <span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">d</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">e</span><span class="o">=</span><span class="nx">f</span><span class="p">;</span><br/>  <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="o">=</span><span class="nx">c</span><span class="p">;</span><br/>    <span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">d</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">e</span><span class="o">=</span><span class="nx">f</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"SwitchCase"</code> (default: 0) enforces indentation level for <code class="highlighter-rouge">case</code> clauses in <code class="highlighter-rouge">switch</code> statements</li>
+  <li><code class="highlighter-rouge">"VariableDeclarator"</code> (default: 1) enforces indentation level for <code class="highlighter-rouge">var</code> declarators; can also take an object to define separate rules for <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code> declarations.</li>
+</ul>
+
+<p>Level of indentation denotes the multiple of the indent specified. Example:</p>
+
+<ul>
+  <li>Indent of 4 spaces with <code class="highlighter-rouge">VariableDeclarator</code> set to <code class="highlighter-rouge">2</code> will indent the multi-line variable declarations with 8 spaces.</li>
+  <li>Indent of 2 spaces with <code class="highlighter-rouge">VariableDeclarator</code> set to <code class="highlighter-rouge">2</code> will indent the multi-line variable declarations with 4 spaces.</li>
+  <li>Indent of 2 spaces with <code class="highlighter-rouge">VariableDeclarator</code> set to <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"var"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="nt">"let"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="nt">"const"</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="p">}</span></code> will indent the multi-line variable declarations with 4 spaces for <code class="highlighter-rouge">var</code> and <code class="highlighter-rouge">let</code>, 6 spaces for <code class="highlighter-rouge">const</code> statements.</li>
+  <li>Indent of tab with <code class="highlighter-rouge">VariableDeclarator</code> set to <code class="highlighter-rouge">2</code> will indent the multi-line variable declarations with 2 tabs.</li>
+  <li>Indent of 2 spaces with <code class="highlighter-rouge">SwitchCase</code> set to <code class="highlighter-rouge">0</code> will not indent <code class="highlighter-rouge">case</code> clauses with respect to <code class="highlighter-rouge">switch</code> statements.</li>
+  <li>Indent of 2 spaces with <code class="highlighter-rouge">SwitchCase</code> set to <code class="highlighter-rouge">2</code> will indent <code class="highlighter-rouge">case</code> clauses with 4 spaces with respect to <code class="highlighter-rouge">switch</code> statements.</li>
+  <li>Indent of tabs with <code class="highlighter-rouge">SwitchCase</code> set to <code class="highlighter-rouge">2</code> will indent <code class="highlighter-rouge">case</code> clauses with 2 tabs with respect to <code class="highlighter-rouge">switch</code> statements.</li>
+</ul>
+
+<h3 id="tab">tab<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#tab" aria-label="Anchor link for: tab" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"tab"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", "tab"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>     <span class="nx">b</span><span class="o">=</span><span class="nx">c</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">d</span><span class="p">)</span> <span class="p">{</span><br/>           <span class="nx">e</span><span class="o">=</span><span class="nx">f</span><span class="p">;</span><br/> <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"tab"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", "tab"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><span class="cm">/*tab*/</span><span class="nx">b</span><span class="o">=</span><span class="nx">c</span><span class="p">;</span><br/><span class="cm">/*tab*/</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">d</span><span class="p">)</span> <span class="p">{</span><br/><span class="cm">/*tab*//*tab*/</span><span class="nx">e</span><span class="o">=</span><span class="nx">f</span><span class="p">;</span><br/><span class="cm">/*tab*/</span><span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="switchcase">SwitchCase<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#switchcase" aria-label="Anchor link for: switchcase" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">2, { "SwitchCase": 1 }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">a</span><span class="p">){</span><br/><span class="k">case</span> <span class="s2">"a"</span><span class="err">:</span><br/>    <span class="k">break</span><span class="p">;</span><br/><span class="k">case</span> <span class="s2">"b"</span><span class="err">:</span><br/>    <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">2, { "SwitchCase": 1 }</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", 2, { "SwitchCase": 1 }]*/</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">a</span><span class="p">){</span><br/>  <span class="k">case</span> <span class="s2">"a"</span><span class="err">:</span><br/>    <span class="k">break</span><span class="p">;</span><br/>  <span class="k">case</span> <span class="s2">"b"</span><span class="err">:</span><br/>    <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="variabledeclarator">VariableDeclarator<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#variabledeclarator" aria-label="Anchor link for: variabledeclarator" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">2, { "VariableDeclarator": 1 }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">,</span><br/>    <span class="nx">c</span><span class="p">;</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">,</span><br/>    <span class="nx">c</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">,</span><br/>    <span class="nx">c</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">2, { "VariableDeclarator": 1 }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", 2, { "VariableDeclarator": 1 }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span><br/>  <span class="nx">b</span><span class="p">,</span><br/>  <span class="nx">c</span><span class="p">;</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>  <span class="nx">b</span><span class="p">,</span><br/>  <span class="nx">c</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>  <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">,</span><br/>  <span class="nx">c</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">2, { "VariableDeclarator": 2 }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", 2, { "VariableDeclarator": 2 }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">,</span><br/>    <span class="nx">c</span><span class="p">;</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">,</span><br/>    <span class="nx">c</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">,</span><br/>    <span class="nx">c</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint indent: ["error", 2, { "VariableDeclarator": { "var": 2, "let": 2, "const": 3 } }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">,</span><br/>    <span class="nx">c</span><span class="p">;</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">,</span><br/>    <span class="nx">c</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>      <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">,</span><br/>      <span class="nx">c</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSHint</strong>: <code class="highlighter-rouge">indent</code></li>
+  <li><strong>JSCS</strong>: <code class="highlighter-rouge">validateIndentation</code></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.14.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/indent.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/indent.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/init-declarations.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/init-declarations.html
new file mode 100644
index 0000000..46a5470
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/init-declarations.html
@@ -0,0 +1,94 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforcedisallow-variable-initializations-init-declarations">Enforce/Disallow Variable Initializations (init-declarations)</h1>
+
+<p>In JavaScript, variables can be assigned during declaration, or at any point afterwards using an assignment statement. For example, in the following code, <code class="highlighter-rouge">foo</code> is initialized during declaration, while <code class="highlighter-rouge">bar</code> is initialized later.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at enforcing or eliminating variable initializations during declaration. For example, in the following code, <code class="highlighter-rouge">foo</code> is initialized during declaration, while <code class="highlighter-rouge">bar</code> is not.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/><br/><span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>This rule aims to bring consistency to variable initializations and declarations.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes two options:</p>
+
+<ol>
+  <li>A string which must be either <code class="highlighter-rouge">"always"</code> (the default), to enforce initialization at declaration, or <code class="highlighter-rouge">"never"</code> to disallow initialization during declaration. This rule applies to <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, and <code class="highlighter-rouge">const</code> variables, however <code class="highlighter-rouge">"never"</code> is ignored for <code class="highlighter-rouge">const</code> variables, as unassigned <code class="highlighter-rouge">const</code>s generate a parse error.</li>
+  <li>An object that further controls the behavior of this rule. Currently, the only available parameter is <code class="highlighter-rouge">ignoreForLoopInit</code>, which indicates if initialization at declaration is allowed in <code class="highlighter-rouge">for</code> loops when <code class="highlighter-rouge">"never"</code> is set, since it is a very typical use case.</li>
+</ol>
+
+<p>You can configure the rule as follows:</p>
+
+<p>Variables must be initialized at declaration (default)</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"init-declarations"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">],</span><span class="w"><br/></span><span class="err">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Variables must not be initialized at declaration</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"init-declarations"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"never"</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Variables must not be initialized at declaration, except in for loops, where it is allowed</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"init-declarations"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreForLoopInit"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint init-declarations: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint init-declarations: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="kr">const</span> <span class="nx">qux</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint init-declarations: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/>    <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">1</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint init-declarations: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">baz</span><span class="p">;</span><br/>    <span class="kr">const</span> <span class="nx">buzz</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The <code class="highlighter-rouge">"never"</code> option ignores <code class="highlighter-rouge">const</code> variable initializations.</p>
+
+<h3 id="ignoreforloopinit">ignoreForLoopInit<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignoreforloopinit" aria-label="Anchor link for: ignoreforloopinit" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"never", { "ignoreForLoopInit": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint init-declarations: ["error", "never", { "ignoreForLoopInit": true }]*/</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">1</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>When you are indifferent as to how your variables are initialized.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/init-declarations.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/init-declarations.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/jsx-quotes.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/jsx-quotes.html
new file mode 100644
index 0000000..82d74dd
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/jsx-quotes.html
@@ -0,0 +1,77 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-the-consistent-use-of-either-double-or-single-quotes-in-jsx-attributes-jsx-quotes">enforce the consistent use of either double or single quotes in JSX attributes (jsx-quotes)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>JSX attribute values can contain string literals, which are delimited with single or double quotes.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">'c'</span> <span class="nt">/&gt;</span><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">"c"</span> <span class="nt">/&gt;</span><br/></code></pre>
+</div>
+
+<p>Unlike string literals in JavaScript, string literals within JSX attributes can’t contain escaped quotes.
+If you want to have e.g. a double quote within a JSX attribute value, you have to use single quotes as string delimiter.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">"'"</span> <span class="nt">/&gt;</span><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">'"'</span> <span class="nt">/&gt;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces the consistent use of either double or single quotes in JSX attributes.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"prefer-double"</code> (default) enforces the use of double quotes for all JSX attribute values that don’t contain a double quote.</li>
+  <li><code class="highlighter-rouge">"prefer-single"</code> enforces the use of single quotes for all JSX attribute values that don’t contain a single quote.</li>
+</ul>
+
+<h3 id="prefer-double">prefer-double<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#prefer-double" aria-label="Anchor link for: prefer double" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"prefer-double"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>/*eslint jsx-quotes: ["error", "prefer-double"]*/<br/><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">'c'</span> <span class="nt">/&gt;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"prefer-double"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>/*eslint jsx-quotes: ["error", "prefer-double"]*/<br/><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">"c"</span> <span class="nt">/&gt;</span><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">'"'</span> <span class="nt">/&gt;</span><br/></code></pre>
+</div>
+
+<h3 id="prefer-single">prefer-single<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#prefer-single" aria-label="Anchor link for: prefer single" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"prefer-single"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>/*eslint jsx-quotes: ["error", "prefer-single"]*/<br/><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">"c"</span> <span class="nt">/&gt;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"prefer-single"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>/*eslint jsx-quotes: ["error", "prefer-single"]*/<br/><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">'c'</span> <span class="nt">/&gt;</span><br/><span class="nt">&lt;a</span> <span class="na">b=</span><span class="s">"'"</span> <span class="nt">/&gt;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you don’t use JSX or if you aren’t concerned with a consistent usage of quotes within JSX attributes.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="quotes">quotes</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/jsx-quotes.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/jsx-quotes.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/key-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/key-spacing.html
new file mode 100644
index 0000000..2bb5a62
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/key-spacing.html
@@ -0,0 +1,136 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-consistent-spacing-between-keys-and-values-in-object-literal-properties-key-spacing">enforce consistent spacing between keys and values in object literal properties (key-spacing)</h1>
+
+<p>This rule enforces spacing around the colon in object literal properties. It can verify each property individually, or it can ensure horizontal alignment of adjacent properties in an object literal.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent spacing between keys and values in object literal properties. In the case of long lines, it is acceptable to add a new line wherever whitespace is allowed.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"beforeColon": false</code> (default) disallows spaces between the key and the colon in object literals</li>
+  <li><code class="highlighter-rouge">"beforeColon": true</code> requires at least one space between the key and the colon in object literals</li>
+  <li><code class="highlighter-rouge">"afterColon": true</code> (default) requires at least one space between the colon and the value in object literals</li>
+  <li><code class="highlighter-rouge">"afterColon": false</code> disallows spaces between the colon and the value in object literals</li>
+  <li><code class="highlighter-rouge">"mode": strict</code> (default) enforces exactly one space before or after colons in object literals</li>
+  <li><code class="highlighter-rouge">"mode": minimum</code> enforces one or more spaces before or after colons in object literals</li>
+  <li><code class="highlighter-rouge">"align": "value"</code> enforces horizontal alignment of values in object literals</li>
+  <li><code class="highlighter-rouge">"align": "colon"</code> enforces horizontal alignment of both colons and values in object literals.</li>
+  <li><code class="highlighter-rouge">"singleLine"</code> specifies a spacing style for single-line object literals</li>
+  <li><code class="highlighter-rouge">"multiLine"</code> specifies a spacing style for multi-line object literals</li>
+</ul>
+
+<p>Please note that you can either use the top-level options or the grouped options (<code class="highlighter-rouge">singleLine</code> and <code class="highlighter-rouge">multiLine</code>) but not both.</p>
+
+<h3 id="beforecolon">beforeColon<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#beforecolon" aria-label="Anchor link for: beforecolon" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "beforeColon": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span> <span class="p">:</span> <span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "beforeColon": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span> <span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "beforeColon": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span> <span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "beforeColon": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span> <span class="p">:</span> <span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="aftercolon">afterColon<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#aftercolon" aria-label="Anchor link for: aftercolon" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "afterColon": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span><span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "afterColon": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span> <span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "afterColon": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span> <span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterColon"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "afterColon": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span><span class="mi">42</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="mode">mode<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#mode" aria-label="Anchor link for: mode" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"mode"</span><span class="p">:</span><span class="w"> </span><span class="s2">"strict"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "mode": "strict" }]*/</span><br/><br/><span class="nx">call</span><span class="p">({</span><br/>    <span class="na">foobar</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="na">bat</span><span class="p">:</span>    <span class="mi">2</span> <span class="o">*</span> <span class="mi">2</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"mode"</span><span class="p">:</span><span class="w"> </span><span class="s2">"strict"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "mode": "strict" }]*/</span><br/><br/><span class="nx">call</span><span class="p">({</span><br/>    <span class="na">foobar</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="na">bat</span><span class="p">:</span> <span class="mi">2</span> <span class="o">*</span> <span class="mi">2</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"mode"</span><span class="p">:</span><span class="w"> </span><span class="s2">"minimum"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "mode": "minimum" }]*/</span><br/><br/><span class="nx">call</span><span class="p">({</span><br/>    <span class="na">foobar</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="na">bat</span><span class="p">:</span>    <span class="mi">2</span> <span class="o">*</span> <span class="mi">2</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h3 id="align">align<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#align" aria-label="Anchor link for: align" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"align"</span><span class="p">:</span><span class="w"> </span><span class="s2">"value"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "align": "value" }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">a</span><span class="p">:</span> <span class="nx">value</span><span class="p">,</span><br/>    <span class="na">bcde</span><span class="p">:</span>  <span class="mi">42</span><span class="p">,</span><br/>    <span class="na">fg</span> <span class="p">:</span>   <span class="nx">foo</span><span class="p">()</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"align"</span><span class="p">:</span><span class="w"> </span><span class="s2">"value"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "align": "value" }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">a</span><span class="p">:</span>    <span class="nx">value</span><span class="p">,</span><br/>    <span class="na">bcde</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/><br/>    <span class="na">fg</span><span class="p">:</span> <span class="nx">foo</span><span class="p">(),</span><br/>    <span class="na">h</span><span class="p">:</span>  <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">a</span><span class="p">;</span><br/>    <span class="p">},</span><br/>    <span class="na">ijkl</span><span class="p">:</span> <span class="s1">'Non-consecutive lines form a new group'</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="s2">"foo"</span><span class="p">,</span> <span class="na">longPropertyName</span><span class="p">:</span> <span class="s2">"bar"</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"align"</span><span class="p">:</span><span class="w"> </span><span class="s2">"colon"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "align": "colon" }]*/</span><br/><br/><span class="nx">call</span><span class="p">({</span><br/>    <span class="na">foobar</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="na">bat</span><span class="p">:</span>    <span class="mi">2</span> <span class="o">*</span> <span class="mi">2</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"align"</span><span class="p">:</span><span class="w"> </span><span class="s2">"colon"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint key-spacing: ["error", { "align": "colon" }]*/</span><br/><br/><span class="nx">call</span><span class="p">({</span><br/>    <span class="na">foobar</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="na">bat</span>   <span class="p">:</span> <span class="mi">2</span> <span class="o">*</span> <span class="mi">2</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h3 id="singleline-and-multiline">singleLine and multiLine<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#singleline-and-multiline" aria-label="Anchor link for: singleline and multiline" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with sample <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"singleLine"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="nt">"multiLine"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint "key-spacing": [2, {<br/>    "singleLine": {<br/>        "beforeColon": false,<br/>        "afterColon": true<br/>    },<br/>    "multiLine": {<br/>        "beforeColon": true,<br/>        "afterColon": true,<br/>        "align": "colon"<br/>    }<br/>}]*/</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">one</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span> <span class="s2">"two"</span><span class="p">:</span> <span class="mi">2</span><span class="p">,</span> <span class="na">three</span><span class="p">:</span> <span class="mi">3</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"two"</span> <span class="p">:</span> <span class="mi">2</span><span class="p">,</span><br/>    <span class="na">three</span> <span class="p">:</span> <span class="mi">3</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you have another convention for property spacing that might not be consistent with the available options, or if you want to permit multiple styles concurrently you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/key-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/key-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/keyword-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/keyword-spacing.html
new file mode 100644
index 0000000..ca19846
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/keyword-spacing.html
@@ -0,0 +1,100 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-consistent-spacing-before-and-after-keywords-keyword-spacing">enforce consistent spacing before and after keywords (keyword-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Keywords are syntax elements of JavaScript, such as <code class="highlighter-rouge">function</code> and <code class="highlighter-rouge">if</code>.
+These identifiers have special meaning to the language and so often appear in a different color in code editors.
+As an important part of the language, style guides often refer to the spacing that should be used around keywords.
+For example, you might have a style guide that says keywords should be always surrounded by spaces, which would mean <code class="highlighter-rouge">if-else</code> statements must look like this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Of course, you could also have a style guide that disallows spaces around keywords.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent spacing around keywords and keyword-like tokens: <code class="highlighter-rouge">as</code> (in module declarations), <code class="highlighter-rouge">break</code>, <code class="highlighter-rouge">case</code>, <code class="highlighter-rouge">catch</code>, <code class="highlighter-rouge">class</code>, <code class="highlighter-rouge">const</code>, <code class="highlighter-rouge">continue</code>, <code class="highlighter-rouge">debugger</code>, <code class="highlighter-rouge">default</code>, <code class="highlighter-rouge">delete</code>, <code class="highlighter-rouge">do</code>, <code class="highlighter-rouge">else</code>, <code class="highlighter-rouge">export</code>, <code class="highlighter-rouge">extends</code>, <code class="highlighter-rouge">finally</code>, <code class="highlighter-rouge">for</code>, <code class="highlighter-rouge">from</code> (in module declarations), <code class="highlighter-rouge">function</code>, <code class="highlighter-rouge">get</code> (of getters), <code class="highlighter-rouge">if</code>, <code class="highlighter-rouge">import</code>, <code class="highlighter-rouge">in</code>, <code class="highlighter-rouge">instanceof</code>, <code class="highlighter-rouge">let</code>, <code class="highlighter-rouge">new</code>, <code class="highlighter-rouge">of</code> (in for-of statements), <code class="highlighter-rouge">return</code>, <code class="highlighter-rouge">set</code> (of setters), <code class="highlighter-rouge">static</code>, <code class="highlighter-rouge">super</code>, <code class="highlighter-rouge">switch</code>, <code class="highlighter-rouge">this</code>, <code class="highlighter-rouge">throw</code>, <code class="highlighter-rouge">try</code>, <code class="highlighter-rouge">typeof</code>, <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">void</code>, <code class="highlighter-rouge">while</code>, <code class="highlighter-rouge">with</code>, and <code class="highlighter-rouge">yield</code>. This rule is designed carefully not to conflict with other spacing rules: it does not apply to spacing where other rules report problems.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"before": true</code> (default) requires at least one space before keywords</li>
+  <li><code class="highlighter-rouge">"before": false</code> disallows spaces before keywords</li>
+  <li><code class="highlighter-rouge">"after": true</code> (default) requires at least one space after keywords</li>
+  <li><code class="highlighter-rouge">"after": false</code> disallows spaces after keywords</li>
+  <li><code class="highlighter-rouge">"overrides"</code> allows overriding spacing style for specified keywords</li>
+</ul>
+
+<h3 id="before">before<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#before" aria-label="Anchor link for: before" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "before": true }]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "before": true }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/><br/><span class="c1">// no conflict with `array-bracket-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">[</span><span class="k">this</span><span class="p">];</span><br/><span class="kd">let</span> <span class="nx">b</span> <span class="o">=</span> <span class="p">[</span><span class="kd">function</span><span class="p">()</span> <span class="p">{}];</span><br/><br/><span class="c1">// no conflict with `arrow-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">()</span><span class="o">=&gt;</span> <span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">;</span><br/><br/><span class="c1">// no conflict with `block-spacing`</span><br/><span class="p">{</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}}</span><br/><br/><span class="c1">// no conflict with `comma-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">[</span><span class="mi">100</span><span class="p">,</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">bar</span><span class="p">];</span><br/><br/><span class="c1">// not conflict with `computed-property-spacing`</span><br/><span class="nx">obj</span><span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">]</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="c1">// no conflict with `generator-star-spacing`</span><br/><span class="kd">function</span> <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="c1">// no conflict with `key-spacing`</span><br/><span class="kd">let</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span><span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/><br/><span class="c1">// no conflict with `object-curly-spacing`</span><br/><span class="kd">let</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="k">this</span><span class="p">};</span><br/><br/><span class="c1">// no conflict with `semi-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="c1">// no conflict with `space-in-parens`</span><br/><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{})();</span><br/><br/><span class="c1">// no conflict with `space-infix-ops`</span><br/><span class="k">if</span> <span class="p">(</span><span class="s2">"foo"</span><span class="k">in</span> <span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="mi">0</span><span class="p">})</span> <span class="p">{}</span><br/><span class="k">if</span> <span class="p">(</span><span class="mi">10</span><span class="o">+</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="o">&lt;=</span> <span class="k">this</span><span class="p">.</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{}</span><br/><br/><span class="c1">// no conflict with `jsx-curly-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="o">&lt;</span><span class="nx">A</span> <span class="nx">foo</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">}</span> <span class="nx">bar</span><span class="o">=</span><span class="p">{</span><span class="kd">function</span><span class="p">(){}}</span> <span class="sr">/</span><span class="err">&gt;<br/></span></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "before": false }]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "before": false }]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="after">after<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#after" aria-label="Anchor link for: after" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "after": true }]*/</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span><span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "after": true }]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/><br/><span class="c1">// not conflict with `array-bracket-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">[</span><span class="k">this</span><span class="p">];</span><br/><br/><span class="c1">// not conflict with `arrow-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">()</span><span class="o">=&gt;</span> <span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">;</span><br/><br/><span class="c1">// not conflict with `comma-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">[</span><span class="mi">100</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="k">this</span><span class="p">.</span><span class="nx">bar</span><span class="p">];</span><br/><br/><span class="c1">// not conflict with `computed-property-spacing`</span><br/><span class="nx">obj</span><span class="p">[</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">]</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="c1">// not conflict with `generator-star-spacing`</span><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="c1">// not conflict with `key-spacing`</span><br/><span class="kd">let</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span><span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/><br/><span class="c1">// not conflict with `no-spaced-func`</span><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="c1">// not conflict with `object-curly-spacing`</span><br/><span class="kd">let</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="k">this</span><span class="p">};</span><br/><br/><span class="c1">// not conflict with `semi-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="k">this</span><span class="p">;</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="c1">// not conflict with `space-before-function-paren`</span><br/><span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="c1">// no conflict with `space-infix-ops`</span><br/><span class="k">if</span> <span class="p">(</span><span class="s2">"foo"</span><span class="k">in</span><span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="mi">0</span><span class="p">})</span> <span class="p">{}</span><br/><span class="k">if</span> <span class="p">(</span><span class="mi">10</span><span class="o">+</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="o">&lt;=</span> <span class="k">this</span><span class="p">.</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{}</span><br/><br/><span class="c1">// no conflict with `space-unary-ops`</span><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="k">yield</span><span class="o">+</span><span class="nx">a</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// no conflict with `yield-star-spacing`</span><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="k">yield</span><span class="o">*</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// no conflict with `jsx-curly-spacing`</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="o">&lt;</span><span class="nx">A</span> <span class="nx">foo</span><span class="o">=</span><span class="p">{</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">}</span> <span class="nx">bar</span><span class="o">=</span><span class="p">{</span><span class="kd">function</span><span class="p">(){}}</span> <span class="sr">/</span><span class="err">&gt;<br/></span></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "after": false }]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "after": false }]*/</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span><span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="overrides">overrides<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#overrides" aria-label="Anchor link for: overrides" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"overrides"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"if"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="nt">"for"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">},</span><span class="w"> </span><span class="nt">"while"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint keyword-spacing: ["error", { "overrides": {<br/>  "if": { "after": false },<br/>  "for": { "after": false },<br/>  "while": { "after": false }<br/>} }]*/</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/><br/><span class="k">for</span><span class="p">(;;);</span><br/><br/><span class="k">while</span><span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to enforce consistency on keyword spacing, then it’s safe to disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-beta.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/keyword-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/keyword-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/linebreak-style.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/linebreak-style.html
new file mode 100644
index 0000000..e36eaf1
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/linebreak-style.html
@@ -0,0 +1,74 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-consistent-linebreak-style-linebreak-style">enforce consistent linebreak style (linebreak-style)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>When developing with a lot of people all having different editors, VCS applications and operating systems it may occur that
+different line endings are written by either of the mentioned (might especially happen when using the windows and mac versions of SourceTree together).</p>
+
+<p>The linebreaks (new lines) used in windows operating system are usually <em>carriage returns</em> (CR) followed by a <em>line feed</em> (LF) making it a <em>carriage return line feed</em> (CRLF)
+whereas Linux and Unix use a simple <em>line feed</em> (LF). The corresponding <em>control sequences</em> are <code class="highlighter-rouge">"\n"</code> (for LF) and <code class="highlighter-rouge">"\r\n"</code> for (CRLF).</p>
+
+<p>Many versioning systems (like git and subversion) can automatically ensure the correct ending. However to cover all contingencies, you can activate this rule.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent line endings independent of operating system, VCS, or editor used across your codebase.</p>
+
+<h3 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h3>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"unix"</code> (default) enforces the usage of Unix line endings: <code class="highlighter-rouge">\n</code> for LF.</li>
+  <li><code class="highlighter-rouge">"windows"</code> enforces the usage of Windows line endings: <code class="highlighter-rouge">\r\n</code> for CRLF.</li>
+</ul>
+
+<h3 id="unix">unix<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#unix" aria-label="Anchor link for: unix" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"unix"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint linebreak-style: ["error", "unix"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s1">'a'</span><span class="p">;</span> <span class="c1">// \r\n</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"unix"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint linebreak-style: ["error", "unix"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s1">'a'</span><span class="p">,</span> <span class="c1">// \n</span><br/>    <span class="nx">b</span> <span class="o">=</span> <span class="s1">'b'</span><span class="p">;</span> <span class="c1">// \n</span><br/><span class="c1">// \n</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">params</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// \n</span><br/>    <span class="c1">// do stuff \n</span><br/><span class="p">}</span><span class="c1">// \n</span><br/></code></pre>
+</div>
+
+<h3 id="windows">windows<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#windows" aria-label="Anchor link for: windows" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"windows"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint linebreak-style: ["error", "windows"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s1">'a'</span><span class="p">;</span> <span class="c1">// \n</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"windows"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint linebreak-style: ["error", "windows"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s1">'a'</span><span class="p">,</span> <span class="c1">// \r\n</span><br/>    <span class="nx">b</span> <span class="o">=</span> <span class="s1">'b'</span><span class="p">;</span> <span class="c1">// \r\n</span><br/><span class="c1">// \r\n</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">params</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// \r\n</span><br/>    <span class="c1">// do stuff \r\n</span><br/><span class="p">}</span> <span class="c1">// \r\n</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you aren’t concerned about having different line endings within you code, then you can safely turn this rule off.</p>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSCS</strong>: <code class="highlighter-rouge">validateLineBreaks</code></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.21.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/linebreak-style.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/linebreak-style.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/lines-around-comment.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/lines-around-comment.html
new file mode 100644
index 0000000..306ca54
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/lines-around-comment.html
@@ -0,0 +1,173 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-empty-lines-around-comments-lines-around-comment">require empty lines around comments (lines-around-comment)</h1>
+
+<p>Many style guides require empty lines before or after comments. The primary goal
+of these rules is to make the comments easier to read and improve readability of the code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires empty lines before and/or after comments. It can be enabled separately for both block (<code class="highlighter-rouge">/*</code>) and line (<code class="highlighter-rouge">//</code>) comments. This rule does not apply to comments that appear on the same line as code and does not require empty lines at the beginning or end of a file. Empty lines are also not required at the beginning or end of a file.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"beforeBlockComment": true</code> (default) requires an empty line before block comments</li>
+  <li><code class="highlighter-rouge">"beforeBlockComment": false</code> disallows an empty line before block comments</li>
+  <li><code class="highlighter-rouge">"afterBlockComment": true</code> requires an empty line after block comments</li>
+  <li><code class="highlighter-rouge">"beforeLineComment": true</code> requires an empty line before line comments</li>
+  <li><code class="highlighter-rouge">"afterLineComment": true</code> requires an empty line after line comments</li>
+  <li><code class="highlighter-rouge">"allowBlockStart": true</code> allows comments to appear at the start of block statements</li>
+  <li><code class="highlighter-rouge">"allowBlockEnd": true</code> allows comments to appear at the end of block statements</li>
+  <li><code class="highlighter-rouge">"allowObjectStart": true</code> allows comments to appear at the start of object literals</li>
+  <li><code class="highlighter-rouge">"allowObjectEnd": true</code> allows comments to appear at the end of object literals</li>
+  <li><code class="highlighter-rouge">"allowArrayStart": true</code> allows comments to appear at the start of array literals</li>
+  <li><code class="highlighter-rouge">"allowArrayEnd": true</code> allows comments to appear at the end of array literals</li>
+</ul>
+
+<h3 id="beforeblockcomment">beforeBlockComment<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#beforeblockcomment" aria-label="Anchor link for: beforeblockcomment" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeBlockComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><span class="cm">/* what a great and wonderful day */</span><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeBlockComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><br/><span class="cm">/* what a great and wonderful day */</span><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<h3 id="afterblockcomment">afterBlockComment<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#afterblockcomment" aria-label="Anchor link for: afterblockcomment" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterBlockComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><br/><span class="cm">/* what a great and wonderful day */</span><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterBlockComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><br/><span class="cm">/* what a great and wonderful day */</span><br/><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<h3 id="beforelinecomment">beforeLineComment<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#beforelinecomment" aria-label="Anchor link for: beforelinecomment" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeLineComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><span class="c1">// what a great and wonderful day</span><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeLineComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><br/><span class="c1">// what a great and wonderful day</span><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<h3 id="afterlinecomment">afterLineComment<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#afterlinecomment" aria-label="Anchor link for: afterlinecomment" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterLineComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><span class="c1">// what a great and wonderful day</span><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterLineComment": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">night</span> <span class="o">=</span> <span class="s2">"long"</span><span class="p">;</span><br/><span class="c1">// what a great and wonderful day</span><br/><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/></code></pre>
+</div>
+
+<h3 id="allowblockstart">allowBlockStart<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowblockstart" aria-label="Anchor link for: allowblockstart" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowBlockStart"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeLineComment": true, "allowBlockStart": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="c1">// what a great and wonderful day</span><br/>    <span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/>    <span class="k">return</span> <span class="nx">day</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowBlockStart"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeBlockComment": true, "allowBlockStart": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="cm">/* what a great and wonderful day */</span><br/>    <span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/>    <span class="k">return</span> <span class="nx">day</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="allowblockend">allowBlockEnd<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowblockend" aria-label="Anchor link for: allowblockend" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowBlockEnd"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterLineComment": true, "allowBlockEnd": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/>    <span class="k">return</span> <span class="nx">day</span><span class="p">;</span><br/>    <span class="c1">// what a great and wonderful day</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowBlockEnd"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterBlockComment": true, "allowBlockEnd": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="s2">"great"</span><br/>    <span class="k">return</span> <span class="nx">day</span><span class="p">;</span><br/><br/>    <span class="cm">/* what a great and wonderful day */</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="allowobjectstart">allowObjectStart<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowobjectstart" aria-label="Anchor link for: allowobjectstart" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowObjectStart"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeLineComment": true, "allowObjectStart": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="c1">// what a great and wonderful day</span><br/>    <span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><br/><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="c1">// what a great and wonderful day</span><br/>    <span class="nl">foo</span><span class="p">:</span> <span class="nx">someDay</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="c1">// what a great and wonderful day</span><br/>    <span class="nx">day</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowObjectStart"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeBlockComment": true, "allowObjectStart": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="cm">/* what a great and wonderful day */</span><br/>    <span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><br/><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="cm">/* what a great and wonderful day */</span><br/>    <span class="nl">foo</span><span class="p">:</span> <span class="nx">someDay</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="cm">/* what a great and wonderful day */</span><br/>    <span class="nx">day</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="allowobjectend">allowObjectEnd<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowobjectend" aria-label="Anchor link for: allowobjectend" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowObjectEnd"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterLineComment": true, "allowObjectEnd": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><br/>    <span class="c1">// what a great and wonderful day</span><br/><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="nl">foo</span><span class="p">:</span> <span class="nx">someDay</span><br/>    <span class="c1">// what a great and wonderful day</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="nx">day</span><br/>    <span class="c1">// what a great and wonderful day</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowObjectEnd"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterBlockComment": true, "allowObjectEnd": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><br/><br/>    <span class="cm">/* what a great and wonderful day */</span><br/><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="nl">foo</span><span class="p">:</span> <span class="nx">someDay</span><br/><br/>    <span class="cm">/* what a great and wonderful day */</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">foo</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/><br/><span class="kr">const</span> <span class="p">{</span><br/>    <span class="nx">day</span><br/><br/>    <span class="cm">/* what a great and wonderful day */</span><br/><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="na">day</span><span class="p">:</span> <span class="s2">"great"</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="allowarraystart">allowArrayStart<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowarraystart" aria-label="Anchor link for: allowarraystart" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowArrayStart"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeLineComment": true, "allowArrayStart": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="c1">// what a great and wonderful day</span><br/>    <span class="s2">"great"</span><span class="p">,</span><br/>    <span class="s2">"wonderful"</span><br/><span class="p">];</span><br/><br/><span class="kr">const</span> <span class="p">[</span><br/>    <span class="c1">// what a great and wonderful day</span><br/>    <span class="nx">someDay</span><br/><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"great"</span><span class="p">,</span> <span class="s2">"not great"</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"beforeBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowArrayStart"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "beforeBlockComment": true, "allowArrayStart": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="cm">/* what a great and wonderful day */</span><br/>    <span class="s2">"great"</span><span class="p">,</span><br/>    <span class="s2">"wonderful"</span><br/><span class="p">];</span><br/><br/><span class="kr">const</span> <span class="p">[</span><br/>    <span class="cm">/* what a great and wonderful day */</span><br/>    <span class="nx">someDay</span><br/><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"great"</span><span class="p">,</span> <span class="s2">"not great"</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<h3 id="allowarrayend">allowArrayEnd<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowarrayend" aria-label="Anchor link for: allowarrayend" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterLineComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowArrayEnd"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterLineComment": true, "allowArrayEnd": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="s2">"great"</span><span class="p">,</span><br/>    <span class="s2">"wonderful"</span><br/>    <span class="c1">// what a great and wonderful day</span><br/><span class="p">];</span><br/><br/><span class="kr">const</span> <span class="p">[</span><br/>    <span class="nx">someDay</span><br/>    <span class="c1">// what a great and wonderful day</span><br/><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"great"</span><span class="p">,</span> <span class="s2">"not great"</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"afterBlockComment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowArrayEnd"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint lines-around-comment: ["error", { "afterBlockComment": true, "allowArrayEnd": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">day</span> <span class="o">=</span> <span class="p">[</span><br/>    <span class="s2">"great"</span><span class="p">,</span><br/>    <span class="s2">"wonderful"</span><br/><br/>    <span class="cm">/* what a great and wonderful day */</span><br/><span class="p">];</span><br/><br/><span class="kr">const</span> <span class="p">[</span><br/>    <span class="nx">someDay</span><br/><br/>    <span class="cm">/* what a great and wonderful day */</span><br/><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="s2">"great"</span><span class="p">,</span> <span class="s2">"not great"</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Many people enjoy a terser code style and don’t mind comments bumping up against code. If you fall into that category this rule is not for you.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="space-before-blocks">space-before-blocks</a></li>
+  <li><a href="spaced-comment">spaced-comment</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.22.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/lines-around-comment.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/lines-around-comment.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/max-depth.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-depth.html
new file mode 100644
index 0000000..453c6a2
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-depth.html
@@ -0,0 +1,55 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-a-maximum-depth-that-blocks-can-be-nested-max-depth">enforce a maximum depth that blocks can be nested (max-depth)</h1>
+
+<p>Many developers consider code difficult to read if blocks are nested beyond a certain depth.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a maximum depth that blocks can be nested to reduce code complexity.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a number or object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"max"</code> (default <code class="highlighter-rouge">4</code>) enforces a maximum depth that blocks can be nested</li>
+</ul>
+
+<p><strong>Deprecated:</strong> The object property <code class="highlighter-rouge">maximum</code> is deprecated; please use the object property <code class="highlighter-rouge">max</code> instead.</p>
+
+<h3 id="max">max<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#max" aria-label="Anchor link for: max" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-depth: ["error", 4]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">for</span> <span class="p">(;;)</span> <span class="p">{</span> <span class="c1">// Nested 1 deep</span><br/>        <span class="kd">let</span> <span class="nx">val</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">(</span><span class="nx">param</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="c1">// Nested 2 deep</span><br/>            <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// Nested 3 deep</span><br/>                <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// Nested 4 deep</span><br/>                    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// Nested 5 deep</span><br/>                    <span class="p">}</span><br/>                <span class="p">}</span><br/>            <span class="p">}</span><br/>        <span class="p">};</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-depth: ["error", 4]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">for</span> <span class="p">(;;)</span> <span class="p">{</span> <span class="c1">// Nested 1 deep</span><br/>        <span class="kd">let</span> <span class="nx">val</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">(</span><span class="nx">param</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="c1">// Nested 2 deep</span><br/>           <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// Nested 3 deep</span><br/>                <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// Nested 4 deep</span><br/>                <span class="p">}</span><br/>            <span class="p">}</span><br/>        <span class="p">};</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="complexity">complexity</a></li>
+  <li><a href="max-len">max-len</a></li>
+  <li><a href="max-nested-callbacks">max-nested-callbacks</a></li>
+  <li><a href="max-params">max-params</a></li>
+  <li><a href="max-statements">max-statements</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/max-depth.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/max-depth.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/max-len.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-len.html
new file mode 100644
index 0000000..b0dc7ac
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-len.html
@@ -0,0 +1,111 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-a-maximum-line-length-max-len">enforce a maximum line length (max-len)</h1>
+
+<p>Very long lines of code in any language can be difficult to read. In order to aid in readability and maintainability many coders have developed a convention to limit lines of code to X number of characters (traditionally 80 characters).</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"bar"</span><span class="p">:</span> <span class="s2">"This is a bar."</span><span class="p">,</span> <span class="s2">"baz"</span><span class="p">:</span> <span class="p">{</span> <span class="s2">"qux"</span><span class="p">:</span> <span class="s2">"This is a qux"</span> <span class="p">},</span> <span class="s2">"difficult"</span><span class="err">:</span> <span class="s2">"to read"</span> <span class="p">};</span> <span class="c1">// very long</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a maximum line length to increase code readability and maintainability.</p>
+
+<p><strong>Note:</strong> This rule calculates the length of a line via code points, not characters. That means if you use a double-byte character in your code, it will count as 2 code points instead of 1, and 2 will be used to calculate line length. This is a technical limitation of JavaScript that is made easier with ES2015, and we will look to update this when ES2015 is available in Node.js.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a number or object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"code"</code> (default <code class="highlighter-rouge">80</code>) enforces a maximum line length</li>
+  <li><code class="highlighter-rouge">"tabWidth"</code> (default <code class="highlighter-rouge">4</code>) specifies the character width for tab characters</li>
+  <li><code class="highlighter-rouge">"comments"</code> enforces a maximum line length for comments; defaults to value of <code class="highlighter-rouge">code</code></li>
+  <li><code class="highlighter-rouge">"ignorePattern"</code> ignores lines matching a regular expression; can only match a single line and need to be double escaped when written in YAML or JSON</li>
+  <li><code class="highlighter-rouge">"ignoreComments": true</code> ignores all trailing comments and comments on their own line</li>
+  <li><code class="highlighter-rouge">"ignoreTrailingComments": true</code> ignores only trailing comments</li>
+  <li><code class="highlighter-rouge">"ignoreUrls": true</code> ignores lines that contain a URL</li>
+</ul>
+
+<h3 id="code">code<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#code" aria-label="Anchor link for: code" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"code"</span><span class="p">:</span><span class="w"> </span><span class="mi">80</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", 80]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"bar"</span><span class="p">:</span> <span class="s2">"This is a bar."</span><span class="p">,</span> <span class="s2">"baz"</span><span class="p">:</span> <span class="p">{</span> <span class="s2">"qux"</span><span class="p">:</span> <span class="s2">"This is a qux"</span> <span class="p">},</span> <span class="s2">"difficult"</span><span class="err">:</span> <span class="s2">"to read"</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"code"</span><span class="p">:</span><span class="w"> </span><span class="mi">80</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", 80]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="s2">"bar"</span><span class="p">:</span> <span class="s2">"This is a bar."</span><span class="p">,</span><br/>  <span class="s2">"baz"</span><span class="p">:</span> <span class="p">{</span> <span class="s2">"qux"</span><span class="p">:</span> <span class="s2">"This is a qux"</span> <span class="p">},</span><br/>  <span class="s2">"easier"</span><span class="err">:</span> <span class="s2">"to read"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="tabwidth">tabWidth<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#tabwidth" aria-label="Anchor link for: tabwidth" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"tabWidth"</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", 80, 4]*/</span><br/><br/><span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"bar"</span><span class="p">:</span> <span class="s2">"This is a bar."</span><span class="p">,</span> <span class="s2">"baz"</span><span class="p">:</span> <span class="p">{</span> <span class="s2">"qux"</span><span class="p">:</span> <span class="s2">"This is a qux"</span> <span class="p">}</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"tabWidth"</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", 80, 4]*/</span><br/><br/><span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/><span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="s2">"bar"</span><span class="p">:</span> <span class="s2">"This is a bar."</span><span class="p">,</span><br/><span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="s2">"baz"</span><span class="p">:</span> <span class="p">{</span> <span class="s2">"qux"</span><span class="p">:</span> <span class="s2">"This is a qux"</span> <span class="p">}</span><br/><span class="err">\</span><span class="nx">t</span>  <span class="err">\</span><span class="nx">t</span>  <span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="comments">comments<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#comments" aria-label="Anchor link for: comments" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"comments"</span><span class="p">:</span><span class="w"> </span><span class="mi">65</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", { "comments": 65 }]*/</span><br/><br/><span class="cm">/**<br/> * This is a comment that violates the maximum line length we have specified<br/>**/</span><br/></code></pre>
+</div>
+
+<h3 id="ignorecomments">ignoreComments<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignorecomments" aria-label="Anchor link for: ignorecomments" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreComments"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", { "ignoreComments": true }]*/</span><br/><br/><span class="cm">/**<br/> * This is a really really really really really really really really really long comment<br/>**/</span><br/></code></pre>
+</div>
+
+<h3 id="ignoretrailingcomments">ignoreTrailingComments<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignoretrailingcomments" aria-label="Anchor link for: ignoretrailingcomments" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreTrailingComments"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", { "ignoreTrailingComments": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s1">'bar'</span><span class="p">;</span> <span class="c1">// This is a really really really really really really really long comment</span><br/></code></pre>
+</div>
+
+<h3 id="ignoreurls">ignoreUrls<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignoreurls" aria-label="Anchor link for: ignoreurls" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreUrls"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", { "ignoreUrls": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">url</span> <span class="o">=</span> <span class="s1">'https://www.example.com/really/really/really/really/really/really/really/long'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="ignorepattern">ignorePattern<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignorepattern" aria-label="Anchor link for: ignorepattern" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"ignorePattern"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-len: ["error", { "ignorePattern": "^\\s*var\\s.+=\\s*require\\s*\\(/" }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">dep</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'really/really/really/really/really/really/really/really/long/module'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="complexity">complexity</a></li>
+  <li><a href="max-depth">max-depth</a></li>
+  <li><a href="max-nested-callbacks">max-nested-callbacks</a></li>
+  <li><a href="max-params">max-params</a></li>
+  <li><a href="max-statements">max-statements</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/max-len.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/max-len.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/max-nested-callbacks.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-nested-callbacks.html
new file mode 100644
index 0000000..5480498
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-nested-callbacks.html
@@ -0,0 +1,66 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-a-maximum-depth-that-callbacks-can-be-nested-max-nested-callbacks">enforce a maximum depth that callbacks can be nested (max-nested-callbacks)</h1>
+
+<p>Many JavaScript libraries use the callback pattern to manage asynchronous operations. A program of any complexity will most likely need to manage several asynchronous operations at various levels of concurrency. A common pitfall that is easy to fall into is nesting callbacks, which makes code more difficult to read the deeper the callbacks are nested.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="nx">baz</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>            <span class="nx">qux</span><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/><br/>            <span class="p">});</span><br/>        <span class="p">});</span><br/>    <span class="p">});</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a maximum depth that callbacks can be nested to increase code clarity.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a number or object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"max"</code> (default <code class="highlighter-rouge">10</code>) enforces a maximum depth that callbacks can be nested</li>
+</ul>
+
+<p><strong>Deprecated:</strong> The object property <code class="highlighter-rouge">maximum</code> is deprecated; please use the object property <code class="highlighter-rouge">max</code> instead.</p>
+
+<h3 id="max">max<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#max" aria-label="Anchor link for: max" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-nested-callbacks: ["error", 3]*/</span><br/><br/><span class="nx">foo1</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">foo2</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="nx">foo3</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>            <span class="nx">foo4</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>                <span class="c1">// Do something</span><br/>            <span class="p">});</span><br/>        <span class="p">});</span><br/>    <span class="p">});</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-nested-callbacks: ["error", 3]*/</span><br/><br/><span class="nx">foo1</span><span class="p">(</span><span class="nx">handleFoo1</span><span class="p">);</span><br/><br/><span class="kd">function</span> <span class="nx">handleFoo1</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">foo2</span><span class="p">(</span><span class="nx">handleFoo2</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">handleFoo2</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">foo3</span><span class="p">(</span><span class="nx">handleFoo3</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">handleFoo3</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">foo4</span><span class="p">(</span><span class="nx">handleFoo4</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">handleFoo4</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">foo5</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://book.mixu.net/node/ch7.html">Control flow in Node.js</a></li>
+  <li><a href="http://howtonode.org/control-flow">Control Flow in Node</a></li>
+  <li><a href="http://howtonode.org/control-flow-part-ii">Control Flow in Node Part II</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="complexity">complexity</a></li>
+  <li><a href="max-depth">max-depth</a></li>
+  <li><a href="max-len">max-len</a></li>
+  <li><a href="max-params">max-params</a></li>
+  <li><a href="max-statements">max-statements</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/max-nested-callbacks.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/max-nested-callbacks.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/max-params.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-params.html
new file mode 100644
index 0000000..4fd3f64
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-params.html
@@ -0,0 +1,58 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-a-maximum-number-of-parameters-in-function-definitions-max-params">enforce a maximum number of parameters in <code class="highlighter-rouge">function</code> definitions (max-params)</h1>
+
+<p>Functions that take numerous parameters can be difficult to read and write because it requires the memorization of what each parameter is, its type, and the order they should appear in. As a result, many coders adhere to a convention that caps the number of parameters a function can take.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span> <span class="p">(</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">,</span> <span class="nx">qux</span><span class="p">,</span> <span class="nx">qxx</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// four parameters, may be too many</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a maximum number of parameters allowed in function definitions.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a number or object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"max"</code> (default <code class="highlighter-rouge">3</code>) enforces a maximum number of parameters in function definitions</li>
+</ul>
+
+<p><strong>Deprecated:</strong> The object property <code class="highlighter-rouge">maximum</code> is deprecated; please use the object property <code class="highlighter-rouge">max</code> instead.</p>
+
+<h3 id="max">max<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#max" aria-label="Anchor link for: max" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">3</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-params: ["error", 3]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span> <span class="p">(</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">,</span> <span class="nx">qux</span><span class="p">,</span> <span class="nx">qxx</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">,</span> <span class="nx">qux</span><span class="p">,</span> <span class="nx">qxx</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">4</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-params: ["error", 3]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span> <span class="p">(</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">,</span> <span class="nx">qux</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">,</span> <span class="nx">qux</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="complexity">complexity</a></li>
+  <li><a href="max-depth">max-depth</a></li>
+  <li><a href="max-len">max-len</a></li>
+  <li><a href="max-nested-callbacks">max-nested-callbacks</a></li>
+  <li><a href="max-statements">max-statements</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/max-params.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/max-params.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/max-statements-per-line.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-statements-per-line.html
new file mode 100644
index 0000000..0202b6e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-statements-per-line.html
@@ -0,0 +1,66 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-a-maximum-number-of-statements-allowed-per-line-max-statements-per-line">enforce a maximum number of statements allowed per line (max-statements-per-line)</h1>
+
+<p>A line of code containing too many statements can be difficult to read. Code is generally read from the top down, especially when scanning, so limiting the number of statements allowed on a single line can be very beneficial for readability and maintainability.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span> <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span> <span class="p">}</span> <span class="k">return</span> <span class="kc">true</span><span class="p">;</span> <span class="p">}</span> <span class="c1">// too many statements</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a maximum number of statements allowed per line.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="max">max<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#max" aria-label="Anchor link for: max" data-anchorjs-icon=""></a></h3>
+
+<p>The “max” object property is optional (default: 1).</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-statements-per-line: ["error", { "max": 1 }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">length</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">discriminant</span><span class="p">)</span> <span class="p">{</span> <span class="nl">default</span><span class="p">:</span> <span class="k">break</span><span class="p">;</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">};</span><br/><span class="p">(</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">})();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-statements-per-line: ["error", { "max": 1 }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">length</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">);</span><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">discriminant</span><span class="p">)</span> <span class="p">{</span> <span class="nl">default</span><span class="p">:</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="p">};</span><br/><span class="p">(</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="p">})();</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-statements-per-line: ["error", { "max": 2 }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">baz</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">qux</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span> <span class="k">else</span> <span class="p">{</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">length</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">discriminant</span><span class="p">)</span> <span class="p">{</span> <span class="k">case</span> <span class="s1">'test'</span><span class="p">:</span> <span class="k">break</span><span class="p">;</span> <span class="nl">default</span><span class="p">:</span> <span class="k">break</span><span class="p">;</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">};</span><br/><span class="p">(</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span> <span class="p">})();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-statements-per-line: ["error", { "max": 2 }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">length</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">discriminant</span><span class="p">)</span> <span class="p">{</span> <span class="nl">default</span><span class="p">:</span> <span class="k">break</span><span class="p">;</span> <span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">};</span><br/><span class="p">(</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">})();</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the number of statements on each line.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="max-depth">max-depth</a></li>
+  <li><a href="max-len">max-len</a></li>
+  <li><a href="max-nested-callbacks">max-nested-callbacks</a></li>
+  <li><a href="max-params">max-params</a></li>
+  <li><a href="max-statements">max-statements</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.5.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/max-statements-per-line.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/max-statements-per-line.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/max-statements.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-statements.html
new file mode 100644
index 0000000..abe97d6
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/max-statements.html
@@ -0,0 +1,71 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-a-maximum-number-of-statements-allowed-in-function-blocks-max-statements">enforce a maximum number of statements allowed in <code class="highlighter-rouge">function</code> blocks (max-statements)</h1>
+
+<p>The <code class="highlighter-rouge">max-statements</code> rule allows you to specify the maximum number of statements allowed in a function.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="c1">// one statement</span><br/>  <span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span> <span class="c1">// two statements</span><br/>  <span class="kd">var</span> <span class="nx">qux</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span> <span class="c1">// three statements</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a maximum number of statements allowed in function blocks.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a number or object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"max"</code> (default <code class="highlighter-rouge">10</code>) enforces a maximum number of statements allows in function blocks</li>
+</ul>
+
+<p><strong>Deprecated:</strong> The object property <code class="highlighter-rouge">maximum</code> is deprecated; please use the object property <code class="highlighter-rouge">max</code> instead.</p>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"ignoreTopLevelFunctions": true</code> ignores top-level functions</li>
+</ul>
+
+<h3 id="max">max<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#max" aria-label="Anchor link for: max" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-statements: ["error", 10]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo1</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo2</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo3</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo4</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo5</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo6</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo7</span> <span class="o">=</span> <span class="mi">7</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo8</span> <span class="o">=</span> <span class="mi">8</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo9</span> <span class="o">=</span> <span class="mi">9</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo10</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><br/>  <span class="kd">var</span> <span class="nx">foo11</span> <span class="o">=</span> <span class="mi">11</span><span class="p">;</span> <span class="c1">// Too many.</span><br/><span class="p">}</span><br/><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo1</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo2</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo3</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo4</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo5</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo6</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo7</span> <span class="o">=</span> <span class="mi">7</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo8</span> <span class="o">=</span> <span class="mi">8</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo9</span> <span class="o">=</span> <span class="mi">9</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo10</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><br/>  <span class="kd">var</span> <span class="nx">foo11</span> <span class="o">=</span> <span class="mi">11</span><span class="p">;</span> <span class="c1">// Too many.</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-statements: ["error", 10]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo1</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo2</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo3</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo4</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo5</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo6</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo7</span> <span class="o">=</span> <span class="mi">7</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo8</span> <span class="o">=</span> <span class="mi">8</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo9</span> <span class="o">=</span> <span class="mi">9</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo10</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/>  <span class="k">return</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/><br/>    <span class="c1">// The number of statements in the inner function does not count toward the</span><br/>    <span class="c1">// statement maximum.</span><br/><br/>    <span class="k">return</span> <span class="mi">42</span><span class="p">;</span><br/>  <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo1</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo2</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo3</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo4</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo5</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo6</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo7</span> <span class="o">=</span> <span class="mi">7</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo8</span> <span class="o">=</span> <span class="mi">8</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo9</span> <span class="o">=</span> <span class="mi">9</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo10</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/>  <span class="k">return</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/><br/>    <span class="c1">// The number of statements in the inner function does not count toward the</span><br/>    <span class="c1">// statement maximum.</span><br/><br/>    <span class="k">return</span> <span class="mi">42</span><span class="p">;</span><br/>  <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="ignoretoplevelfunctions">ignoreTopLevelFunctions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignoretoplevelfunctions" aria-label="Anchor link for: ignoretoplevelfunctions" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">10</span><span class="w"> </span><span class="p">}</span><span class="err">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreTopLevelFunctions"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint max-statements: ["error", 10, { "ignoreTopLevelFunctions": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo1</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo2</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo3</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo4</span> <span class="o">=</span> <span class="mi">4</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo5</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo6</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo7</span> <span class="o">=</span> <span class="mi">7</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo8</span> <span class="o">=</span> <span class="mi">8</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo9</span> <span class="o">=</span> <span class="mi">9</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo10</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/>  <span class="kd">var</span> <span class="nx">foo11</span> <span class="o">=</span> <span class="mi">11</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="complexity">complexity</a></li>
+  <li><a href="max-depth">max-depth</a></li>
+  <li><a href="max-len">max-len</a></li>
+  <li><a href="max-nested-callbacks">max-nested-callbacks</a></li>
+  <li><a href="max-params">max-params</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/max-statements.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/max-statements.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/new-cap.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/new-cap.html
new file mode 100644
index 0000000..9df5139
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/new-cap.html
@@ -0,0 +1,128 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-constructor-function-names-to-begin-with-a-capital-letter-new-cap">require constructor <code class="highlighter-rouge">function</code> names to begin with a capital letter (new-cap)</h1>
+
+<p>The <code class="highlighter-rouge">new</code> operator in JavaScript creates a new instance of a particular type of object. That type of object is represented by a constructor function. Since constructor functions are just regular functions, the only defining characteristic is that <code class="highlighter-rouge">new</code> is being used as part of the call. Native JavaScript functions begin with an uppercase letter to distinguish those functions that are to be used as constructors from functions that are not. Many style guides recommend following this pattern to more easily determine which functions are to be used as constructors.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">friend</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires constructor names to begin with a capital letter. Certain built-in identifiers are exempt from this rule. These identifiers are:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">Array</code></li>
+  <li><code class="highlighter-rouge">Boolean</code></li>
+  <li><code class="highlighter-rouge">Date</code></li>
+  <li><code class="highlighter-rouge">Error</code></li>
+  <li><code class="highlighter-rouge">Function</code></li>
+  <li><code class="highlighter-rouge">Number</code></li>
+  <li><code class="highlighter-rouge">Object</code></li>
+  <li><code class="highlighter-rouge">RegExp</code></li>
+  <li><code class="highlighter-rouge">String</code></li>
+  <li><code class="highlighter-rouge">Symbol</code></li>
+</ul>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">arg</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nb">Boolean</span><span class="p">(</span><span class="nx">arg</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"newIsCap": true</code> (default) requires all <code class="highlighter-rouge">new</code> operators to be called with uppercase-started functions.</li>
+  <li><code class="highlighter-rouge">"newIsCap": false</code> allows <code class="highlighter-rouge">new</code> operators to be called with lowercase-started or uppercase-started functions.</li>
+  <li><code class="highlighter-rouge">"capIsNew": true</code> (default) requires all uppercase-started functions to be called with <code class="highlighter-rouge">new</code> operators.</li>
+  <li><code class="highlighter-rouge">"capIsNew": false</code> allows uppercase-started functions to be called without <code class="highlighter-rouge">new</code> operators.</li>
+  <li><code class="highlighter-rouge">"newIsCapExceptions"</code> allows specified lowercase-started function names to be called with the <code class="highlighter-rouge">new</code> operator.</li>
+  <li><code class="highlighter-rouge">"capIsNewExceptions"</code> allows specified uppercase-started function names to be called without the <code class="highlighter-rouge">new</code> operator.</li>
+  <li><code class="highlighter-rouge">"properties": true</code> (default) enables checks on object properties</li>
+  <li><code class="highlighter-rouge">"properties": false</code> disables checks on object properties</li>
+</ul>
+
+<h3 id="newiscap">newIsCap<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#newiscap" aria-label="Anchor link for: newiscap" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"newIsCap"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "newIsCap": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">friend</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"newIsCap"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "newIsCap": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">friend</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"newIsCap"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "newIsCap": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">friend</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="capisnew">capIsNew<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#capisnew" aria-label="Anchor link for: capisnew" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"capIsNew"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "capIsNew": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">colleague</span> <span class="o">=</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"capIsNew"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "capIsNew": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">colleague</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"capIsNew"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "capIsNew": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">colleague</span> <span class="o">=</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="newiscapexceptions">newIsCapExceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#newiscapexceptions" aria-label="Anchor link for: newiscapexceptions" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"newIsCapExceptions"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"events"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "newIsCapExceptions": ["events"] }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">events</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'events'</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">emitter</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">events</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="capisnewexceptions">capIsNewExceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#capisnewexceptions" aria-label="Anchor link for: capisnewexceptions" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"capIsNewExceptions"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"Person"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "capIsNewExceptions": ["Person"] }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">arg</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">Person</span><span class="p">(</span><span class="nx">arg</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="properties">properties<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#properties" aria-label="Anchor link for: properties" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"properties"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "properties": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">friend</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">person</span><span class="p">.</span><span class="nx">acquaintance</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"properties"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "properties": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">friend</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">person</span><span class="p">.</span><span class="nx">Acquaintance</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"properties"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-cap: ["error", { "properties": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">friend</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">person</span><span class="p">.</span><span class="nx">acquaintance</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you have conventions that don’t require an uppercase letter for constructors, or don’t require capitalized functions be only used as constructors, turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.3-0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/new-cap.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/new-cap.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/new-parens.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/new-parens.html
new file mode 100644
index 0000000..4a92c9e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/new-parens.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-parentheses-when-invoking-a-constructor-with-no-arguments-new-parens">require parentheses when invoking a constructor with no arguments (new-parens)</h1>
+
+<p>JavaScript allows the omission of parentheses when invoking a function via the <code class="highlighter-rouge">new</code> keyword and the constructor has no arguments. However, some coders believe that omitting the parentheses is inconsistent with the rest of the language and thus makes code less clear.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">person</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires parentheses when invoking a constructor with no arguments using the <code class="highlighter-rouge">new</code> keyword in order to increase code clarity.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-parens: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">person</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint new-parens: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">person</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/new-parens.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/new-parens.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-after-var.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-after-var.html
new file mode 100644
index 0000000..2661931
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-after-var.html
@@ -0,0 +1,72 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-an-empty-line-after-var-declarations-newline-after-var">require or disallow an empty line after <code class="highlighter-rouge">var</code> declarations (newline-after-var)</h1>
+
+<p>As of today there is no consistency in separating variable declarations from the rest of the code. Some developers leave an empty line between var statements and the rest of the code like:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="c1">// do something with foo</span><br/></code></pre>
+</div>
+
+<p>Whereas others don’t leave any empty newlines at all.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="c1">// do something with foo</span><br/></code></pre>
+</div>
+
+<p>The problem is when these developers work together in a project. This rule enforces a coding style where empty newlines are allowed or disallowed after <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, or <code class="highlighter-rouge">const</code> statements. It helps the code to look consistent across the entire project.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a coding style where empty lines are required or disallowed after <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, or <code class="highlighter-rouge">const</code> statements to achieve a consistent coding style across the project.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li>
+    <p><code class="highlighter-rouge">"always"</code> (default) requires an empty line after <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, or <code class="highlighter-rouge">const</code></p>
+
+    <p>Comments on a line directly after var statements are treated like additional var statements.</p>
+  </li>
+  <li>
+    <p><code class="highlighter-rouge">"never"</code> disallows empty lines after <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, or <code class="highlighter-rouge">const</code></p>
+  </li>
+</ul>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-after-var: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">NAME</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">NAME</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="c1">// var name = require("world");</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-after-var: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">NAME</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">NAME</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="c1">// var name = require("world");</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-after-var: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">NAME</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">NAME</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="c1">// var name = require("world");</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-after-var: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">,</span><br/>    <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">NAME</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">NAME</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">greet</span> <span class="o">=</span> <span class="s2">"hello,"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"world"</span><span class="p">;</span><br/><span class="c1">// var name = require("world");</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">greet</span><span class="p">,</span> <span class="nx">name</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.18.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/newline-after-var.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/newline-after-var.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-before-return.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-before-return.html
new file mode 100644
index 0000000..0bf4dbd
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-before-return.html
@@ -0,0 +1,51 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-an-empty-line-before-return-statements-newline-before-return">require an empty line before <code class="highlighter-rouge">return</code> statements (newline-before-return)</h1>
+
+<p>There is no hardfast rule about whether empty lines should precede <code class="highlighter-rouge">return</code> statements in JavaScript. However, clearly delineating where a function is returning can greatly increase the readability and clarity of the code. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="s1">'baz'</span><span class="p">;</span><br/>  <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="nx">baz</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/>  <span class="p">}</span><br/>  <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Adding newlines visibly separates the return statements from the previous lines, making it clear where the function exits and what value it returns:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="s1">'baz'</span><span class="p">;</span><br/><br/>  <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="nx">baz</span><span class="p">;</span><br/><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/>  <span class="p">}</span><br/><br/>  <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires an empty line before <code class="highlighter-rouge">return</code> statements to increase code clarity, except when the <code class="highlighter-rouge">return</code> is alone inside a statement group (such as an if statement). In the latter case, the <code class="highlighter-rouge">return</code> statement does not need to be delineated by virtue of it being alone. Comments are ignored and do not count as empty lines.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-before-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/><br/>    <span class="c1">// comment</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="cm">/* multi-line<br/>    comment */</span><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-before-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can safely disable this rule if you do not have any strict conventions about whitespace before <code class="highlighter-rouge">return</code> statements.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="newline-after-var">newline-after-var</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.3.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/newline-before-return.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/newline-before-return.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-per-chained-call.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-per-chained-call.html
new file mode 100644
index 0000000..df0bf0c
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/newline-per-chained-call.html
@@ -0,0 +1,69 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-a-newline-after-each-call-in-a-method-chain-newline-per-chained-call">require a newline after each call in a method chain (newline-per-chained-call)</h1>
+
+<p>Chained method calls on a single line without line breaks are harder to read, so some developers place a newline character after each method call in the chain to make it more readable and easy to maintain.</p>
+
+<p>Let’s look at the following perfectly valid (but single line) code.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">d3</span><span class="p">.</span><span class="nx">select</span><span class="p">(</span><span class="s2">"body"</span><span class="p">).</span><span class="nx">selectAll</span><span class="p">(</span><span class="s2">"p"</span><span class="p">).</span><span class="nx">data</span><span class="p">([</span><span class="mi">4</span><span class="p">,</span> <span class="mi">8</span><span class="p">,</span> <span class="mi">15</span><span class="p">,</span> <span class="mi">16</span><span class="p">,</span> <span class="mi">23</span><span class="p">,</span> <span class="mi">42</span> <span class="p">]).</span><span class="nx">enter</span><span class="p">().</span><span class="nx">append</span><span class="p">(</span><span class="s2">"p"</span><span class="p">).</span><span class="nx">text</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">d</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="s2">"I'm number "</span> <span class="o">+</span> <span class="nx">d</span> <span class="o">+</span> <span class="s2">"!"</span><span class="p">;</span> <span class="p">});</span><br/></code></pre>
+</div>
+
+<p>However, with appropriate new lines, it becomes easy to read and understand. Look at the same code written below with line breaks after each call.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">d3</span><br/>    <span class="p">.</span><span class="nx">select</span><span class="p">(</span><span class="s2">"body"</span><span class="p">)</span><br/>    <span class="p">.</span><span class="nx">selectAll</span><span class="p">(</span><span class="s2">"p"</span><span class="p">)</span><br/>    <span class="p">.</span><span class="nx">data</span><span class="p">([</span><br/>        <span class="mi">4</span><span class="p">,</span><br/>        <span class="mi">8</span><span class="p">,</span><br/>        <span class="mi">15</span><span class="p">,</span><br/>        <span class="mi">16</span><span class="p">,</span><br/>        <span class="mi">23</span><span class="p">,</span><br/>        <span class="mi">42</span><br/>    <span class="p">])</span><br/>    <span class="p">.</span><span class="nx">enter</span><span class="p">()</span><br/>    <span class="p">.</span><span class="nx">append</span><span class="p">(</span><span class="s2">"p"</span><span class="p">)</span><br/>    <span class="p">.</span><span class="nx">text</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">d</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="s2">"I'm number "</span> <span class="o">+</span> <span class="nx">d</span> <span class="o">+</span> <span class="s2">"!"</span><span class="p">;</span><br/>    <span class="p">});</span><br/></code></pre>
+</div>
+
+<p>Another argument in favor of this style is that it improves the clarity of diffs when something in the method chain is changed:</p>
+
+<p>Less clear:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="gd">-d3.select("body").selectAll("p").style("color", "white");<br/></span><span class="gi">+d3.select("body").selectAll("p").style("color", "blue");<br/></span></code></pre>
+</div>
+
+<p>More clear:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>d3<br/>    .select("body")<br/>    .selectAll("p")<br/><span class="gd">-    .style("color", "white");<br/></span><span class="gi">+    .style("color", "blue");<br/></span></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires a newline after each call in a method chain or deep member access. Computed property accesses such as <code class="highlighter-rouge">instance[something]</code> are excluded.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"ignoreChainWithDepth"</code> (default: <code class="highlighter-rouge">2</code>) allows chains up to a specified depth.</li>
+</ul>
+
+<h3 id="ignorechainwithdepth">ignoreChainWithDepth<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignorechainwithdepth" aria-label="Anchor link for: ignorechainwithdepth" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreChainWithDepth"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-per-chained-call: ["error", { "ignoreChainWithDepth": 2 }]*/</span><br/><br/><span class="nx">_</span><span class="p">.</span><span class="nx">chain</span><span class="p">({}).</span><span class="nx">map</span><span class="p">(</span><span class="nx">foo</span><span class="p">).</span><span class="nx">filter</span><span class="p">(</span><span class="nx">bar</span><span class="p">).</span><span class="nx">value</span><span class="p">();</span><br/><br/><span class="c1">// Or</span><br/><span class="nx">_</span><span class="p">.</span><span class="nx">chain</span><span class="p">({}).</span><span class="nx">map</span><span class="p">(</span><span class="nx">foo</span><span class="p">).</span><span class="nx">filter</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="c1">// Or</span><br/><span class="nx">_</span><br/>  <span class="p">.</span><span class="nx">chain</span><span class="p">({}).</span><span class="nx">map</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>  <span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="c1">// Or</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">method</span><span class="p">().</span><span class="nx">method2</span><span class="p">().</span><span class="nx">method3</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreChainWithDepth"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint newline-per-chained-call: ["error", { "ignoreChainWithDepth": 2 }]*/</span><br/><br/><span class="nx">_</span><br/>  <span class="p">.</span><span class="nx">chain</span><span class="p">({})</span><br/>  <span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>  <span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span><br/>  <span class="p">.</span><span class="nx">value</span><span class="p">();</span><br/><br/><span class="c1">// Or</span><br/><span class="nx">_</span><br/>  <span class="p">.</span><span class="nx">chain</span><span class="p">({})</span><br/>  <span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>  <span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="c1">// Or</span><br/><span class="nx">_</span><span class="p">.</span><span class="nx">chain</span><span class="p">({})</span><br/>  <span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span><br/>  <span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="c1">// Or</span><br/><span class="nx">obj</span><br/>  <span class="p">.</span><span class="nx">prop</span><br/>  <span class="p">.</span><span class="nx">method</span><span class="p">().</span><span class="nx">prop</span><span class="p">;</span><br/><br/><span class="c1">// Or</span><br/><span class="nx">obj</span><br/>  <span class="p">.</span><span class="nx">prop</span><span class="p">.</span><span class="nx">method</span><span class="p">()</span><br/>  <span class="p">.</span><span class="nx">method2</span><span class="p">()</span><br/>  <span class="p">.</span><span class="nx">method3</span><span class="p">().</span><span class="nx">prop</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you have conflicting rules or when you are fine with chained calls on one line, you can safely turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-rc.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/newline-per-chained-call.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/newline-per-chained-call.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-alert.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-alert.html
new file mode 100644
index 0000000..9aa485b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-alert.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-alert-no-alert">Disallow Use of Alert (no-alert)</h1>
+
+<p>JavaScripts’ alert, confirm, and prompt functions are widely considered to be obtrusive as UI elements and should be replaced by a more appropriate custom UI implementation. Furthermore, alert is often used while debugging code, which should be removed before deployment to production.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">alert</span><span class="p">(</span><span class="s2">"here!"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at catching debugging code that should be removed and popup UI elements that should be replaced with less obtrusive, custom UIs. As such, it will warn when it encounters <code class="highlighter-rouge">alert</code>, <code class="highlighter-rouge">prompt</code>, and <code class="highlighter-rouge">confirm</code> function calls which are not shadowed.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-alert: "error"*/</span><br/><br/><span class="nx">alert</span><span class="p">(</span><span class="s2">"here!"</span><span class="p">);</span><br/><br/><span class="nx">confirm</span><span class="p">(</span><span class="s2">"Are you sure?"</span><span class="p">);</span><br/><br/><span class="nx">prompt</span><span class="p">(</span><span class="s2">"What's your name?"</span><span class="p">,</span> <span class="s2">"John Doe"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-alert: "error"*/</span><br/><br/><span class="nx">customAlert</span><span class="p">(</span><span class="s2">"Something happened!"</span><span class="p">);</span><br/><br/><span class="nx">customConfirm</span><span class="p">(</span><span class="s2">"Are you sure?"</span><span class="p">);</span><br/><br/><span class="nx">customPrompt</span><span class="p">(</span><span class="s2">"Who are you?"</span><span class="p">);</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">alert</span> <span class="o">=</span> <span class="nx">myCustomLib</span><span class="p">.</span><span class="nx">customAlert</span><span class="p">;</span><br/>    <span class="nx">alert</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-console">no-console</a></li>
+  <li><a href="no-debugger">no-debugger</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.5.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-alert.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-alert.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-array-constructor.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-array-constructor.html
new file mode 100644
index 0000000..9abca21
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-array-constructor.html
@@ -0,0 +1,55 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-array-constructors-no-array-constructor">disallow <code class="highlighter-rouge">Array</code> constructors (no-array-constructor)</h1>
+
+<p>Use of the <code class="highlighter-rouge">Array</code> constructor to construct a new array is generally
+discouraged in favour of array literal notation because of the single-argument
+pitfall and because the <code class="highlighter-rouge">Array</code> global may be redefined. The exception is when
+the Array constructor is used to intentionally create sparse arrays of a
+specified size by giving the constructor a single numeric argument.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows <code class="highlighter-rouge">Array</code> constructors.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-array-constructor: "error"*/</span><br/><br/><span class="nb">Array</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-array-constructor: "error"*/</span><br/><br/><span class="k">new</span> <span class="nb">Array</span><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-array-constructor: "error"*/</span><br/><br/><span class="nb">Array</span><span class="p">(</span><span class="mi">500</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-array-constructor: "error"*/</span><br/><br/><span class="k">new</span> <span class="nb">Array</span><span class="p">(</span><span class="nx">someOtherArray</span><span class="p">.</span><span class="nx">length</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a nearly universal stylistic concern. That being said, this
+rule may be disabled if the constructor style is preferred.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-new-object">no-new-object</a></li>
+  <li><a href="no-new-wrappers">no-new-wrappers</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-array-constructor.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-array-constructor.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-bitwise.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-bitwise.html
new file mode 100644
index 0000000..0b990fe
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-bitwise.html
@@ -0,0 +1,59 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-bitwise-operators-no-bitwise">disallow bitwise operators (no-bitwise)</h1>
+
+<p>The use of bitwise operators in JavaScript is very rare and often <code class="highlighter-rouge">&amp;</code> or <code class="highlighter-rouge">|</code> is simply a mistyped <code class="highlighter-rouge">&amp;&amp;</code> or <code class="highlighter-rouge">||</code>, which will lead to unexpected behavior.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">|</span> <span class="nx">z</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows bitwise operators.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-bitwise: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">|</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">&amp;</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">^</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="o">~</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">&lt;&lt;</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">&gt;&gt;</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">&gt;&gt;&gt;</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="nx">x</span> <span class="o">|=</span> <span class="nx">y</span><span class="p">;</span><br/><br/><span class="nx">x</span> <span class="o">&amp;=</span> <span class="nx">y</span><span class="p">;</span><br/><br/><span class="nx">x</span> <span class="o">^=</span> <span class="nx">y</span><span class="p">;</span><br/><br/><span class="nx">x</span> <span class="o">&lt;&lt;=</span> <span class="nx">y</span><span class="p">;</span><br/><br/><span class="nx">x</span> <span class="o">&gt;&gt;=</span> <span class="nx">y</span><span class="p">;</span><br/><br/><span class="nx">x</span> <span class="o">&gt;&gt;&gt;=</span> <span class="nx">y</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-bitwise: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">||</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">&amp;&amp;</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">&gt;</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">&lt;</span> <span class="nx">z</span><span class="p">;</span><br/><br/><span class="nx">x</span> <span class="o">+=</span> <span class="nx">y</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allow"</code>: Allows a list of bitwise operators to be used as exceptions.</li>
+  <li><code class="highlighter-rouge">"int32Hint"</code>: Allows the use of bitwise OR in <code class="highlighter-rouge">|0</code> pattern for type casting.</li>
+</ul>
+
+<h3 id="allow">allow<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow" aria-label="Anchor link for: allow" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"~"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-bitwise: ["error", { "allow": ["~"] }] */</span><br/><br/><span class="o">~</span><span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">].</span><span class="nx">indexOf</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="o">===</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="int32hint">int32Hint<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#int32hint" aria-label="Anchor link for: int32hint" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"int32Hint"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-bitwise: ["error", { "int32Hint": true }] */</span><br/><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="nx">a</span><span class="o">|</span><span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-bitwise.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-bitwise.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-caller.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-caller.html
new file mode 100644
index 0000000..7ae3988
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-caller.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-callercallee-no-caller">Disallow Use of caller/callee (no-caller)</h1>
+
+<p>The use of <code class="highlighter-rouge">arguments.caller</code> and <code class="highlighter-rouge">arguments.callee</code> make several code optimizations impossible. They have been deprecated in future versions of JavaScript and their use is forbidden in ECMAScript 5 while in strict mode.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">callee</span> <span class="o">=</span> <span class="nx">arguments</span><span class="p">.</span><span class="nx">callee</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at discouraging the use of deprecated and sub-optimal code, but disallowing the use of <code class="highlighter-rouge">arguments.caller</code> and <code class="highlighter-rouge">arguments.callee</code>. As such, it will warn when <code class="highlighter-rouge">arguments.caller</code> and <code class="highlighter-rouge">arguments.callee</code> are used.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-caller: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">n</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">n</span> <span class="o">&lt;=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">arguments</span><span class="p">.</span><span class="nx">callee</span><span class="p">(</span><span class="nx">n</span> <span class="o">-</span> <span class="mi">1</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">,</span><span class="mi">5</span><span class="p">].</span><span class="nx">map</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">n</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="o">!</span><span class="p">(</span><span class="nx">n</span> <span class="o">&gt;</span> <span class="mi">1</span><span class="p">)</span> <span class="p">?</span> <span class="mi">1</span> <span class="p">:</span> <span class="nx">arguments</span><span class="p">.</span><span class="nx">callee</span><span class="p">(</span><span class="nx">n</span> <span class="o">-</span> <span class="mi">1</span><span class="p">)</span> <span class="o">*</span> <span class="nx">n</span><span class="p">;</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-caller: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">n</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">n</span> <span class="o">&lt;=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">foo</span><span class="p">(</span><span class="nx">n</span> <span class="o">-</span> <span class="mi">1</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">,</span><span class="mi">4</span><span class="p">,</span><span class="mi">5</span><span class="p">].</span><span class="nx">map</span><span class="p">(</span><span class="kd">function</span> <span class="nx">factorial</span><span class="p">(</span><span class="nx">n</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="o">!</span><span class="p">(</span><span class="nx">n</span> <span class="o">&gt;</span> <span class="mi">1</span><span class="p">)</span> <span class="p">?</span> <span class="mi">1</span> <span class="p">:</span> <span class="nx">factorial</span><span class="p">(</span><span class="nx">n</span> <span class="o">-</span> <span class="mi">1</span><span class="p">)</span> <span class="o">*</span> <span class="nx">n</span><span class="p">;</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-caller.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-caller.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-case-declarations.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-case-declarations.html
new file mode 100644
index 0000000..b4f03fc
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-case-declarations.html
@@ -0,0 +1,49 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-lexical-declarations-in-casedefault-clauses-no-case-declarations">Disallow lexical declarations in case/default clauses (no-case-declarations)</h1>
+
+<p>This rule disallows lexical declarations (<code class="highlighter-rouge">let</code>, <code class="highlighter-rouge">const</code>, <code class="highlighter-rouge">function</code> and <code class="highlighter-rouge">class</code>)
+in <code class="highlighter-rouge">case</code>/<code class="highlighter-rouge">default</code> clauses. The reason is that the lexical declaration is visible
+in the entire switch block but it only gets initialized when it is assigned, which
+will only happen if the case where it is defined is reached.</p>
+
+<p>To ensure that the lexical declaration only applies to the current case clause
+wrap your clauses in blocks.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to prevent access to uninitialized lexical bindings as well as accessing hoisted functions across case clauses.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-case-declarations: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="kr">const</span> <span class="nx">y</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">3</span><span class="err">:</span><br/>        <span class="kd">function</span> <span class="nx">f</span><span class="p">()</span> <span class="p">{}</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="kr">class</span> <span class="nx">C</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-case-declarations: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span> <span class="p">{</span><br/>        <span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span> <span class="p">{</span><br/>        <span class="kr">const</span> <span class="nx">y</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="k">case</span> <span class="mi">3</span><span class="err">:</span> <span class="p">{</span><br/>        <span class="kd">function</span> <span class="nx">f</span><span class="p">()</span> <span class="p">{}</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="nl">default</span><span class="p">:</span> <span class="p">{</span><br/>        <span class="kr">class</span> <span class="nx">C</span> <span class="p">{}</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you depend on fall through behavior and want access to bindings introduced in the case block.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-fallthrough">no-fallthrough</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-case-declarations.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-case-declarations.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-catch-shadow.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-catch-shadow.html
new file mode 100644
index 0000000..7348346
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-catch-shadow.html
@@ -0,0 +1,40 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-shadowing-of-variables-inside-of-catch-no-catch-shadow">Disallow Shadowing of Variables Inside of catch (no-catch-shadow)</h1>
+
+<p>In IE 8 and earlier, the catch clause parameter can overwrite the value of a variable in the outer scope, if that variable has the same name as the catch clause parameter.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">err</span> <span class="o">=</span> <span class="s2">"x"</span><span class="p">;</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="s2">"problem"</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/><br/><span class="p">}</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span>    <span class="c1">// err is 'problem', not 'x'</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing unexpected behavior in your program that may arise from a bug in IE 8 and earlier, in which the catch clause parameter can leak into outer scopes. This rule will warn whenever it encounters a catch clause parameter that has the same name as a variable in an outer scope.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-catch-shadow: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">err</span> <span class="o">=</span> <span class="s2">"x"</span><span class="p">;</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="s2">"problem"</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">err</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="s2">"problem"</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-catch-shadow: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">err</span> <span class="o">=</span> <span class="s2">"x"</span><span class="p">;</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="s2">"problem"</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">err</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="s2">"problem"</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you do not need to support IE 8 and earlier, you should turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-catch-shadow.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-catch-shadow.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-class-assign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-class-assign.html
new file mode 100644
index 0000000..bc8677e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-class-assign.html
@@ -0,0 +1,57 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-modifying-variables-of-class-declarations-no-class-assign">Disallow modifying variables of class declarations (no-class-assign)</h1>
+
+<p><code class="highlighter-rouge">ClassDeclaration</code> creates a variable, and we can modify the variable.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span> <span class="p">}</span><br/><span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>But the modification is a mistake in most cases.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag modifying variables of class declarations.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-class-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span> <span class="p">}</span><br/><span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-class-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-class-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-class-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="nx">A</span> <span class="o">=</span> <span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>        <span class="c1">// `let A` is shadowed by the class name.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-class-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="nx">A</span> <span class="o">=</span> <span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span> <span class="p">}</span><br/><span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="c1">// A is a variable.</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-class-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="nx">A</span> <span class="o">=</span> <span class="kr">class</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="c1">// A is a variable.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-class-assign: 2*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">(</span><span class="nx">A</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">A</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="c1">// A is a parameter.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about modifying variables of class declarations, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-class-assign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-class-assign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-cond-assign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-cond-assign.html
new file mode 100644
index 0000000..60e1e91
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-cond-assign.html
@@ -0,0 +1,73 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-assignment-operators-in-conditional-statements-no-cond-assign">disallow assignment operators in conditional statements (no-cond-assign)</h1>
+
+<p>In conditional statements, it is very easy to mistype a comparison operator (such as <code class="highlighter-rouge">==</code>) as an assignment operator (such as <code class="highlighter-rouge">=</code>). For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// Check the user's job title</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">user</span><span class="p">.</span><span class="nx">jobTitle</span> <span class="o">=</span> <span class="s2">"manager"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// user.jobTitle is now incorrect</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>There are valid reasons to use assignment operators in conditional statements. However, it can be difficult to tell whether a specific assignment was intentional.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows ambiguous assignment operators in test conditions of <code class="highlighter-rouge">if</code>, <code class="highlighter-rouge">for</code>, <code class="highlighter-rouge">while</code>, and <code class="highlighter-rouge">do...while</code> statements.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"except-parens"</code> (default) allows assignments in test conditions <em>only if</em> they are enclosed in parentheses (for example, to allow reassigning a variable in the test of a <code class="highlighter-rouge">while</code> or <code class="highlighter-rouge">do...while</code> loop)</li>
+  <li><code class="highlighter-rouge">"always"</code> disallows all assignments in test conditions</li>
+</ul>
+
+<h3 id="except-parens">except-parens<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#except-parens" aria-label="Anchor link for: except parens" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"except-parens"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-cond-assign: "error"*/</span><br/><br/><span class="c1">// Unintentional assignment</span><br/><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// Practical example that is similar to an error</span><br/><span class="kd">function</span> <span class="nx">setHeight</span><span class="p">(</span><span class="nx">someNode</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">do</span> <span class="p">{</span><br/>        <span class="nx">someNode</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="s2">"100px"</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="nx">someNode</span> <span class="o">=</span> <span class="nx">someNode</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"except-parens"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-cond-assign: "error"*/</span><br/><br/><span class="c1">// Assignment replaced by comparison</span><br/><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// Practical example that wraps the assignment in parentheses</span><br/><span class="kd">function</span> <span class="nx">setHeight</span><span class="p">(</span><span class="nx">someNode</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">do</span> <span class="p">{</span><br/>        <span class="nx">someNode</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="s2">"100px"</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">while</span> <span class="p">((</span><span class="nx">someNode</span> <span class="o">=</span> <span class="nx">someNode</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">));</span><br/><span class="p">}</span><br/><br/><span class="c1">// Practical example that wraps the assignment and tests for 'null'</span><br/><span class="kd">function</span> <span class="nx">setHeight</span><span class="p">(</span><span class="nx">someNode</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">do</span> <span class="p">{</span><br/>        <span class="nx">someNode</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="s2">"100px"</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">while</span> <span class="p">((</span><span class="nx">someNode</span> <span class="o">=</span> <span class="nx">someNode</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">)</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-cond-assign: ["error", "always"]*/</span><br/><br/><span class="c1">// Unintentional assignment</span><br/><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// Practical example that is similar to an error</span><br/><span class="kd">function</span> <span class="nx">setHeight</span><span class="p">(</span><span class="nx">someNode</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">do</span> <span class="p">{</span><br/>        <span class="nx">someNode</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="s2">"100px"</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="nx">someNode</span> <span class="o">=</span> <span class="nx">someNode</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="c1">// Practical example that wraps the assignment in parentheses</span><br/><span class="kd">function</span> <span class="nx">setHeight</span><span class="p">(</span><span class="nx">someNode</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">do</span> <span class="p">{</span><br/>        <span class="nx">someNode</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="s2">"100px"</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">while</span> <span class="p">((</span><span class="nx">someNode</span> <span class="o">=</span> <span class="nx">someNode</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">));</span><br/><span class="p">}</span><br/><br/><span class="c1">// Practical example that wraps the assignment and tests for 'null'</span><br/><span class="kd">function</span> <span class="nx">setHeight</span><span class="p">(</span><span class="nx">someNode</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">do</span> <span class="p">{</span><br/>        <span class="nx">someNode</span><span class="p">.</span><span class="nx">height</span> <span class="o">=</span> <span class="s2">"100px"</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">while</span> <span class="p">((</span><span class="nx">someNode</span> <span class="o">=</span> <span class="nx">someNode</span><span class="p">.</span><span class="nx">parentNode</span><span class="p">)</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-cond-assign: ["error", "always"]*/</span><br/><br/><span class="c1">// Assignment replaced by comparison</span><br/><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/unexpected-assignment-expression/">JSLint – Unexpected assignment expression</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-extra-parens">no-extra-parens</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-cond-assign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-cond-assign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-confusing-arrow.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-confusing-arrow.html
new file mode 100644
index 0000000..9c40cce
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-confusing-arrow.html
@@ -0,0 +1,62 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-arrow-functions-where-they-could-be-confused-with-comparisons-no-confusing-arrow">Disallow arrow functions where they could be confused with comparisons (no-confusing-arrow)</h1>
+
+<p>Arrow functions (<code class="highlighter-rouge">=&gt;</code>) are similar in syntax to some comparison operators (<code class="highlighter-rouge">&gt;</code>, <code class="highlighter-rouge">&lt;</code>, <code class="highlighter-rouge">&lt;=</code>, and <code class="highlighter-rouge">&gt;=</code>). This rule warns against using the arrow function syntax in places where it could be confused with a comparison operator. Even if the arguments of the arrow function are wrapped with parens, this rule still warns about it unless <code class="highlighter-rouge">allowParens</code> is set to <code class="highlighter-rouge">true</code>.</p>
+
+<p>Here’s an example where the usage of <code class="highlighter-rouge">=&gt;</code> could be confusing:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// The intent is not clear</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">=&gt;</span> <span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">;</span><br/><span class="c1">// Did the author mean this</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span> <span class="p">};</span><br/><span class="c1">// Or this</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">&lt;=</span> <span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The following patterns are considered warnings:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-confusing-arrow: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">=&gt;</span> <span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">(</span><span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered warnings:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-confusing-arrow: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">;</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">{</span> <span class="k">return</span> <span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">;</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts a single options argument with the following defaults:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"rules"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"no-confusing-arrow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"allowParens"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}]</span><span class="w"><br/>    </span><span class="p">}</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p><code class="highlighter-rouge">allowParens</code> is a boolean setting that can be <code class="highlighter-rouge">true</code> or <code class="highlighter-rouge">false</code>:</p>
+
+<ol>
+  <li><code class="highlighter-rouge">true</code> relaxes the rule and accepts parenthesis as a valid “confusion-preventing” syntax.</li>
+  <li><code class="highlighter-rouge">false</code> warns even if the expression is wrapped in parenthesis</li>
+</ol>
+
+<p>When <code class="highlighter-rouge">allowParens</code> is set to <code class="highlighter-rouge">true</code> following patterns are no longer considered as warnings:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-confusing-arrow: ["error", {allowParens: true}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">=&gt;</span> <span class="p">(</span><span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="p">(</span><span class="mi">1</span> <span class="p">?</span> <span class="mi">2</span> <span class="p">:</span> <span class="mi">3</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-constant-condition">no-constant-condition</a></li>
+  <li><a href="arrow-parens">arrow-parens</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-alpha-2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-confusing-arrow.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-confusing-arrow.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-console.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-console.html
new file mode 100644
index 0000000..b7b5589
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-console.html
@@ -0,0 +1,60 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-the-use-of-console-no-console">disallow the use of <code class="highlighter-rouge">console</code> (no-console)</h1>
+
+<p>In JavaScript that is designed to be executed in the browser, it’s considered a best practice to avoid using methods on <code class="highlighter-rouge">console</code>. Such messages are considered to be for debugging purposes and therefore not suitable to ship to the client. In general, calls using <code class="highlighter-rouge">console</code> should be stripped before being pushed to production.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"Made it here."</span><span class="p">);</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s2">"That shouldn't have happened."</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows calls to methods of the <code class="highlighter-rouge">console</code> object.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-console: "error"*/</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"Log a debug level message."</span><span class="p">);</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">warn</span><span class="p">(</span><span class="s2">"Log a warn level message."</span><span class="p">);</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s2">"Log an error level message."</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-console: "error"*/</span><br/><br/><span class="c1">// custom console</span><br/><span class="nx">Console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"Hello world!"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option for exceptions:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allow"</code> has an array of strings which are allowed methods of the <code class="highlighter-rouge">console</code> object</li>
+</ul>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with a sample <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"warn"</span><span class="p">,</span><span class="w"> </span><span class="s2">"error"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-console: ["error", { allow: ["warn", "error"] }] */</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">warn</span><span class="p">(</span><span class="s2">"Log a warn level message."</span><span class="p">);</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s2">"Log an error level message."</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you’re using Node.js, however, <code class="highlighter-rouge">console</code> is used to output information to the user and so is not strictly used for debugging purposes. If you are developing for Node.js then you most likely do not want this rule enabled.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-alert">no-alert</a></li>
+  <li><a href="no-debugger">no-debugger</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-console.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-console.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-const-assign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-const-assign.html
new file mode 100644
index 0000000..9b71263
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-const-assign.html
@@ -0,0 +1,52 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-modifying-variables-that-are-declared-using-const-no-const-assign">Disallow modifying variables that are declared using <code class="highlighter-rouge">const</code> (no-const-assign)</h1>
+
+<p>We cannot modify variables that are declared using <code class="highlighter-rouge">const</code> keyword.
+It will raise a runtime error.</p>
+
+<p>Under non ES2015 environment, it might be ignored merely.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag modifying variables that are declared using <code class="highlighter-rouge">const</code> keyword.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-const-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-const-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-const-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="o">++</span><span class="nx">a</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-const-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-const-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kr">const</span> <span class="nx">a</span> <span class="k">in</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">])</span> <span class="p">{</span> <span class="c1">// `a` is re-defined (not modified) on each loop step.</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-const-assign: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kr">const</span> <span class="nx">a</span> <span class="nx">of</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">])</span> <span class="p">{</span> <span class="c1">// `a` is re-defined (not modified) on each loop step.</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about modifying variables that are declared using <code class="highlighter-rouge">const</code> keyword, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-const-assign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-const-assign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-constant-condition.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-constant-condition.html
new file mode 100644
index 0000000..3500c38
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-constant-condition.html
@@ -0,0 +1,41 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-constant-expressions-in-conditions-no-constant-condition">disallow constant expressions in conditions (no-constant-condition)</h1>
+
+<p>A constant expression (for example, a literal) as a test condition might be a typo or development trigger for a specific behavior. For example, the following code looks as if it is not ready for production.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="kc">false</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomethingUnfinished</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows constant expressions in the test condition of:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">if</code>, <code class="highlighter-rouge">for</code>, <code class="highlighter-rouge">while</code>, or <code class="highlighter-rouge">do...while</code> statement</li>
+  <li><code class="highlighter-rouge">?:</code> ternary expression</li>
+</ul>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-constant-condition: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">false</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomethingUnfinished</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(;</span><span class="o">-</span><span class="mi">2</span><span class="p">;)</span> <span class="p">{</span><br/>    <span class="nx">doSomethingForever</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomethingForever</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">do</span><span class="p">{</span><br/>    <span class="nx">doSomethingForever</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="nx">x</span> <span class="o">=</span> <span class="o">-</span><span class="mi">1</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">result</span> <span class="o">=</span> <span class="mi">0</span> <span class="p">?</span> <span class="nx">a</span> <span class="p">:</span> <span class="nx">b</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-constant-condition: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">===</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(;;)</span> <span class="p">{</span><br/>    <span class="nx">doSomethingForever</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">x</span> <span class="o">===</span> <span class="s2">"undefined"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">do</span><span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">result</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">!==</span> <span class="mi">0</span> <span class="p">?</span> <span class="nx">a</span> <span class="p">:</span> <span class="nx">b</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-constant-condition.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-constant-condition.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-continue.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-continue.html
new file mode 100644
index 0000000..eae6cdf
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-continue.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-continue-statements-no-continue">disallow <code class="highlighter-rouge">continue</code> statements (no-continue)</h1>
+
+<p>The <code class="highlighter-rouge">continue</code> statement terminates execution of the statements in the current iteration of the current or labeled loop, and continues execution of the loop with the next iteration. When used incorrectly it makes code less testable, less readable and less maintainable. Structured control flow statements such as <code class="highlighter-rouge">if</code> should be used instead.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">sum</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="nx">i</span><span class="p">;</span><br/><br/><span class="k">for</span><span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span><span class="p">(</span><span class="nx">i</span> <span class="o">&gt;=</span> <span class="mi">5</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">continue</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">a</span> <span class="o">+=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows <code class="highlighter-rouge">continue</code> statements.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-continue: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">sum</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="nx">i</span><span class="p">;</span><br/><br/><span class="k">for</span><span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span><span class="p">(</span><span class="nx">i</span> <span class="o">&gt;=</span> <span class="mi">5</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">continue</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">a</span> <span class="o">+=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-continue: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">sum</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="nx">i</span><span class="p">;</span><br/><br/><span class="nl">labeledLoop</span><span class="p">:</span> <span class="k">for</span><span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span><span class="p">(</span><span class="nx">i</span> <span class="o">&gt;=</span> <span class="mi">5</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">continue</span> <span class="nx">labeledLoop</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">a</span> <span class="o">+=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-continue: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">sum</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="nx">i</span><span class="p">;</span><br/><br/><span class="k">for</span><span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span><span class="p">(</span><span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">5</span><span class="p">)</span> <span class="p">{</span><br/>       <span class="nx">a</span> <span class="o">+=</span> <span class="nx">i</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSLint</strong>: <code class="highlighter-rouge">continue</code></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.19.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-continue.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-continue.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-control-regex.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-control-regex.html
new file mode 100644
index 0000000..ca31b4e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-control-regex.html
@@ -0,0 +1,44 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-control-characters-in-regular-expressions-no-control-regex">disallow control characters in regular expressions (no-control-regex)</h1>
+
+<p>Control characters are special, invisible characters in the ASCII range 0-31. These characters are rarely used in JavaScript strings so a regular expression containing these characters is most likely a mistake.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows control characters in regular expressions.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-control-regex: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">pattern1</span> <span class="o">=</span> <span class="sr">/</span><span class="se">\x</span><span class="sr">1f/</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">pattern2</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="s2">"\x1f"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-control-regex: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">pattern1</span> <span class="o">=</span> <span class="sr">/</span><span class="se">\x</span><span class="sr">20/</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">pattern2</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="s2">"\x20"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you need to use control character pattern matching, then you should turn this rule off.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-div-regex">no-div-regex</a></li>
+  <li><a href="no-regex-spaces">no-regex-spaces</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-control-regex.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-control-regex.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-debugger.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-debugger.html
new file mode 100644
index 0000000..f81a987
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-debugger.html
@@ -0,0 +1,50 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-the-use-of-debugger-no-debugger">disallow the use of <code class="highlighter-rouge">debugger</code> (no-debugger)</h1>
+
+<p>The <code class="highlighter-rouge">debugger</code> statement is used to tell the executing JavaScript environment to stop execution and start up a debugger at the current point in the code. This has fallen out of favor as a good practice with the advent of modern debugging and development tools. Production code should definitely not contain <code class="highlighter-rouge">debugger</code>, as it will cause the browser to stop executing code and open an appropriate debugger.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows <code class="highlighter-rouge">debugger</code> statements.</p>
+
+<p class="incorrect icon">Example of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-debugger: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">isTruthy</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kr">debugger</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="nb">Boolean</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Example of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-debugger: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">isTruthy</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nb">Boolean</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span> <span class="c1">// set a breakpoint at this line</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If your code is still very much in development and don’t want to worry about stripping about <code class="highlighter-rouge">debugger</code> statements, then turn this rule off. You’ll generally want to turn it back on when testing code prior to deployment.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/debugger">Debugger</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-alert">no-alert</a></li>
+  <li><a href="no-console">no-console</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-debugger.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-debugger.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-delete-var.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-delete-var.html
new file mode 100644
index 0000000..e9ba79a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-delete-var.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-deleting-variables-no-delete-var">disallow deleting variables (no-delete-var)</h1>
+
+<p>The purpose of the <code class="highlighter-rouge">delete</code> operator is to remove a property from an object. Using the <code class="highlighter-rouge">delete</code> operator on a variable might lead to unexpected behavior.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows the use of the <code class="highlighter-rouge">delete</code> operator on variables.</p>
+
+<p>If ESLint parses code in strict mode, the parser (instead of this rule) reports the error.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-delete-var: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><span class="k">delete</span> <span class="nx">x</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/only-properties-should-be-deleted/">Only properties should be deleted</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-delete-var.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-delete-var.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-div-regex.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-div-regex.html
new file mode 100644
index 0000000..52a63c6
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-div-regex.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-regexs-that-look-like-division-no-div-regex">Disallow Regexs That Look Like Division (no-div-regex)</h1>
+
+<p>Require regex literals to escape division operators.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="sr">/=foo/</span><span class="p">;</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This is used to disambiguate the division operator to not confuse users.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-div-regex: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="sr">/=foo/</span><span class="p">;</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-div-regex: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="sr">/</span><span class="se">\=</span><span class="sr">foo/</span><span class="p">;</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-control-regex">no-control-regex</a></li>
+  <li><a href="no-regex-spaces">no-regex-spaces</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-div-regex.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-div-regex.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-args.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-args.html
new file mode 100644
index 0000000..8689cb8
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-args.html
@@ -0,0 +1,35 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-duplicate-arguments-in-function-definitions-no-dupe-args">disallow duplicate arguments in <code class="highlighter-rouge">function</code> definitions (no-dupe-args)</h1>
+
+<p>If more than one parameter has the same name in a function definition, the last occurrence “shadows” the preceding occurrences. A duplicated name might be a typing error.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows duplicate parameter names in function declarations or expressions. It does not apply to arrow functions or class methods, because the parser reports the error.</p>
+
+<p>If ESLint parses code in strict mode, the parser (instead of this rule) reports the error.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-dupe-args: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"value of the second a:"</span><span class="p">,</span> <span class="nx">a</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"value of the second a:"</span><span class="p">,</span> <span class="nx">a</span><span class="p">);</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-dupe-args: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">);</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.16.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-dupe-args.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-dupe-args.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-class-members.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-class-members.html
new file mode 100644
index 0000000..b210ebe
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-class-members.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-duplicate-name-in-class-members-no-dupe-class-members">Disallow duplicate name in class members (no-dupe-class-members)</h1>
+
+<p>If there are declarations of the same name in class members, the last declaration overwrites other declarations silently.
+It can cause unexpected behaviors.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"hello"</span><span class="p">);</span> <span class="p">}</span><br/>  <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"goodbye"</span><span class="p">);</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Foo</span><span class="p">();</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><span class="p">();</span> <span class="c1">// goodbye</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag the use of duplicate names in class members.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-dupe-class-members: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>  <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>  <span class="nx">get</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="kr">static</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>  <span class="kr">static</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-dupe-class-members: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>  <span class="nx">qux</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">get</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>  <span class="nx">set</span> <span class="nx">bar</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="kr">static</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>  <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule should not be used in ES3/5 environments.</p>
+
+<p>In ES2015 (ES6) or later, if you don’t want to be notified about duplicate names in class members, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-dupe-class-members.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-dupe-class-members.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-keys.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-keys.html
new file mode 100644
index 0000000..20fd73b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-dupe-keys.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-duplicate-keys-in-object-literals-no-dupe-keys">disallow duplicate keys in object literals (no-dupe-keys)</h1>
+
+<p>Multiple properties with the same key in object literals can cause unexpected behavior in your application.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"qux"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows duplicate keys in object literals.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-dupe-keys: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"qux"</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"bar"</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"qux"</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="mh">0x1</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="mi">1</span><span class="p">:</span> <span class="s2">"qux"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-dupe-keys: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"baz"</span><span class="p">,</span><br/>    <span class="na">quxx</span><span class="p">:</span> <span class="s2">"qux"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-dupe-keys.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-dupe-keys.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-duplicate-case.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-duplicate-case.html
new file mode 100644
index 0000000..09b08d8
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-duplicate-case.html
@@ -0,0 +1,33 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="rule-to-disallow-a-duplicate-case-label-no-duplicate-case">Rule to disallow a duplicate case label (no-duplicate-case)</h1>
+
+<p>If a <code class="highlighter-rouge">switch</code> statement has duplicate test expressions in <code class="highlighter-rouge">case</code> clauses, it is likely that a programmer copied a <code class="highlighter-rouge">case</code> clause but forgot to change the test expression.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows duplicate test expressions in <code class="highlighter-rouge">case</code> clauses of <code class="highlighter-rouge">switch</code> statements.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-duplicate-case: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="nx">one</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span>         <span class="c1">// duplicate test expression</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="nx">one</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="nx">one</span><span class="err">:</span>         <span class="c1">// duplicate test expression</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="s2">"1"</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="s2">"2"</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="s2">"1"</span><span class="err">:</span>         <span class="c1">// duplicate test expression</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-duplicate-case: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="nx">one</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">3</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="nx">one</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="mi">3</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="s2">"1"</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="s2">"2"</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="k">case</span> <span class="s2">"3"</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.17.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-duplicate-case.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-duplicate-case.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-duplicate-imports.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-duplicate-imports.html
new file mode 100644
index 0000000..2b62d66
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-duplicate-imports.html
@@ -0,0 +1,52 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-duplicate-imports-no-duplicate-imports">Disallow duplicate imports (no-duplicate-imports)</h1>
+
+<p>An ES6/ES2015 import can be spread over multiple lines, but this takes up unneeded whitespace. This rules validates that all imports from a single module exists in a single import statement.</p>
+
+<p>In the following example the <code class="highlighter-rouge">module</code> import on line 1 is repeated on line 3. These can be combined to make the list of imports more succinct.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kr">import</span> <span class="p">{</span> <span class="nx">merge</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">path</span> <span class="nx">from</span> <span class="s1">'another-module'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">find</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This inspection reports any duplicated module in an import statement.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-duplicate-imports: "error"*/</span><br/><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">merge</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">path</span> <span class="nx">from</span> <span class="s1">'another-module'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">find</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><br/><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">merge</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">_</span><span class="p">,</span> <span class="p">{</span> <span class="nx">find</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-duplicate-imports: "error"*/</span><br/><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">merge</span><span class="p">,</span> <span class="nx">find</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">path</span> <span class="nx">from</span> <span class="s1">'another-module'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one optional argument, an object with a single key, <code class="highlighter-rouge">includeExports</code> which is a <code class="highlighter-rouge">boolean</code>. It defaults to <code class="highlighter-rouge">false</code>.</p>
+
+<p>With this option set to <code class="highlighter-rouge">true</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-duplicate-imports: ["error", { includeExports: true }]*/</span><br/><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">merge</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">path</span> <span class="nx">from</span> <span class="s1">'another-module'</span><span class="p">;</span><br/><br/><span class="kr">export</span> <span class="p">{</span> <span class="nx">find</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><br/><br/><span class="kr">import</span> <span class="nx">_</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">find</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">find</span><span class="p">;</span><br/><br/><span class="kr">export</span> <span class="p">{</span> <span class="nx">find</span> <span class="nx">as</span> <span class="nx">lodashFind</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-duplicate-imports: ["error", { includeExports: true }]*/</span><br/><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">merge</span><span class="p">,</span> <span class="nx">find</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'module'</span><span class="p">;</span><br/><br/><span class="kr">export</span> <span class="p">{</span> <span class="nx">merge</span> <span class="p">};</span><br/><span class="kr">export</span> <span class="p">{</span> <span class="nx">find</span> <span class="nx">as</span> <span class="nx">lodashFind</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.5.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-duplicate-imports.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-duplicate-imports.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-else-return.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-else-return.html
new file mode 100644
index 0000000..706745f
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-else-return.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-return-before-else-no-else-return">Disallow return before else (no-else-return)</h1>
+
+<p>If an <code class="highlighter-rouge">if</code> block contains a <code class="highlighter-rouge">return</code> statement, the <code class="highlighter-rouge">else</code> block becomes unnecessary. Its contents can be placed outside of the block.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">z</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at highlighting an unnecessary block of code following an <code class="highlighter-rouge">if</code> containing a return statement. As such, it will warn when it encounters an <code class="highlighter-rouge">else</code> following a chain of <code class="highlighter-rouge">if</code>s, all of them containing a <code class="highlighter-rouge">return</code> statement.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-else-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">z</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">z</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">w</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">t</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="s2">"foo"</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="k">return</span> <span class="nx">t</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// Two warnings for nested occurrences</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">if</span> <span class="p">(</span><span class="nx">y</span><span class="p">)</span> <span class="p">{</span><br/>            <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>        <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>            <span class="k">return</span> <span class="nx">x</span><span class="p">;</span><br/>        <span class="p">}</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">z</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-else-return: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/>    <span class="k">return</span> <span class="nx">z</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">z</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">t</span> <span class="o">=</span> <span class="s2">"foo"</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">w</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">if</span> <span class="p">(</span><span class="nx">z</span><span class="p">)</span> <span class="p">{</span><br/>            <span class="k">return</span> <span class="nx">y</span><span class="p">;</span><br/>        <span class="p">}</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">z</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-else-return.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-else-return.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-character-class.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-character-class.html
new file mode 100644
index 0000000..8bcbef4
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-character-class.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-empty-character-classes-in-regular-expressions-no-empty-character-class">disallow empty character classes in regular expressions (no-empty-character-class)</h1>
+
+<p>Because empty character classes in regular expressions do not match anything, they might be typing mistakes.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="sr">/^abc</span><span class="se">[]</span><span class="sr">/</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows empty character classes in regular expressions.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-character-class: "error"*/</span><br/><br/><span class="sr">/^abc</span><span class="se">[]</span><span class="sr">/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="s2">"abcdefg"</span><span class="p">);</span> <span class="c1">// false</span><br/><span class="s2">"abcdefg"</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/^abc</span><span class="se">[]</span><span class="sr">/</span><span class="p">);</span> <span class="c1">// null</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-character-class: "error"*/</span><br/><br/><span class="sr">/^abc/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="s2">"abcdefg"</span><span class="p">);</span> <span class="c1">// true</span><br/><span class="s2">"abcdefg"</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/^abc/</span><span class="p">);</span> <span class="c1">// ["abc"]</span><br/><br/><span class="sr">/^abc</span><span class="se">[</span><span class="sr">a-z</span><span class="se">]</span><span class="sr">/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="s2">"abcdefg"</span><span class="p">);</span> <span class="c1">// true</span><br/><span class="s2">"abcdefg"</span><span class="p">.</span><span class="nx">match</span><span class="p">(</span><span class="sr">/^abc</span><span class="se">[</span><span class="sr">a-z</span><span class="se">]</span><span class="sr">/</span><span class="p">);</span> <span class="c1">// ["abcd"]</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<p>This rule does not report empty character classes in the string argument of calls to the <code class="highlighter-rouge">RegExp</code> constructor.</p>
+
+<p>Example of a <em>false negative</em> when this rule reports correct code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-character-class: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">abcNeverMatches</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="s2">"^abc[]"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.22.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-empty-character-class.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-empty-character-class.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-function.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-function.html
new file mode 100644
index 0000000..2deef18
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-function.html
@@ -0,0 +1,129 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-empty-functions-no-empty-function">Disallow empty functions (no-empty-function)</h1>
+
+<p>Empty functions can reduce readability because readers need to guess whether it’s intentional or not.
+So writing a clear comment for empty functions is a good practice.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// do nothing.</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Especially, the empty block of arrow functions might be confusing developers.
+It’s very similar to an empty object literal.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">list</span><span class="p">.</span><span class="nx">map</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">{});</span>   <span class="c1">// This is a block, would return undefined.</span><br/><span class="nx">list</span><span class="p">.</span><span class="nx">map</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">({}));</span> <span class="c1">// This is an empty object.</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating empty functions.
+A function will not be considered a problem if it contains a comment.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{},</span><br/><br/>    <span class="na">foo</span><span class="p">:</span> <span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{},</span><br/><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{},</span><br/><br/>    <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{},</span><br/><br/>    <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{},</span><br/><br/>    <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{}</span><br/><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/>    <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/>    <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/>    <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{}</span><br/><br/>    <span class="kr">static</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/>    <span class="kr">static</span> <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/>    <span class="kr">static</span> <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/>    <span class="kr">static</span> <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// do nothing.</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// any clear comments.</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/><span class="p">};</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// do nothing.</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// do nothing.</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">},</span><br/><br/>    <span class="na">foo</span><span class="p">:</span> <span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">},</span><br/><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">},</span><br/><br/>    <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">},</span><br/><br/>    <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">},</span><br/><br/>    <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="kr">static</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="kr">static</span> <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="kr">static</span> <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><br/>    <span class="kr">static</span> <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// do nothing.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an option to allow specific kinds of functions to be empty.</p>
+
+<ul>
+  <li><code class="highlighter-rouge">allow</code> (<code class="highlighter-rouge">string[]</code>) - A list of kind to allow empty functions. List items are some of the following strings. An empty array (<code class="highlighter-rouge">[]</code>) by default.
+    <ul>
+      <li><code class="highlighter-rouge">"functions"</code> - Normal functions.</li>
+      <li><code class="highlighter-rouge">"arrowFunctions"</code> - Arrow functions.</li>
+      <li><code class="highlighter-rouge">"generatorFunctions"</code> - Generator functions.</li>
+      <li><code class="highlighter-rouge">"methods"</code> - Class methods and method shorthands of object literals.</li>
+      <li><code class="highlighter-rouge">"generatorMethods"</code> - Class methods and method shorthands of object literals with generator.</li>
+      <li><code class="highlighter-rouge">"getters"</code> - Getters.</li>
+      <li><code class="highlighter-rouge">"setters"</code> - Setters.</li>
+      <li><code class="highlighter-rouge">"constructors"</code> - Class constructors.</li>
+    </ul>
+  </li>
+</ul>
+
+<h4 id="allow-functions">allow: functions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-functions" aria-label="Anchor link for: allow functions" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"functions"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["functions"] }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h4 id="allow-arrowfunctions">allow: arrowFunctions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-arrowfunctions" aria-label="Anchor link for: allow arrowfunctions" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"arrowFunctions"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["arrowFunctions"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<h4 id="allow-generatorfunctions">allow: generatorFunctions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-generatorfunctions" aria-label="Anchor link for: allow generatorfunctions" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"generatorFunctions"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["generatorFunctions"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h4 id="allow-methods">allow: methods<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-methods" aria-label="Anchor link for: allow methods" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"methods"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["methods"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/>    <span class="kr">static</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h4 id="allow-generatormethods">allow: generatorMethods<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-generatormethods" aria-label="Anchor link for: allow generatormethods" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"generatorMethods"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["generatorMethods"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/>    <span class="kr">static</span> <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h4 id="allow-getters">allow: getters<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-getters" aria-label="Anchor link for: allow getters" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"getters"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["getters"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/>    <span class="kr">static</span> <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h4 id="allow-setters">allow: setters<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-setters" aria-label="Anchor link for: allow setters" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"setters"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["setters"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{}</span><br/>    <span class="kr">static</span> <span class="nx">set</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h4 id="allow-constructors">allow: constructors<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow-constructors" aria-label="Anchor link for: allow constructors" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"constructors"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-function: ["error", { "allow": ["constructors"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about empty functions, then it’s safe to disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="./no-empty">no-empty</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-empty-function.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-empty-function.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-pattern.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-pattern.html
new file mode 100644
index 0000000..5f5cdf4
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty-pattern.html
@@ -0,0 +1,48 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-empty-destructuring-patterns-no-empty-pattern">Disallow empty destructuring patterns (no-empty-pattern)</h1>
+
+<p>When using destructuring, it’s possible to create a pattern that has no effect. This happens when empty curly braces are used to the right of an embedded object destructuring pattern, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// doesn't create any variables</span><br/><span class="kd">var</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="p">{}}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>In this code, no new variables are created because <code class="highlighter-rouge">a</code> is just a location helper while the <code class="highlighter-rouge"><span class="p">{}</span></code> is expected to contain the variables to create, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// creates variable b</span><br/><span class="kd">var</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="p">{</span> <span class="nx">b</span> <span class="p">}}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>In many cases, the empty object pattern is a mistake where the author intended to use a default value instead, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// creates variable a</span><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">a</span> <span class="o">=</span> <span class="p">{}}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The difference between these two patterns is subtle, especially because the problematic empty pattern looks just like an object literal.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to flag any empty patterns in destructured objects and arrays, and as such, will report a problem whenever one is encountered.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-pattern: "error"*/</span><br/><br/><span class="kd">var</span> <span class="p">{}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">[]</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="p">{}}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="p">[]}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">({})</span> <span class="p">{}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">([])</span> <span class="p">{}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">({</span><span class="na">a</span><span class="p">:</span> <span class="p">{}})</span> <span class="p">{}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">({</span><span class="na">a</span><span class="p">:</span> <span class="p">[]})</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty-pattern: "error"*/</span><br/><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">a</span> <span class="o">=</span> <span class="p">{}}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">a</span> <span class="o">=</span> <span class="p">[]}</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">({</span><span class="nx">a</span> <span class="o">=</span> <span class="p">{}})</span> <span class="p">{}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">({</span><span class="nx">a</span> <span class="o">=</span> <span class="p">[]})</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.7.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-empty-pattern.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-empty-pattern.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty.html
new file mode 100644
index 0000000..b43d976
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-empty.html
@@ -0,0 +1,58 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-empty-block-statements-no-empty">disallow empty block statements (no-empty)</h1>
+
+<p>Empty block statements, while not technically errors, usually occur due to refactoring that wasn’t completed. They can cause confusion when reading code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows empty block statements. This rule ignores block statements which contain a comment (for example, in an empty <code class="highlighter-rouge">catch</code> or <code class="highlighter-rouge">finally</code> block of a <code class="highlighter-rouge">try</code> statement to indicate that execution should continue regardless of errors).</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">ex</span><span class="p">)</span> <span class="p">{</span><br/><br/><span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-empty: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// empty</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="cm">/* empty */</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">ex</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// continue regardless of error</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>    <span class="cm">/* continue regardless of error */</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option for exceptions:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allowEmptyCatch": true</code> allows empty <code class="highlighter-rouge">catch</code> clauses (that is, which do not contain a comment)</li>
+</ul>
+
+<h3 id="allowemptycatch">allowEmptyCatch<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowemptycatch" aria-label="Anchor link for: allowemptycatch" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowEmptyCatch"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-empty: ["error", { "allowEmptyCatch": true }] */</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">ex</span><span class="p">)</span> <span class="p">{}</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">catch</span> <span class="p">(</span><span class="nx">ex</span><span class="p">)</span> <span class="p">{}</span><br/><span class="k">finally</span> <span class="p">{</span><br/>    <span class="cm">/* continue regardless of error */</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you intentionally use empty block statements then you can disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="./no-empty-function">no-empty-function</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-empty.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-empty.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-eq-null.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-eq-null.html
new file mode 100644
index 0000000..8c41e3f
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-eq-null.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-null-comparisons-no-eq-null">Disallow Null Comparisons (no-eq-null)</h1>
+
+<p>Comparing to <code class="highlighter-rouge">null</code> without a type-checking operator (<code class="highlighter-rouge">==</code> or <code class="highlighter-rouge">!=</code>), can have unintended results as the comparison will evaluate to true when comparing to not just a <code class="highlighter-rouge">null</code>, but also an <code class="highlighter-rouge">undefined</code> value.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">==</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The <code class="highlighter-rouge">no-eq-null</code> rule aims reduce potential bug and unwanted behavior by ensuring that comparisons to <code class="highlighter-rouge">null</code> only match <code class="highlighter-rouge">null</code>, and not also <code class="highlighter-rouge">undefined</code>. As such it will flag comparisons to null when using <code class="highlighter-rouge">==</code> and <code class="highlighter-rouge">!=</code>.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eq-null: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">==</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">qux</span> <span class="o">!=</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eq-null: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">===</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">qux</span> <span class="o">!==</span> <span class="kc">null</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-eq-null.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-eq-null.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-eval.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-eval.html
new file mode 100644
index 0000000..afbf416
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-eval.html
@@ -0,0 +1,101 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-eval-no-eval">Disallow eval() (no-eval)</h1>
+
+<p>JavaScript’s <code class="highlighter-rouge">eval()</code> function is potentially dangerous and is often misused. Using <code class="highlighter-rouge">eval()</code> on untrusted code can open a program up to several different injection attacks. The use of <code class="highlighter-rouge">eval()</code> in most contexts can be substituted for a better, alternative approach to a problem.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">x</span><span class="p">:</span> <span class="s2">"foo"</span> <span class="p">},</span><br/>    <span class="nx">key</span> <span class="o">=</span> <span class="s2">"x"</span><span class="p">,</span><br/>    <span class="nx">value</span> <span class="o">=</span> <span class="nb">eval</span><span class="p">(</span><span class="s2">"obj."</span> <span class="o">+</span> <span class="nx">key</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing potentially dangerous, unnecessary, and slow code by disallowing the use of the <code class="highlighter-rouge">eval()</code> function. As such, it will warn whenever the <code class="highlighter-rouge">eval()</code> function is used.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">x</span><span class="p">:</span> <span class="s2">"foo"</span> <span class="p">},</span><br/>    <span class="nx">key</span> <span class="o">=</span> <span class="s2">"x"</span><span class="p">,</span><br/>    <span class="nx">value</span> <span class="o">=</span> <span class="nb">eval</span><span class="p">(</span><span class="s2">"obj."</span> <span class="o">+</span> <span class="nx">key</span><span class="p">);</span><br/><br/><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="nb">eval</span><span class="p">)(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nb">eval</span><span class="p">;</span><br/><span class="nx">foo</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/><br/><span class="c1">// This `this` is the global object.</span><br/><span class="k">this</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with browser environment:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><span class="cm">/*eslint-env browser*/</span><br/><br/><span class="nb">window</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with node environment:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><span class="cm">/*eslint-env node*/</span><br/><br/><span class="nx">global</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">x</span><span class="p">:</span> <span class="s2">"foo"</span> <span class="p">},</span><br/>    <span class="nx">key</span> <span class="o">=</span> <span class="s2">"x"</span><span class="p">,</span><br/>    <span class="nx">value</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">[</span><span class="nx">key</span><span class="p">];</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// This is a user-defined method.</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/>    <span class="p">}</span><br/><br/>    <span class="nb">eval</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an option to allow indirect calls to <code class="highlighter-rouge">eval</code>.
+Indirect calls to <code class="highlighter-rouge">eval</code> are less dangerous than direct calls to <code class="highlighter-rouge">eval</code> because they cannot dynamically change the scope. Because of this, they also will not negatively impact performance to the degree of direct <code class="highlighter-rouge">eval</code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><br/>    <span class="s2">"no-eval"</span><span class="err">:</span> <span class="p">[</span><span class="s2">"error"</span><span class="p">,</span> <span class="p">{</span><span class="s2">"allowIndirect"</span><span class="p">:</span> <span class="kc">true</span><span class="p">}]</span> <span class="c1">// default is false</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>With this option the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">x</span><span class="p">:</span> <span class="s2">"foo"</span> <span class="p">},</span><br/>    <span class="nx">key</span> <span class="o">=</span> <span class="s2">"x"</span><span class="p">,</span><br/>    <span class="nx">value</span> <span class="o">=</span> <span class="nb">eval</span><span class="p">(</span><span class="s2">"obj."</span> <span class="o">+</span> <span class="nx">key</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>With this option the following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><br/><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="nb">eval</span><span class="p">)(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nb">eval</span><span class="p">;</span><br/><span class="nx">foo</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/><br/><span class="k">this</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><span class="cm">/*eslint-env browser*/</span><br/><br/><span class="nb">window</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-eval: "error"*/</span><br/><span class="cm">/*eslint-env node*/</span><br/><br/><span class="nx">global</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li>
+    <p>This rule is warning every <code class="highlighter-rouge">eval()</code> even if the <code class="highlighter-rouge">eval</code> is not global’s.
+This behavior is in order to detect calls of direct <code class="highlighter-rouge">eval</code>. Such as:</p>
+
+    <div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">module</span><span class="p">.</span><span class="nx">exports</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nb">eval</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// If the value of this `eval` is built-in `eval` function, this is a</span><br/>    <span class="c1">// call of direct `eval`.</span><br/>    <span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/><span class="p">};</span><br/></code></pre>
+    </div>
+  </li>
+  <li>
+    <p>This rule cannot catch renaming the global object. Such as:</p>
+
+    <div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nb">window</span><span class="p">;</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nb">eval</span><span class="p">(</span><span class="s2">"var a = 0"</span><span class="p">);</span><br/></code></pre>
+    </div>
+  </li>
+</ul>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://blogs.msdn.com/b/ericlippert/archive/2003/11/01/53329.aspx">Eval is Evil, Part One</a></li>
+  <li><a href="http://javascriptweblog.wordpress.com/2010/04/19/how-evil-is-eval/">How evil is eval</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-implied-eval">no-implied-eval</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-eval.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-eval.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-ex-assign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-ex-assign.html
new file mode 100644
index 0000000..e75bfe8
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-ex-assign.html
@@ -0,0 +1,41 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-reassigning-exceptions-in-catch-clauses-no-ex-assign">disallow reassigning exceptions in <code class="highlighter-rouge">catch</code> clauses (no-ex-assign)</h1>
+
+<p>If a <code class="highlighter-rouge">catch</code> clause in a <code class="highlighter-rouge">try</code> statement accidentally (or purposely) assigns another value to the exception parameter, it impossible to refer to the error from that point on.
+Since there is no <code class="highlighter-rouge">arguments</code> object to offer alternative access to this data, assignment of the parameter is absolutely destructive.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows reassigning exceptions in <code class="highlighter-rouge">catch</code> clauses.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-ex-assign: "error"*/</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="c1">// code</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">e</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-ex-assign: "error"*/</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="c1">// code</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/do-not-assign-to-the-exception-parameter/">Do not assign to the exception parameter</a></li>
+  <li><a href="http://weblog.bocoup.com/the-catch-with-try-catch/">The “catch” with try…catch</a> by Ben Alman explains how the exception identifier can leak into the outer scope in IE 6-8</li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-ex-assign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-ex-assign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extend-native.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extend-native.html
new file mode 100644
index 0000000..de69af9
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extend-native.html
@@ -0,0 +1,63 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-extending-of-native-objects-no-extend-native">Disallow Extending of Native Objects (no-extend-native)</h1>
+
+<p>In JavaScript, you can extend any object, including builtin or “native” objects. Sometimes people change the behavior of these native objects in ways that break the assumptions made about them in other parts of the code.</p>
+
+<p>For example here we are overriding a builtin method that will then affect all Objects, even other builtins.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// seems harmless</span><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">extra</span> <span class="o">=</span> <span class="mi">55</span><span class="p">;</span><br/><br/><span class="c1">// loop through some userIds</span><br/><span class="kd">var</span> <span class="nx">users</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"123"</span><span class="p">:</span> <span class="s2">"Stan"</span><span class="p">,</span><br/>    <span class="s2">"456"</span><span class="p">:</span> <span class="s2">"David"</span><br/><span class="p">};</span><br/><br/><span class="c1">// not what you'd expect</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">id</span> <span class="k">in</span> <span class="nx">users</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">id</span><span class="p">);</span> <span class="c1">// "123", "456", "extra"</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>A common suggestion to avoid this problem would be to wrap the inside of the <code class="highlighter-rouge">for</code> loop with <code class="highlighter-rouge">users.hasOwnProperty(id)</code>. However, if this rule is strictly enforced throughout your codebase you won’t need to take that step.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>Disallows directly modifying the prototype of builtin objects.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extend-native: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="s2">"a"</span><span class="p">;</span><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">(</span><span class="nb">Array</span><span class="p">.</span><span class="nx">prototype</span><span class="p">,</span> <span class="s2">"times"</span><span class="p">,</span> <span class="p">{</span> <span class="na">value</span><span class="p">:</span> <span class="mi">999</span> <span class="p">});</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts an <code class="highlighter-rouge">exceptions</code> option, which can be used to specify a list of builtins for which extensions will be allowed.</p>
+
+<h3 id="exceptions">exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the sample <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"exceptions"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"Object"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extend-native: ["error", { "exceptions": ["Object"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="s2">"a"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<p>This rule <em>does not</em> report any of the following less obvious approaches to modify the prototype of builtin objects:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nb">Object</span><span class="p">;</span><br/><span class="nx">x</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">thing</span> <span class="o">=</span> <span class="nx">a</span><span class="p">;</span><br/><br/><span class="nb">eval</span><span class="p">(</span><span class="s2">"Array.prototype.forEach = 'muhahaha'"</span><span class="p">);</span><br/><br/><span class="kd">with</span><span class="p">(</span><span class="nb">Array</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">prototype</span><span class="p">.</span><span class="nx">thing</span> <span class="o">=</span> <span class="s1">'thing'</span><span class="p">;</span><br/><span class="p">};</span><br/><br/><span class="nb">window</span><span class="p">.</span><span class="nb">Function</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">bind</span> <span class="o">=</span> <span class="s1">'tight'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You may want to disable this rule when working with polyfills that try to patch older versions of JavaScript with the latest spec, such as those that might <code class="highlighter-rouge">Function.prototype.bind</code> or <code class="highlighter-rouge">Array.prototype.forEach</code> in a future-friendly way.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-native-reassign">no-native-reassign</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.4.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-extend-native.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-extend-native.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-bind.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-bind.html
new file mode 100644
index 0000000..7097006
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-bind.html
@@ -0,0 +1,58 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-function-binding-no-extra-bind">Disallow unnecessary function binding (no-extra-bind)</h1>
+
+<p>The <code class="highlighter-rouge">bind()</code> method is used to create functions with specific <code class="highlighter-rouge">this</code> values and, optionally, binds arguments to specific values. When used to specify the value of <code class="highlighter-rouge">this</code>, it’s important that the function actually use <code class="highlighter-rouge">this</code> in its function body. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">boundGetName</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="nx">getName</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">name</span><span class="p">;</span><br/><span class="p">}).</span><span class="nx">bind</span><span class="p">({</span> <span class="na">name</span><span class="p">:</span> <span class="s2">"ESLint"</span> <span class="p">});</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">boundGetName</span><span class="p">());</span>      <span class="c1">// "ESLint"</span><br/></code></pre>
+</div>
+
+<p>This code is an example of a good use of <code class="highlighter-rouge">bind()</code> for setting the value of <code class="highlighter-rouge">this</code>.</p>
+
+<p>Sometimes during the course of code maintenance, the <code class="highlighter-rouge">this</code> value is removed from the function body. In that case, you can end up with a call to <code class="highlighter-rouge">bind()</code> that doesn’t accomplish anything:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// useless bind</span><br/><span class="kd">var</span> <span class="nx">boundGetName</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="nx">getName</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="s2">"ESLint"</span><span class="p">;</span><br/><span class="p">}).</span><span class="nx">bind</span><span class="p">({</span> <span class="na">name</span><span class="p">:</span> <span class="s2">"ESLint"</span> <span class="p">});</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">boundGetName</span><span class="p">());</span>      <span class="c1">// "ESLint"</span><br/></code></pre>
+</div>
+
+<p>In this code, the reference to <code class="highlighter-rouge">this</code> has been removed but <code class="highlighter-rouge">bind()</code> is still used. In this case, the <code class="highlighter-rouge">bind()</code> is unnecessary overhead (and a performance hit) and can be safely removed.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at avoiding the unnecessary use of <code class="highlighter-rouge">bind()</code> and as such will warn whenever an immediately-invoked function expression (IIFE) is using <code class="highlighter-rouge">bind()</code> and doesn’t have an appropriate <code class="highlighter-rouge">this</code> value. This rule won’t flag usage of <code class="highlighter-rouge">bind()</code> that includes function argument binding.</p>
+
+<p><strong>Note:</strong> Arrow functions can never have their <code class="highlighter-rouge">this</code> value set using <code class="highlighter-rouge">bind()</code>. This rule flags all uses of <code class="highlighter-rouge">bind()</code> with arrow functions as a problem</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-bind: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">();</span><br/><span class="p">}.</span><span class="nx">bind</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">();</span><br/><span class="p">}).</span><span class="nx">bind</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">();</span><br/><span class="p">}).</span><span class="nx">bind</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>      <span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">();</span><br/>    <span class="p">}());</span><br/><span class="p">}.</span><span class="nx">bind</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>      <span class="k">this</span><span class="p">.</span><span class="nx">bar</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}.</span><span class="nx">bind</span><span class="p">(</span><span class="nx">baz</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-bind: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">();</span><br/><span class="p">}.</span><span class="nx">bind</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">a</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}.</span><span class="nx">bind</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">bar</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you are not concerned about unnecessary calls to <code class="highlighter-rouge">bind()</code>, you can safely disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind">Function.prototype.bind</a></li>
+  <li><a href="http://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/">Understanding JavaScript’s Function.prototype.bind</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.8.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-extra-bind.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-extra-bind.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-boolean-cast.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-boolean-cast.html
new file mode 100644
index 0000000..c477e59
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-boolean-cast.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-boolean-casts-no-extra-boolean-cast">disallow unnecessary boolean casts (no-extra-boolean-cast)</h1>
+
+<p>In contexts such as an <code class="highlighter-rouge">if</code> statement’s test where the result of the expression will already be coerced to a Boolean, casting to a Boolean via double negation (<code class="highlighter-rouge">!!</code>) or a <code class="highlighter-rouge">Boolean</code> call is unnecessary. For example, these <code class="highlighter-rouge">if</code> statements are equivalent:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="o">!!</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nb">Boolean</span><span class="p">(</span><span class="nx">foo</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows unnecessary boolean casts.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-boolean-cast: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="o">!!!</span><span class="nx">bar</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="o">!!</span><span class="nx">bar</span> <span class="p">?</span> <span class="nx">baz</span> <span class="p">:</span> <span class="nx">bat</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nb">Boolean</span><span class="p">(</span><span class="o">!!</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Boolean</span><span class="p">(</span><span class="o">!!</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">!!</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nb">Boolean</span><span class="p">(</span><span class="nx">foo</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="o">!!</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">do</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="nb">Boolean</span><span class="p">(</span><span class="nx">foo</span><span class="p">));</span><br/><br/><span class="k">for</span> <span class="p">(;</span> <span class="o">!!</span><span class="nx">foo</span><span class="p">;</span> <span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-boolean-cast: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="o">!!</span><span class="nx">bar</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nb">Boolean</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="o">!!</span><span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="p">?</span> <span class="o">!!</span><span class="nx">baz</span> <span class="p">:</span> <span class="o">!!</span><span class="nx">bat</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-extra-boolean-cast.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-extra-boolean-cast.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-label.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-label.html
new file mode 100644
index 0000000..dfffb5d
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-label.html
@@ -0,0 +1,51 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-labels-no-extra-label">Disallow Unnecessary Labels (no-extra-label)</h1>
+
+<p>If a loop contains no nested loops or switches, labeling the loop is unnecessary.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">A</span><span class="err">:</span> <span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">break</span> <span class="nx">A</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>You can achieve the same result by removing the label and using <code class="highlighter-rouge">break</code> or <code class="highlighter-rouge">continue</code> without a label.
+Probably those labels would confuse developers because they expect labels to jump to further.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating unnecessary labels.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-label: "error"*/</span><br/><br/><span class="nl">A</span><span class="p">:</span> <span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">break</span> <span class="nx">A</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="nl">B</span><span class="p">:</span> <span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">break</span> <span class="nx">B</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="nl">C</span><span class="p">:</span> <span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span><br/>        <span class="k">break</span> <span class="nx">C</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-label: "error"*/</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="nl">A</span><span class="p">:</span> <span class="p">{</span><br/>    <span class="k">break</span> <span class="nx">A</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="nl">B</span><span class="p">:</span> <span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">while</span> <span class="p">(</span><span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">break</span> <span class="nx">B</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="nl">C</span><span class="p">:</span> <span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span><br/>        <span class="k">while</span> <span class="p">(</span><span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>            <span class="k">break</span> <span class="nx">C</span><span class="p">;</span><br/>        <span class="p">}</span><br/>        <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about usage of labels, then it’s safe to disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="./no-labels">no-labels</a></li>
+  <li><a href="./no-label-var">no-label-var</a></li>
+  <li><a href="./no-unused-labels">no-unused-labels</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-rc.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-extra-label.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-extra-label.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-parens.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-parens.html
new file mode 100644
index 0000000..2fa2f3e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-parens.html
@@ -0,0 +1,103 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-parentheses-no-extra-parens">disallow unnecessary parentheses (no-extra-parens)</h1>
+
+<p>This rule restricts the use of parentheses to only where they are necessary.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule always ignores extra parentheses around the following:</p>
+
+<ul>
+  <li>RegExp literals such as <code class="highlighter-rouge">(/abc/).test(var)</code> to avoid conflicts with the <a href="wrap-regex">wrap-regex</a> rule</li>
+  <li>immediately-invokes function expressions (also known as IIFEs) such as <code class="highlighter-rouge">var x = (function () {})();</code> and <code class="highlighter-rouge">((function foo() {return 1;})())</code> to avoid conflicts with the <a href="wrap-iife">wrap-iife</a> rule</li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"all"</code> (default) disallows unnecessary parentheses around <em>any</em> expression</li>
+  <li><code class="highlighter-rouge">"functions"</code> disallows unnecessary parentheses <em>only</em> around function expressions</li>
+</ul>
+
+<p>This rule has an object option for exceptions to the <code class="highlighter-rouge">"all"</code> option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"conditionalAssign": false</code> allows extra parentheses around assignments in conditional test expressions</li>
+  <li><code class="highlighter-rouge">"returnAssign": false</code> allows extra parentheses around assignments in <code class="highlighter-rouge">return</code> statements</li>
+  <li><code class="highlighter-rouge">"nestedBinaryExpressions": false</code> allows extra parentheses in nested binary expressions</li>
+</ul>
+
+<h3 id="all">all<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#all" aria-label="Anchor link for: all" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"all"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-extra-parens: "error" */</span><br/><br/><span class="nx">a</span> <span class="o">=</span> <span class="p">(</span><span class="nx">b</span> <span class="o">*</span> <span class="nx">c</span><span class="p">);</span><br/><br/><span class="p">(</span><span class="nx">a</span> <span class="o">*</span> <span class="nx">b</span><span class="p">)</span> <span class="o">+</span> <span class="nx">c</span><span class="p">;</span><br/><br/><span class="k">typeof</span> <span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">(){}</span> <span class="p">?</span> <span class="nx">a</span><span class="p">()</span> <span class="p">:</span> <span class="nx">b</span><span class="p">());</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"all"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-extra-parens: "error" */</span><br/><br/><span class="p">(</span><span class="mi">0</span><span class="p">).</span><span class="nx">toString</span><span class="p">();</span><br/><br/><span class="p">({}.</span><span class="nx">toString</span><span class="p">.</span><span class="nx">call</span><span class="p">());</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">(){})</span> <span class="p">?</span> <span class="nx">a</span><span class="p">()</span> <span class="p">:</span> <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">(</span><span class="sr">/^a$/</span><span class="p">).</span><span class="nx">test</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="conditionalassign">conditionalAssign<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#conditionalassign" aria-label="Anchor link for: conditionalassign" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"all"</code> and <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"conditionalAssign"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-extra-parens: ["error", "all", { "conditionalAssign": false }] */</span><br/><br/><span class="k">while</span> <span class="p">((</span><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">()))</span> <span class="p">{}</span><br/><br/><span class="k">if</span> <span class="p">((</span><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">()))</span> <span class="p">{}</span><br/><br/><span class="k">do</span><span class="p">;</span> <span class="k">while</span> <span class="p">((</span><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">()))</span><br/><br/><span class="k">for</span> <span class="p">(;(</span><span class="nx">a</span> <span class="o">=</span> <span class="nx">b</span><span class="p">););</span><br/></code></pre>
+</div>
+
+<h3 id="returnassign">returnAssign<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#returnassign" aria-label="Anchor link for: returnassign" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"all"</code> and <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"returnAssign"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-extra-parens: ["error", "all", { "returnAssign": false }] */</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">(</span><span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="p">(</span><span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">(</span><span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="nx">b</span> <span class="p">?</span> <span class="p">(</span><span class="nx">c</span> <span class="o">=</span> <span class="nx">d</span><span class="p">)</span> <span class="p">:</span> <span class="p">(</span><span class="nx">c</span> <span class="o">=</span> <span class="nx">e</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="nx">b</span> <span class="o">=&gt;</span> <span class="p">(</span><span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">);</span><br/><br/><span class="nx">b</span> <span class="o">=&gt;</span> <span class="nx">b</span> <span class="p">?</span> <span class="p">(</span><span class="nx">c</span> <span class="o">=</span> <span class="nx">d</span><span class="p">)</span> <span class="p">:</span> <span class="p">(</span><span class="nx">c</span> <span class="o">=</span> <span class="nx">e</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="nestedbinaryexpressions">nestedBinaryExpressions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#nestedbinaryexpressions" aria-label="Anchor link for: nestedbinaryexpressions" data-anchorjs-icon=""></a></h3>
+
+<p>Examples of <strong>correct</strong> for this rule with the <code class="highlighter-rouge">"all"</code> and <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"nestedBinaryExpressions"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-extra-parens: ["error", "all", { "nestedBinaryExpressions": false }] */</span><br/><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">||</span> <span class="p">(</span><span class="nx">b</span> <span class="o">&amp;&amp;</span> <span class="nx">c</span><span class="p">);</span><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">+</span> <span class="p">(</span><span class="nx">b</span> <span class="o">*</span> <span class="nx">c</span><span class="p">);</span><br/><span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="nx">a</span> <span class="o">*</span> <span class="nx">b</span><span class="p">)</span> <span class="o">/</span> <span class="nx">c</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="functions">functions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#functions" aria-label="Anchor link for: functions" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"functions"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-extra-parens: ["error", "functions"] */</span><br/><br/><span class="p">((</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}))();</span><br/><br/><span class="kd">var</span> <span class="nx">y</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><span class="k">return</span> <span class="mi">1</span><span class="p">;});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"functions"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-extra-parens: ["error", "functions"] */</span><br/><br/><span class="p">(</span><span class="mi">0</span><span class="p">).</span><span class="nx">toString</span><span class="p">();</span><br/><br/><span class="p">({}.</span><span class="nx">toString</span><span class="p">.</span><span class="nx">call</span><span class="p">());</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">(){}</span> <span class="p">?</span> <span class="nx">a</span><span class="p">()</span> <span class="p">:</span> <span class="nx">b</span><span class="p">());</span><br/><br/><span class="p">(</span><span class="sr">/^a$/</span><span class="p">).</span><span class="nx">test</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/><br/><span class="nx">a</span> <span class="o">=</span> <span class="p">(</span><span class="nx">b</span> <span class="o">*</span> <span class="nx">c</span><span class="p">);</span><br/><br/><span class="p">(</span><span class="nx">a</span> <span class="o">*</span> <span class="nx">b</span><span class="p">)</span> <span class="o">+</span> <span class="nx">c</span><span class="p">;</span><br/><br/><span class="k">typeof</span> <span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Operator_Precedence">MDN: Operator Precedence</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-cond-assign">no-cond-assign</a></li>
+  <li><a href="no-return-assign">no-return-assign</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.4.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-extra-parens.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-extra-parens.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-semi.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-semi.html
new file mode 100644
index 0000000..5c4c430
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-extra-semi.html
@@ -0,0 +1,46 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-semicolons-no-extra-semi">disallow unnecessary semicolons (no-extra-semi)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Typing mistakes and misunderstandings about where semicolons are required can lead to semicolons that are unnecessary. While not technically an error, extra semicolons can cause confusion when reading code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows unnecessary semicolons.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-semi: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// code</span><br/><span class="p">};</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-extra-semi: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// code</span><br/><span class="p">};</span><br/><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you intentionally use extra semicolons then you can disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="semi">semi</a></li>
+  <li><a href="semi-spacing">semi-spacing</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-extra-semi.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-extra-semi.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-fallthrough.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-fallthrough.html
new file mode 100644
index 0000000..9da0fa3
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-fallthrough.html
@@ -0,0 +1,75 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-case-statement-fallthrough-no-fallthrough">Disallow Case Statement Fallthrough (no-fallthrough)</h1>
+
+<p>The <code class="highlighter-rouge">switch</code> statement in JavaScript is one of the more error-prone constructs of the language thanks in part to the ability to “fall through” from one <code class="highlighter-rouge">case</code> to the next. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In this example, if <code class="highlighter-rouge">foo</code> is <code class="highlighter-rouge">1</code>, then execution will flow through both cases, as the first falls through to the second. You can prevent this by using <code class="highlighter-rouge">break</code>, as in this example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>That works fine when you don’t want a fallthrough, but what if the fallthrough is intentional, there is no way to indicate that in the language. It’s considered a best practice to always indicate when a fallthrough is intentional using a comment which matches the <code class="highlighter-rouge">/falls?\s?through/i</code> regular expression:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="c1">// falls through</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="c1">// fall through</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="c1">// fallsthrough</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In this example, there is no confusion as to the expected behavior. It is clear that the first case is meant to fall through to the second case.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating unintentional fallthrough of one case to the other. As such, it flags and fallthrough scenarios that are not marked by a comment.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-fallthrough: "error"*/</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-fallthrough: "error"*/</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="k">break</span><span class="p">;</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>            <span class="nx">doSomething</span><span class="p">();</span><br/>            <span class="k">return</span><span class="p">;</span><br/><br/>        <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>            <span class="nx">doSomething</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"Boo!"</span><span class="p">);</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="c1">// falls through</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Note that the last <code class="highlighter-rouge">case</code> statement in these examples does not cause a warning because there is nothing to fall through into.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts a single options argument:</p>
+
+<ul>
+  <li>Set the <code class="highlighter-rouge">commentPattern</code> option to a regular expression string to change the test for intentional fallthrough comment</li>
+</ul>
+
+<h3 id="commentpattern">commentPattern<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#commentpattern" aria-label="Anchor link for: commentpattern" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"commentPattern"</span><span class="p">:</span><span class="w"> </span><span class="s2">"break[\\s\\w]*omitted"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-fallthrough: ["error", { "commentPattern": "break[\\s\\w]*omitted" }]*/</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="c1">// break omitted</span><br/><br/>    <span class="k">case</span> <span class="mi">2</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>        <span class="c1">// caution: break is omitted intentionally</span><br/><br/>    <span class="nl">default</span><span class="p">:</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to enforce that each <code class="highlighter-rouge">case</code> statement should end with a <code class="highlighter-rouge">throw</code>, <code class="highlighter-rouge">return</code>, <code class="highlighter-rouge">break</code>, or comment, then you can safely turn this rule off.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="default-case">default-case</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-fallthrough.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-fallthrough.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-floating-decimal.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-floating-decimal.html
new file mode 100644
index 0000000..742b8f5
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-floating-decimal.html
@@ -0,0 +1,54 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-floating-decimals-no-floating-decimal">Disallow Floating Decimals (no-floating-decimal)</h1>
+
+<p>Float values in JavaScript contain a decimal point, and there is no requirement that the decimal point be preceded or followed by a number. For example, the following are all valid JavaScript numbers:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="p">.</span><span class="mi">5</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="mi">2</span><span class="p">.;</span><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="o">-</span><span class="p">.</span><span class="mi">7</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Although not a syntax error, this format for numbers can make it difficult to distinguish between true decimal numbers and the dot operator. For this reason, some recommend that you should always include a number before and after a decimal point to make it clear the intent is to create a decimal number.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating floating decimal points and will warn whenever a numeric value has a decimal point but is missing a number either before or after it.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-floating-decimal: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="p">.</span><span class="mi">5</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="mi">2</span><span class="p">.;</span><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="o">-</span><span class="p">.</span><span class="mi">7</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-floating-decimal: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="mf">0.5</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="mf">2.0</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="o">-</span><span class="mf">0.7</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you aren’t concerned about misinterpreting floating decimal point values, then you can safely turn this rule off.</p>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSHint</strong>: W008</li>
+</ul>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/a-leading-decimal-point-can-be-confused-with-a-dot-a/">A leading decimal point can be confused with a dot</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-floating-decimal.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-floating-decimal.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-func-assign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-func-assign.html
new file mode 100644
index 0000000..cf11f91
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-func-assign.html
@@ -0,0 +1,41 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-reassigning-function-declarations-no-func-assign">disallow reassigning <code class="highlighter-rouge">function</code> declarations (no-func-assign)</h1>
+
+<p>JavaScript functions can be written as a FunctionDeclaration <code class="highlighter-rouge">function foo() { ... }</code> or as a FunctionExpression <code class="highlighter-rouge">var foo = function() { ... };</code>. While a JavaScript interpreter might tolerate it, overwriting/reassigning a function written as a FunctionDeclaration is often indicative of a mistake or issue.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows reassigning <code class="highlighter-rouge">function</code> declarations.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-func-assign: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule, unlike the corresponding rule in JSHint:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-func-assign: "error"*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-func-assign: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{}</span><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="c1">// `foo` is shadowed.</span><br/>    <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span>  <span class="c1">// `foo` is shadowed.</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-func-assign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-func-assign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implicit-coercion.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implicit-coercion.html
new file mode 100644
index 0000000..3ea75aa
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implicit-coercion.html
@@ -0,0 +1,96 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-the-type-conversion-with-shorter-notations-no-implicit-coercion">Disallow the type conversion with shorter notations. (no-implicit-coercion)</h1>
+
+<p>In JavaScript, there are a lot of different ways to convert value types.
+Some of them might be hard to read and understand.</p>
+
+<p>Such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="o">!!</span><span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="o">~</span><span class="nx">foo</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s2">"."</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="o">+</span><span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">*</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">s</span> <span class="o">=</span> <span class="s2">""</span> <span class="o">+</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="nx">foo</span> <span class="o">+=</span> <span class="s2">""</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Those can be replaced with the following code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="nb">Boolean</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s2">"."</span><span class="p">)</span> <span class="o">!==</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">s</span> <span class="o">=</span> <span class="nb">String</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nb">String</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag shorter notations for the type conversion, then suggest a more self-explanatory notation.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has three main options and one override option to allow some coercions as required.</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"boolean"</code> (<code class="highlighter-rouge">true</code> by default) - When this is <code class="highlighter-rouge">true</code>, this rule warns shorter type conversions for <code class="highlighter-rouge">boolean</code> type.</li>
+  <li><code class="highlighter-rouge">"number"</code> (<code class="highlighter-rouge">true</code> by default) - When this is <code class="highlighter-rouge">true</code>, this rule warns shorter type conversions for <code class="highlighter-rouge">number</code> type.</li>
+  <li><code class="highlighter-rouge">"string"</code> (<code class="highlighter-rouge">true</code> by default) - When this is <code class="highlighter-rouge">true</code>, this rule warns shorter type conversions for <code class="highlighter-rouge">string</code> type.</li>
+  <li><code class="highlighter-rouge">"allow"</code> (<code class="highlighter-rouge">empty</code> by default) - Each entry in this array can be one of <code class="highlighter-rouge">~</code>, <code class="highlighter-rouge">!!</code>, <code class="highlighter-rouge">+</code> or <code class="highlighter-rouge">*</code> that are to be allowed.</li>
+</ul>
+
+<p>Note that operator <code class="highlighter-rouge">+</code> in <code class="highlighter-rouge">allow</code> list would allow <code class="highlighter-rouge">+foo</code> (number coercion) as well as <code class="highlighter-rouge">"" + foo</code> (string coercion).</p>
+
+<h3 id="boolean">boolean<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#boolean" aria-label="Anchor link for: boolean" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"boolean"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-coercion: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="o">!!</span><span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="o">~</span><span class="nx">foo</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s2">"."</span><span class="p">);</span><br/><span class="c1">// bitwise not is incorrect only with `indexOf`/`lastIndexOf` method calling.</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"boolean"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-coercion: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="nb">Boolean</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s2">"."</span><span class="p">)</span> <span class="o">!==</span> <span class="o">-</span><span class="mi">1</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="o">~</span><span class="nx">foo</span><span class="p">;</span> <span class="c1">// This is a just bitwise not.</span><br/></code></pre>
+</div>
+
+<h3 id="number">number<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#number" aria-label="Anchor link for: number" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"number"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-coercion: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="o">+</span><span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">*</span> <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"number"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-coercion: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="string">string<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#string" aria-label="Anchor link for: string" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"string"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-coercion: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">s</span> <span class="o">=</span> <span class="s2">""</span> <span class="o">+</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="nx">foo</span> <span class="o">+=</span> <span class="s2">""</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"string"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-coercion: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">s</span> <span class="o">=</span> <span class="nb">String</span><span class="p">(</span><span class="nx">foo</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="allow">allow<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow" aria-label="Anchor link for: allow" data-anchorjs-icon=""></a></h3>
+
+<p>Using <code class="highlighter-rouge">allow</code> list, we can override and allow specific operators.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the sample <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"!!"</span><span class="p">,</span><span class="w"> </span><span class="s2">"~"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-coercion: [2, { "allow": ["!!", "~"] } ]*/</span><br/><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="o">!!</span><span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="o">~</span><span class="nx">foo</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="s2">"."</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about shorter notations for the type conversion, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-implicit-coercion.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-implicit-coercion.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implicit-globals.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implicit-globals.html
new file mode 100644
index 0000000..dcc855e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implicit-globals.html
@@ -0,0 +1,48 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-var-and-named-functions-in-global-scope-no-implicit-globals">Disallow <code class="highlighter-rouge">var</code> and Named Functions in Global Scope (no-implicit-globals)</h1>
+
+<p>When working with browser scripts, developers often forget that variable and function declarations at the top-level scope become global variables on the <code class="highlighter-rouge">window</code> object. As opposed to modules which have their own scope. Globals should be explicitly assigned to <code class="highlighter-rouge">window</code> or <code class="highlighter-rouge">self</code> if that is the intent. Otherwise variables intended to be local to the script should be wrapped in an IIFE.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows <code class="highlighter-rouge">var</code> and named <code class="highlighter-rouge">function</code> declarations at the top-level script scope. This does not apply to ES and CommonJS modules since they have a module scope.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-globals: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-globals: "error"*/</span><br/><br/><span class="c1">// explicitly set on window</span><br/><span class="nb">window</span><span class="p">.</span><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="nb">window</span><span class="p">.</span><span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="c1">// intended to be scope to this file</span><br/><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><br/>  <span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">})();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with <code class="highlighter-rouge">"parserOptions": { "sourceType": "module" }</code> in the ESLint configuration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implicit-globals: 2*/</span><br/><br/><span class="c1">// foo and bar are local to module</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to be able to declare variables and functions in the global scope you can safely disable this rule. Or if you are always using module scoped files, this rule will never apply.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://benalman.com/news/2010/11/immediately-invoked-function-expression/">Immediately-Invoked Function Expression (IIFE)</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-alpha-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-implicit-globals.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-implicit-globals.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implied-eval.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implied-eval.html
new file mode 100644
index 0000000..e2dc1ed
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-implied-eval.html
@@ -0,0 +1,62 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-implied-eval-no-implied-eval">Disallow Implied eval() (no-implied-eval)</h1>
+
+<p>It’s considered a good practice to avoid using <code class="highlighter-rouge">eval()</code> in JavaScript. There are security and performance implications involved with doing so, which is why many linters (including ESLint) recommend disallowing <code class="highlighter-rouge">eval()</code>. However, there are some other ways to pass a string and have it interpreted as JavaScript code that have similar concerns.</p>
+
+<p>The first is using <code class="highlighter-rouge">setTimeout()</code>, <code class="highlighter-rouge">setInterval()</code> or <code class="highlighter-rouge">execScript()</code> (Internet Explorer only), both of which can accept a string of JavaScript code as their first argument. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">setTimeout</span><span class="p">(</span><span class="s2">"alert('Hi!');"</span><span class="p">,</span> <span class="mi">100</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>This is considered an implied <code class="highlighter-rouge">eval()</code> because a string of JavaScript code is
+ passed in to be interpreted. The same can be done with <code class="highlighter-rouge">setInterval()</code> and <code class="highlighter-rouge">execScript()</code>. Both interpret the JavaScript code in  the global scope. For  both <code class="highlighter-rouge">setTimeout()</code> and <code class="highlighter-rouge">setInterval()</code>, the first argument can also be a function, and that is considered safer and is more performant:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">alert</span><span class="p">(</span><span class="s2">"Hi!"</span><span class="p">);</span><br/><span class="p">},</span> <span class="mi">100</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The best practice is to always use a function for the first argument of <code class="highlighter-rouge">setTimeout()</code> and <code class="highlighter-rouge">setInterval()</code> (and avoid <code class="highlighter-rouge">execScript()</code>).</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate implied <code class="highlighter-rouge">eval()</code> through the use of <code class="highlighter-rouge">setTimeout()</code>, <code class="highlighter-rouge">setInterval()</code> or <code class="highlighter-rouge">execScript()</code>. As such, it will warn when either function is used with a string as the first argument.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implied-eval: "error"*/</span><br/><br/><span class="nx">setTimeout</span><span class="p">(</span><span class="s2">"alert('Hi!');"</span><span class="p">,</span> <span class="mi">100</span><span class="p">);</span><br/><br/><span class="nx">setInterval</span><span class="p">(</span><span class="s2">"alert('Hi!');"</span><span class="p">,</span> <span class="mi">100</span><span class="p">);</span><br/><br/><span class="nx">execScript</span><span class="p">(</span><span class="s2">"alert('Hi!')"</span><span class="p">);</span><br/><br/><span class="nb">window</span><span class="p">.</span><span class="nx">setTimeout</span><span class="p">(</span><span class="s2">"count = 5"</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span><br/><br/><span class="nb">window</span><span class="p">.</span><span class="nx">setInterval</span><span class="p">(</span><span class="s2">"foo = bar"</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-implied-eval: "error"*/</span><br/><br/><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">alert</span><span class="p">(</span><span class="s2">"Hi!"</span><span class="p">);</span><br/><span class="p">},</span> <span class="mi">100</span><span class="p">);</span><br/><br/><span class="nx">setInterval</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">alert</span><span class="p">(</span><span class="s2">"Hi!"</span><span class="p">);</span><br/><span class="p">},</span> <span class="mi">100</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow <code class="highlighter-rouge">setTimeout()</code> and <code class="highlighter-rouge">setInterval()</code> with string arguments, then you can safely disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/implied-eval-is-evil-pass-a-function-instead-of-a-string/">Implied eval is evil. Pass a function instead of a string.</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-eval">no-eval</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-implied-eval.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-implied-eval.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-inline-comments.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-inline-comments.html
new file mode 100644
index 0000000..06d436c
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-inline-comments.html
@@ -0,0 +1,34 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-inline-comments-after-code-no-inline-comments">disallow inline comments after code (no-inline-comments)</h1>
+
+<p>Some style guides disallow comments on the same line as code. Code can become difficult to read if comments immediately follow the code on the same line.
+On the other hand, it is sometimes faster and more obvious to put comments immediately following code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows comments on the same line as code.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-inline-comments: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="c1">// declaring a to 1</span><br/><br/><span class="kd">function</span> <span class="nx">getRandomNumber</span><span class="p">(){</span><br/>    <span class="k">return</span> <span class="mi">4</span><span class="p">;</span> <span class="c1">// chosen by fair dice roll.</span><br/>              <span class="c1">// guaranteed to be random.</span><br/><span class="p">}</span><br/><br/><span class="cm">/* A block comment before code */</span> <span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span> <span class="cm">/* A block comment after code */</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-inline-comments: "error"*/</span><br/><br/><span class="c1">// This is a comment above a line of code</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="c1">//This is a comment below a line of code</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.10.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-inline-comments.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-inline-comments.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-inner-declarations.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-inner-declarations.html
new file mode 100644
index 0000000..a8fdac1
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-inner-declarations.html
@@ -0,0 +1,68 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-function-or-var-declarations-in-nested-blocks-no-inner-declarations">disallow <code class="highlighter-rouge">function</code> or <code class="highlighter-rouge">var</code> declarations in nested blocks (no-inner-declarations)</h1>
+
+<p>In JavaScript, prior to ES6, a function declaration is only allowed in the first level of a program or the body of another function, though parsers sometimes <a href="https://code.google.com/p/esprima/issues/detail?id=422">erroneously accept them elsewhere</a>. This only applies to function declarations; named or anonymous function expressions can occur anywhere an expression is permitted.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// Good</span><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><br/><span class="c1">// Bad</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">function</span> <span class="nx">doSomethingElse</span> <span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">anotherThing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">fn</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/><br/>        <span class="c1">// Good</span><br/>        <span class="nx">fn</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">expression</span><span class="p">()</span> <span class="p">{</span> <span class="p">};</span><br/><br/>        <span class="c1">// Bad</span><br/>        <span class="kd">function</span> <span class="nx">declaration</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>A variable declaration is permitted anywhere a statement can go, even nested deeply inside other blocks. This is often undesirable due to variable hoisting, and moving declarations to the root of the program or function body can increase clarity. Note that <a href="https://leanpub.com/understandinges6/read#leanpub-auto-block-bindings">block bindings</a> (<code class="highlighter-rouge">let</code>, <code class="highlighter-rouge">const</code>) are not hoisted and therefore they are not affected by this rule.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// Good</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="c1">// Good</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">bar1</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// Bad</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// Good</span><br/>    <span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/><br/>    <span class="c1">// Bad</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">quux</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires that function declarations and, optionally, variable declarations be in the root of a program or the body of a function.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has a string option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"functions"</code> (default) disallows <code class="highlighter-rouge">function</code> declarations in nested blocks</li>
+  <li><code class="highlighter-rouge">"both"</code> disallows <code class="highlighter-rouge">function</code> and <code class="highlighter-rouge">var</code> declarations in nested blocks</li>
+</ul>
+
+<h3 id="functions">functions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#functions" aria-label="Anchor link for: functions" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge">"functions"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-inner-declarations: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomethingElse</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">function</span> <span class="nx">doAnotherThing</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge">"functions"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-inner-declarations: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomethingElse</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">function</span> <span class="nx">doAnotherThing</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">asyncCall</span><span class="p">(</span><span class="nx">id</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">data</span><span class="p">)</span> <span class="p">{</span> <span class="p">});</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">fn</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">fn</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">fnExpression</span><span class="p">()</span> <span class="p">{</span> <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="both">both<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#both" aria-label="Anchor link for: both" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"both"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-inner-declarations: ["error", "both"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doAnotherThing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">81</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"both"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-inner-declarations: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">test</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">43</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doAnotherThing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">81</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>The function declaration portion rule will be rendered obsolete when <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=585536">block-scoped functions</a> land in ES6, but until then, it should be left on to enforce valid constructions. Disable checking variable declarations when using <a href="block-scoped-var">block-scoped-var</a> or if declaring variables in nested blocks is acceptable despite hoisting.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.6.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-inner-declarations.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-inner-declarations.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-invalid-regexp.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-invalid-regexp.html
new file mode 100644
index 0000000..0517772
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-invalid-regexp.html
@@ -0,0 +1,67 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-invalid-regular-expression-strings-in-regexp-constructors-no-invalid-regexp">disallow invalid regular expression strings in <code class="highlighter-rouge">RegExp</code> constructors (no-invalid-regexp)</h1>
+
+<p>An invalid pattern in a regular expression literal is a <code class="highlighter-rouge">SyntaxError</code> when the code is parsed, but an invalid string in <code class="highlighter-rouge">RegExp</code> constructors throws a <code class="highlighter-rouge">SyntaxError</code> only when the code is executed.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows invalid regular expression strings in <code class="highlighter-rouge">RegExp</code> constructors.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-invalid-regexp: "error"*/</span><br/><br/><span class="nb">RegExp</span><span class="p">(</span><span class="s1">'['</span><span class="p">)</span><br/><br/><span class="nb">RegExp</span><span class="p">(</span><span class="s1">'.'</span><span class="p">,</span> <span class="s1">'z'</span><span class="p">)</span><br/><br/><span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="s1">'\\'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-invalid-regexp: "error"*/</span><br/><br/><span class="nb">RegExp</span><span class="p">(</span><span class="s1">'.'</span><span class="p">)</span><br/><br/><span class="k">new</span> <span class="nb">RegExp</span><br/><br/><span class="k">this</span><span class="p">.</span><span class="nb">RegExp</span><span class="p">(</span><span class="s1">'['</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<h2 id="environments">Environments<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#environments" aria-label="Anchor link for: environments" data-anchorjs-icon=""></a></h2>
+
+<p>ECMAScript 6 adds the following flag arguments to the <code class="highlighter-rouge">RegExp</code> constructor:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"u"</code> (<a href="https://people.mozilla.org/~jorendorff/es6-draft.html#sec-get-regexp.prototype.unicode">unicode</a>)</li>
+  <li><code class="highlighter-rouge">"y"</code> (<a href="https://people.mozilla.org/~jorendorff/es6-draft.html#sec-get-regexp.prototype.sticky">sticky</a>)</li>
+</ul>
+
+<p>You can enable these to be recognized as valid by setting the ECMAScript version to 6 in your <a href="../user-guide/configuring">ESLint configuration</a>.</p>
+
+<p>If you want to allow additional constructor flags for any reason, you can specify them using an <code class="highlighter-rouge">allowConstructorFlags</code> option in <code class="highlighter-rouge">.eslintrc</code>. These flags will then be ignored by the rule regardless of the <code class="highlighter-rouge">ecmaVersion</code> setting.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option for exceptions:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allowConstructorFlags"</code> is an array of flags</li>
+</ul>
+
+<h3 id="allowconstructorflags">allowConstructorFlags<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowconstructorflags" aria-label="Anchor link for: allowconstructorflags" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowConstructorFlags"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"u"</span><span class="p">,</span><span class="w"> </span><span class="s2">"y"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-invalid-regexp: ["error", { "allowConstructorFlags": ["u", "y"] }]*/</span><br/><br/><span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="s1">'.'</span><span class="p">,</span> <span class="s1">'y'</span><span class="p">)</span><br/><br/><span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="s1">'.'</span><span class="p">,</span> <span class="s1">'yu'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://es5.github.io/#x7.8.5">Annotated ES5 §7.8.5 - Regular Expression Literals</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.4.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-invalid-regexp.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-invalid-regexp.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-invalid-this.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-invalid-this.html
new file mode 100644
index 0000000..485065a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-invalid-this.html
@@ -0,0 +1,67 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-this-keywords-outside-of-classes-or-class-like-objects-no-invalid-this">Disallow <code class="highlighter-rouge">this</code> keywords outside of classes or class-like objects. (no-invalid-this)</h1>
+
+<p>Under the strict mode, <code class="highlighter-rouge">this</code> keywords outside of classes or class-like objects might be <code class="highlighter-rouge">undefined</code> and raise a <code class="highlighter-rouge">TypeError</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to flag usage of <code class="highlighter-rouge">this</code> keywords outside of classes or class-like objects.</p>
+
+<p>Basically this rule checks whether or not a function which are containing <code class="highlighter-rouge">this</code> keywords is a constructor or a method.</p>
+
+<p>This rule judges from following conditions whether or not the function is a constructor:</p>
+
+<ul>
+  <li>The name of the function starts with uppercase.</li>
+  <li>The function is a constructor of ES2015 Classes.</li>
+</ul>
+
+<p>This rule judges from following conditions whether or not the function is a method:</p>
+
+<ul>
+  <li>The function is on an object literal.</li>
+  <li>The function assigns to a property.</li>
+  <li>The function is a method/getter/setter of ES2015 Classes. (excepts static methods)</li>
+</ul>
+
+<p>And this rule allows <code class="highlighter-rouge">this</code> keywords in functions below:</p>
+
+<ul>
+  <li>The <code class="highlighter-rouge">call/apply/bind</code> method of the function is called directly.</li>
+  <li>The function is a callback of array methods (such as <code class="highlighter-rouge">.forEach()</code>) if <code class="highlighter-rouge">thisArg</code> is given.</li>
+  <li>The function has <code class="highlighter-rouge">@this</code> tag in its JSDoc comment.</li>
+</ul>
+
+<p>Otherwise are considered problems.</p>
+
+<p>This rule applies <strong>only</strong> in strict mode.
+With <code class="highlighter-rouge">"parserOptions": { "sourceType": "module" }</code> in the ESLint configuration, your code is in strict mode even without a <code class="highlighter-rouge">"use strict"</code> directive.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule in strict mode:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-invalid-this: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><span class="p">})();</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><span class="p">};</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><span class="p">});</span><br/><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span> <span class="o">=</span> <span class="p">()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="c1">// `this` of arrow functions is the outer scope's.</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">aaa</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>            <span class="c1">// There is in a method `aaa`, but `foo` is not a method.</span><br/>            <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>            <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/>        <span class="p">};</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">forEach</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule in strict mode:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-invalid-this: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">Foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// OK, this is in a legacy style constructor.</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a constructor.</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>        <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (this function is on object literal).</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (this function is on object literal).</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">get</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (this function is on object literal).</span><br/>        <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">a</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="nb">Object</span><span class="p">.</span><span class="nx">create</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="p">{</span><span class="na">value</span><span class="p">:</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (this function is on object literal).</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="p">}}</span><br/><span class="p">});</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="s2">"foo"</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">value</span><span class="p">:</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (this function is on object literal).</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">});</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperties</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="p">{</span><span class="na">value</span><span class="p">:</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (this function is on object literal).</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="p">}}</span><br/><span class="p">});</span><br/><br/><span class="kd">function</span> <span class="nx">Foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (this function assigns to a property).</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>        <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// OK, this is in a method (this function assigns to a property).</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">};</span><br/><br/><span class="nx">Foo</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// OK, this is in a method (this function assigns to a property).</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method.</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>        <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/>    <span class="p">}</span><br/><br/>    <span class="kr">static</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// OK, this is in a method (static methods also have valid this).</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>        <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// OK, the `bind` method of this function is called directly.</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">}).</span><span class="nx">bind</span><span class="p">(</span><span class="nx">obj</span><span class="p">);</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">forEach</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// OK, `thisArg` of `.forEach()` is given.</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">baz</span><span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span><br/><span class="p">},</span> <span class="nx">thisArg</span><span class="p">);</span><br/><br/><span class="cm">/** @this Foo */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// OK, this function has a `@this` tag in its JSDoc comment.</span><br/>    <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about usage of <code class="highlighter-rouge">this</code> keyword outside of classes or class-like objects, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-invalid-this.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-invalid-this.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-irregular-whitespace.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-irregular-whitespace.html
new file mode 100644
index 0000000..869a7b4
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-irregular-whitespace.html
@@ -0,0 +1,101 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-irregular-whitespace-no-irregular-whitespace">disallow irregular whitespace (no-irregular-whitespace)</h1>
+
+<p>Invalid or irregular whitespace causes issues with ECMAScript 5 parsers and also makes code harder to debug in a similar nature to mixed tabs and spaces.</p>
+
+<p>Various whitespace characters can be inputted by programmers by mistake for example from copying or keyboard shortcuts. Pressing Alt + Space on OS X adds in a non breaking space character for example.</p>
+
+<p>Known issues these spaces cause:</p>
+
+<ul>
+  <li>Zero Width Space
+    <ul>
+      <li>Is NOT considered a separator for tokens and is often parsed as an <code class="highlighter-rouge">Unexpected token ILLEGAL</code></li>
+      <li>Is NOT shown in modern browsers making code repository software expected to resolve the visualisation</li>
+    </ul>
+  </li>
+  <li>Line Separator
+    <ul>
+      <li>Is NOT a valid character within JSON which would cause parse errors</li>
+    </ul>
+  </li>
+</ul>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at catching invalid whitespace that is not a normal tab and space. Some of these characters may cause issues in modern browsers and others will be a debugging issue to spot.</p>
+
+<p>This rule disallows the following characters except where the options allow:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>\u000B - Line Tabulation (\v) - &lt;VT&gt;<br/>\u000C - Form Feed (\f) - &lt;FF&gt;<br/>\u00A0 - No-Break Space - &lt;NBSP&gt;<br/>\u0085 - Next Line<br/>\u1680 - Ogham Space Mark<br/>\u180E - Mongolian Vowel Separator - &lt;MVS&gt;<br/>\ufeff - Zero Width No-Break Space - &lt;BOM&gt;<br/>\u2000 - En Quad<br/>\u2001 - Em Quad<br/>\u2002 - En Space - &lt;ENSP&gt;<br/>\u2003 - Em Space - &lt;EMSP&gt;<br/>\u2004 - Tree-Per-Em<br/>\u2005 - Four-Per-Em<br/>\u2006 - Six-Per-Em<br/>\u2007 - Figure Space<br/>\u2008 - Punctuation Space - &lt;PUNCSP&gt;<br/>\u2009 - Thin Space<br/>\u200A - Hair Space<br/>\u200B - Zero Width Space - &lt;ZWSP&gt;<br/>\u2028 - Line Separator<br/>\u2029 - Paragraph Separator<br/>\u202F - Narrow No-Break Space<br/>\u205f - Medium Mathematical Space<br/>\u3000 - Ideographic Space<br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option for exceptions:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"skipStrings": true</code> (default) allows any whitespace characters in string literals</li>
+  <li><code class="highlighter-rouge">"skipComments": true</code> allows any whitespace characters in comments</li>
+  <li><code class="highlighter-rouge">"skipRegExps": true</code> allows any whitespace characters in regular expression literals</li>
+  <li><code class="highlighter-rouge">"skipTemplates": true</code> allows any whitespace characters in template literals</li>
+</ul>
+
+<h3 id="skipstrings">skipStrings<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#skipstrings" aria-label="Anchor link for: skipstrings" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"skipStrings"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-irregular-whitespace: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span><span class="err">&nbsp;</span><span class="cm">/*&lt;NBSP&gt;*/</span><span class="p">{</span><br/>    <span class="k">return</span> <span class="s1">'test'</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">(</span><span class="err">&nbsp;</span><span class="cm">/*&lt;NBSP&gt;*/</span><span class="p">){</span><br/>    <span class="k">return</span> <span class="s1">'test'</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="err">&nbsp;</span><span class="cm">/*&lt;NBSP&gt;*/</span><span class="p">(){</span><br/>    <span class="k">return</span> <span class="s1">'test'</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="err">᠎</span><span class="cm">/*&lt;MVS&gt;*/</span><span class="p">(){</span><br/>    <span class="k">return</span> <span class="s1">'test'</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="s1">'test'</span><span class="p">;</span><span class="err"> </span><span class="cm">/*&lt;ENSP&gt;*/</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="s1">'test'</span><span class="p">;</span><span class="err">&nbsp;</span><span class="cm">/*&lt;NBSP&gt;*/</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// Description&nbsp;&lt;NBSP&gt;: some descriptive text</span><br/><span class="p">}</span><br/><br/><span class="cm">/*<br/>Description&nbsp;&lt;NBSP&gt;: some descriptive text<br/>*/</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="sr">/&nbsp;&lt;NBSP&gt;regexp/</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="cm">/*eslint-env es6*/</span><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="err">`</span><span class="nx">template</span><span class="err"> </span><span class="o">&lt;</span><span class="nx">NBSP</span><span class="o">&gt;</span><span class="nx">string</span><span class="err">`</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"skipStrings"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-irregular-whitespace: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="s1">'&nbsp;&lt;NBSP&gt;thing'</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="s1">'​&lt;ZWSP&gt;thing'</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="s1">'th&nbsp;&lt;NBSP&gt;ing'</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="skipcomments">skipComments<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#skipcomments" aria-label="Anchor link for: skipcomments" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"skipComments"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-irregular-whitespace: ["error", { "skipComments": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// Description&nbsp;&lt;NBSP&gt;: some descriptive text</span><br/><span class="p">}</span><br/><br/><span class="cm">/*<br/>Description&nbsp;&lt;NBSP&gt;: some descriptive text<br/>*/</span><br/></code></pre>
+</div>
+
+<h3 id="skipregexps">skipRegExps<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#skipregexps" aria-label="Anchor link for: skipregexps" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"skipRegExps"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-irregular-whitespace: ["error", { "skipRegExps": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="sr">/&nbsp;&lt;NBSP&gt;regexp/</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="skiptemplates">skipTemplates<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#skiptemplates" aria-label="Anchor link for: skiptemplates" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"skipTemplates"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-irregular-whitespace: ["error", { "skipTemplates": true }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">thing</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="err">`</span><span class="nx">template</span><span class="err"> </span><span class="o">&lt;</span><span class="nx">NBSP</span><span class="o">&gt;</span><span class="nx">string</span><span class="err">`</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you decide that you wish to use whitespace other than tabs and spaces outside of strings in your application.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://es5.github.io/#x7.2 \xA0">ECMA whitespace</a></li>
+  <li><a href="http://timelessrepo.com/json-isnt-a-javascript-subset">JSON whitespace issues</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-irregular-whitespace.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-irregular-whitespace.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-iterator.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-iterator.html
new file mode 100644
index 0000000..36e03f3
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-iterator.html
@@ -0,0 +1,46 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-iterator-no-iterator">Disallow Iterator (no-iterator)</h1>
+
+<p>The <code class="highlighter-rouge">__iterator__</code> property was a SpiderMonkey extension to JavaScript that could be used to create custom iterators that are compatible with JavaScript’s <code class="highlighter-rouge">for in</code> and <code class="highlighter-rouge">for each</code> constructs. However, this property is now obsolete, so it should not be used. Here’s an example of how this used to work:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">Foo</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">__iterator__</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="k">new</span> <span class="nx">FooIterator</span><span class="p">(</span><span class="k">this</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>You should use ECMAScript 6 iterators and generators instead.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing errors that may arise from using the <code class="highlighter-rouge">__iterator__</code> property, which is not implemented in several browsers. As such, it will warn whenever it encounters the <code class="highlighter-rouge">__iterator__</code> property.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-iterator: "error"*/</span><br/><br/><span class="nx">Foo</span><span class="p">.</span><span class="nx">prototype</span><span class="p">.</span><span class="nx">__iterator__</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="k">new</span> <span class="nx">FooIterator</span><span class="p">(</span><span class="k">this</span><span class="p">);</span><br/><span class="p">};</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">__iterator__</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{};</span><br/><br/><span class="nx">foo</span><span class="p">[</span><span class="s2">"__iterator__"</span><span class="p">]</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{};</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-iterator: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">__iterator__</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span> <span class="c1">// Not using the `__iterator__` property.</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Iterators_and_Generators">MDN - Iterators and Generators</a></li>
+  <li><a href="http://kangax.github.io/es5-compat-table/es6/#Iterators">ECMAScript 6 compatibility table - Iterators</a></li>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Deprecated_and_obsolete_features#Object_methods">Deprecated and Obsolete Features</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-iterator.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-iterator.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-label-var.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-label-var.html
new file mode 100644
index 0000000..ee639a1
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-label-var.html
@@ -0,0 +1,49 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-labels-that-are-variables-names-no-label-var">Disallow Labels That Are Variables Names (no-label-var)</h1>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to create clearer code by disallowing the bad practice of creating a label that shares a name with a variable that is in scope.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-label-var: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/><span class="nl">x</span><span class="p">:</span><br/>  <span class="k">for</span> <span class="p">(;;)</span> <span class="p">{</span><br/>    <span class="k">break</span> <span class="nx">x</span><span class="p">;</span><br/>  <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-label-var: "error"*/</span><br/><br/><span class="c1">// The variable that has the same name as the label is not in scope.</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="kd">var</span> <span class="nx">q</span> <span class="o">=</span> <span class="nx">t</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/><span class="nl">q</span><span class="p">:</span><br/>  <span class="k">for</span><span class="p">(;;)</span> <span class="p">{</span><br/>    <span class="k">break</span> <span class="nx">q</span><span class="p">;</span><br/>  <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about usage of labels, then it’s safe to disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/a-is-a-statement-label/">‘{a}’ is a statement label</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="./no-extra-label">no-extra-label</a></li>
+  <li><a href="./no-labels">no-labels</a></li>
+  <li><a href="./no-unused-labels">no-unused-labels</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-label-var.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-label-var.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-labels.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-labels.html
new file mode 100644
index 0000000..eebf3f4
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-labels.html
@@ -0,0 +1,78 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-labeled-statements-no-labels">Disallow Labeled Statements (no-labels)</h1>
+
+<p>Labeled statements in JavaScript are used in conjunction with <code class="highlighter-rouge">break</code> and <code class="highlighter-rouge">continue</code> to control flow around multiple loops. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">outer</span><span class="err">:</span><br/>    <span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/><br/>        <span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>            <span class="k">break</span> <span class="nx">outer</span><span class="p">;</span><br/>        <span class="p">}</span><br/>    <span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The <code class="highlighter-rouge">break outer</code> statement ensures that this code will not result in an infinite loop because control is returned to the next statement after the <code class="highlighter-rouge">outer</code> label was applied. If this statement was changed to be just <code class="highlighter-rouge">break</code>, control would flow back to the outer <code class="highlighter-rouge">while</code> statement and an infinite loop would result.</p>
+
+<p>While convenient in some cases, labels tend to be used only rarely and are frowned upon by some as a remedial form of flow control that is more error prone and harder to understand.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate the use of labeled statements in JavaScript. It will warn whenever a labeled statement is encountered and whenever <code class="highlighter-rouge">break</code> or <code class="highlighter-rouge">continue</code> are used with a label.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-labels: "error"*/</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="k">while</span><span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="k">while</span><span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">break</span> <span class="nx">label</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="k">while</span><span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">continue</span> <span class="nx">label</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span><br/>        <span class="k">break</span> <span class="nx">label</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="p">{</span><br/>        <span class="k">break</span> <span class="nx">label</span><span class="p">;</span><br/>    <span class="p">}</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">break</span> <span class="nx">label</span><span class="p">;</span><br/>    <span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-labels: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">f</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">label</span><span class="p">:</span> <span class="s2">"foo"</span><br/><span class="p">};</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">break</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">continue</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The options allow labels with loop or switch statements:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allowLoop"</code> (<code class="highlighter-rouge">boolean</code>, default is <code class="highlighter-rouge">false</code>) - If this option was set <code class="highlighter-rouge">true</code>, this rule ignores labels which are sticking to loop statements.</li>
+  <li><code class="highlighter-rouge">"allowSwitch"</code> (<code class="highlighter-rouge">boolean</code>, default is <code class="highlighter-rouge">false</code>) - If this option was set <code class="highlighter-rouge">true</code>, this rule ignores labels which are sticking to switch statements.</li>
+</ul>
+
+<p>Actually labeled statements in JavaScript can be used with other than loop and switch statements.
+However, this way is ultra rare, not well-known, so this would be confusing developers.</p>
+
+<h3 id="allowloop">allowLoop<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowloop" aria-label="Anchor link for: allowloop" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the { “allowLoop”: true } option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-labels: ["error", { "allowLoop": true }]*/</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="k">while</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">break</span> <span class="nx">label</span><span class="p">;</span><br/>    <span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="allowswitch">allowSwitch<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowswitch" aria-label="Anchor link for: allowswitch" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the { “allowSwitch”: true } option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-labels: ["error", { "allowSwitch": true }]*/</span><br/><br/><span class="nl">label</span><span class="p">:</span><br/>    <span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">case</span> <span class="mi">0</span><span class="err">:</span><br/>            <span class="k">break</span> <span class="nx">label</span><span class="p">;</span><br/>    <span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you need to use labeled statements everywhere, then you can safely disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="./no-extra-label">no-extra-label</a></li>
+  <li><a href="./no-label-var">no-label-var</a></li>
+  <li><a href="./no-unused-labels">no-unused-labels</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-labels.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-labels.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-lone-blocks.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-lone-blocks.html
new file mode 100644
index 0000000..a93e97a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-lone-blocks.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-nested-blocks-no-lone-blocks">Disallow Unnecessary Nested Blocks (no-lone-blocks)</h1>
+
+<p>In JavaScript, prior to ES6, standalone code blocks delimited by curly braces do not create a new scope and have no use. For example, these curly braces do nothing to <code class="highlighter-rouge">foo</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In ES6, code blocks may create a new scope if a block-level binding (<code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code>), a class declaration or a function declaration (in strict mode) are present. A block is not considered redundant in these cases.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate unnecessary and potentially confusing blocks at the top level of a script or within other blocks.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-lone-blocks: "error"*/</span><br/><br/><span class="p">{}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/>    <span class="p">{</span><br/>        <span class="nx">baz</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="p">{</span><br/>        <span class="nx">baz</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="p">{</span><br/>    <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/><br/><span class="p">{</span><br/>    <span class="nl">aLabel</span><span class="p">:</span> <span class="p">{</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with es6 environment:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-lone-blocks: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">baz</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="p">{</span><br/>    <span class="kr">const</span> <span class="nx">y</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="p">{</span><br/>    <span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{}</span><br/><span class="p">}</span><br/><br/><span class="nl">aLabel</span><span class="p">:</span> <span class="p">{</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with es6 environment and strict mode via <code class="highlighter-rouge">"parserOptions": { "sourceType": "module" }</code> in the ESLint configuration or <code class="highlighter-rouge">"use strict"</code> directive in the code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-lone-blocks: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="p">{</span><br/>    <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-lone-blocks.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-lone-blocks.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-lonely-if.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-lonely-if.html
new file mode 100644
index 0000000..47b8076
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-lonely-if.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-if-as-the-only-statement-in-an-else-block-no-lonely-if">Disallow <code class="highlighter-rouge">if</code> as the Only Statement in an <code class="highlighter-rouge">else</code> Block (no-lonely-if)</h1>
+
+<p>If an <code class="highlighter-rouge">if</code> statement is the only statement in the <code class="highlighter-rouge">else</code> block of a parent <code class="highlighter-rouge">if</code> statement, it is often clearer to combine the two to using <code class="highlighter-rouge">else if</code> form.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>should be rewritten as</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule warns when an <code class="highlighter-rouge">if</code> statement’s <code class="highlighter-rouge">else</code> block contains only another <code class="highlighter-rouge">if</code> statement.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-lonely-if: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">anotherCondition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">anotherCondition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-lonely-if: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">anotherCondition</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">anotherCondition</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">condition</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">anotherCondition</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Disable this rule if the code is clearer without requiring the <code class="highlighter-rouge">else if</code> form.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.6.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-lonely-if.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-lonely-if.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-loop-func.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-loop-func.html
new file mode 100644
index 0000000..ed3f3cf
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-loop-func.html
@@ -0,0 +1,51 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-functions-in-loops-no-loop-func">Disallow Functions in Loops (no-loop-func)</h1>
+
+<p>Writing functions within loops tends to result in errors due to the way the function creates a closure around the loop. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">funcs</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">i</span><span class="p">;</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In this case, you would expect each function created within the loop to return a different number. In reality, each function returns 10, because that was the last value of <code class="highlighter-rouge">i</code> in the scope.</p>
+
+<p><code class="highlighter-rouge">let</code> or <code class="highlighter-rouge">const</code> mitigate this problem.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">funcs</span><span class="p">[</span><span class="nx">i</span><span class="p">]</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">i</span><span class="p">;</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In this case, each function created within the loop returns a different number as expected.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This error is raised to highlight a piece of code that may not work as you expect it to and could also indicate a misunderstanding of how the language works. Your code may run without any problems if you do not fix this error, but in some situations it could behave unexpectedly.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-loop-func: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">i</span><span class="p">;</span> <span class="p">})();</span><br/><span class="p">}</span><br/><br/><span class="k">while</span><span class="p">(</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">i</span><span class="p">;</span> <span class="p">};</span><br/>    <span class="nx">a</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">do</span> <span class="p">{</span><br/>    <span class="kd">function</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">i</span><span class="p">;</span> <span class="p">};</span><br/>    <span class="nx">a</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">while</span> <span class="p">(</span><span class="nx">i</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span><span class="o">=</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// Bad, function is referencing block scoped variable in the outer scope.</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">foo</span><span class="p">;</span> <span class="p">};</span><br/>    <span class="nx">a</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-loop-func: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">a</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span> <span class="c1">// OK, no references to variables in the outer scopes.</span><br/>    <span class="nx">a</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span><span class="o">=</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">i</span><span class="p">;</span> <span class="p">};</span> <span class="c1">// OK, all references are referring to block scoped variables in the loop.</span><br/>    <span class="nx">a</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">100</span><span class="p">;</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span><span class="o">=</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">foo</span><span class="p">;</span> <span class="p">};</span> <span class="c1">// OK, all references are referring to never modified variables.</span><br/>    <span class="nx">a</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="c1">//... no modifications of foo after this loop ...</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/dont-make-functions-within-a-loop/">Don’t make functions within a loop</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-loop-func.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-loop-func.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-magic-numbers.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-magic-numbers.html
new file mode 100644
index 0000000..cbb1937
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-magic-numbers.html
@@ -0,0 +1,85 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-magic-numbers-no-magic-numbers">Disallow Magic Numbers (no-magic-numbers)</h1>
+
+<p>‘Magic numbers’ are numbers that occur multiple time in code without an explicit meaning.
+They should preferably be replaced by named constants.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">now</span> <span class="o">=</span> <span class="nb">Date</span><span class="p">.</span><span class="nx">now</span><span class="p">(),</span><br/>    <span class="nx">inOneHour</span> <span class="o">=</span> <span class="nx">now</span> <span class="o">+</span> <span class="p">(</span><span class="mi">60</span> <span class="o">*</span> <span class="mi">60</span> <span class="o">*</span> <span class="mi">1000</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The <code class="highlighter-rouge">no-magic-numbers</code> rule aims to make code more readable and refactoring easier by ensuring that special numbers
+are declared as constants to make their meaning explicit.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">dutyFreePrice</span> <span class="o">=</span> <span class="mi">100</span><span class="p">,</span><br/>    <span class="nx">finalPrice</span> <span class="o">=</span> <span class="nx">dutyFreePrice</span> <span class="o">+</span> <span class="p">(</span><span class="nx">dutyFreePrice</span> <span class="o">*</span> <span class="mf">0.25</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">,</span> <span class="s1">'baz'</span><span class="p">];</span><br/><br/><span class="kd">var</span> <span class="nx">dataLast</span> <span class="o">=</span> <span class="nx">data</span><span class="p">[</span><span class="mi">2</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">TAX</span> <span class="o">=</span> <span class="mf">0.25</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">dutyFreePrice</span> <span class="o">=</span> <span class="mi">100</span><span class="p">,</span><br/>    <span class="nx">finalPrice</span> <span class="o">=</span> <span class="nx">dutyFreePrice</span> <span class="o">+</span> <span class="p">(</span><span class="nx">dutyFreePrice</span> <span class="o">*</span> <span class="nx">TAX</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="ignore">ignore<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignore" aria-label="Anchor link for: ignore" data-anchorjs-icon=""></a></h3>
+
+<p>An array of numbers to ignore. It’s set to <code class="highlighter-rouge">[]</code> by default.
+If provided, it must be an <code class="highlighter-rouge">Array</code>.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the sample { “ignore”: [1] } option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: ["error", { "ignore": [1] }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">,</span> <span class="s1">'baz'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">dataLast</span> <span class="o">=</span> <span class="nx">data</span><span class="p">.</span><span class="nx">length</span> <span class="o">&amp;&amp;</span> <span class="nx">data</span><span class="p">[</span><span class="nx">data</span><span class="p">.</span><span class="nx">length</span> <span class="o">-</span> <span class="mi">1</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<h3 id="ignorearrayindexes">ignoreArrayIndexes<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignorearrayindexes" aria-label="Anchor link for: ignorearrayindexes" data-anchorjs-icon=""></a></h3>
+
+<p>A boolean to specify if numbers used as array indexes are considered okay. <code class="highlighter-rouge">false</code> by default.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the { “ignoreArrayIndexes”: true } option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: ["error", { "ignoreArrayIndexes": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">data</span> <span class="o">=</span> <span class="p">[</span><span class="s1">'foo'</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">,</span> <span class="s1">'baz'</span><span class="p">];</span><br/><span class="kd">var</span> <span class="nx">dataLast</span> <span class="o">=</span> <span class="nx">data</span><span class="p">[</span><span class="mi">2</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<h3 id="enforceconst">enforceConst<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#enforceconst" aria-label="Anchor link for: enforceconst" data-anchorjs-icon=""></a></h3>
+
+<p>A boolean to specify if we should check for the const keyword in variable declaration of numbers. <code class="highlighter-rouge">false</code> by default.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the { “enforceConst”: true } option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: ["error", { "enforceConst": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">TAX</span> <span class="o">=</span> <span class="mf">0.25</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">dutyFreePrice</span> <span class="o">=</span> <span class="mi">100</span><span class="p">,</span><br/>    <span class="nx">finalPrice</span> <span class="o">=</span> <span class="nx">dutyFreePrice</span> <span class="o">+</span> <span class="p">(</span><span class="nx">dutyFreePrice</span> <span class="o">*</span> <span class="nx">TAX</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="detectobjects">detectObjects<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#detectobjects" aria-label="Anchor link for: detectobjects" data-anchorjs-icon=""></a></h3>
+
+<p>A boolean to specify if we should detect numbers when setting object properties for example. <code class="highlighter-rouge">false</code> by default.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the { “detectObjects”: true } option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: ["error", { "detectObjects": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">magic</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="na">tax</span><span class="p">:</span> <span class="mf">0.25</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">dutyFreePrice</span> <span class="o">=</span> <span class="mi">100</span><span class="p">,</span><br/>    <span class="nx">finalPrice</span> <span class="o">=</span> <span class="nx">dutyFreePrice</span> <span class="o">+</span> <span class="p">(</span><span class="nx">dutyFreePrice</span> <span class="o">*</span> <span class="nx">magic</span><span class="p">.</span><span class="nx">tax</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the { “detectObjects”: true } option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-magic-numbers: ["error", { "detectObjects": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">TAX</span> <span class="o">=</span> <span class="mf">0.25</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">magic</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="na">tax</span><span class="p">:</span> <span class="nx">TAX</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">dutyFreePrice</span> <span class="o">=</span> <span class="mi">100</span><span class="p">,</span><br/>    <span class="nx">finalPrice</span> <span class="o">=</span> <span class="nx">dutyFreePrice</span> <span class="o">+</span> <span class="p">(</span><span class="nx">dutyFreePrice</span> <span class="o">*</span> <span class="nx">magic</span><span class="p">.</span><span class="nx">tax</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.7.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-magic-numbers.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-magic-numbers.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-mixed-requires.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-mixed-requires.html
new file mode 100644
index 0000000..29eeacd
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-mixed-requires.html
@@ -0,0 +1,95 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-mixed-requires-no-mixed-requires">Disallow Mixed Requires (no-mixed-requires)</h1>
+
+<p>In the Node.js community it is often customary to separate initializations with calls to <code class="highlighter-rouge">require</code> modules from other variable declarations, sometimes also grouping them by the type of module. This rule helps you enforce this convention.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>When this rule is enabled, each <code class="highlighter-rouge">var</code> statement must satisfy the following conditions:</p>
+
+<ul>
+  <li>either none or all variable declarations must be require declarations (default)</li>
+  <li>all require declarations must be of the same type (grouping)</li>
+</ul>
+
+<p>This rule distinguishes between six kinds of variable declaration types:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">core</code>: declaration of a required <a href="http://nodejs.org/api/modules.html#modules_core_modules">core module</a></li>
+  <li><code class="highlighter-rouge">file</code>: declaration of a required <a href="http://nodejs.org/api/modules.html#modules_file_modules">file module</a></li>
+  <li><code class="highlighter-rouge">module</code>: declaration of a required module from the <a href="http://nodejs.org/api/modules.html#modules_loading_from_node_modules_folders">node_modules folder</a></li>
+  <li><code class="highlighter-rouge">computed</code>: declaration of a required module whose type could not be determined (either because it is computed or because require was called without an argument)</li>
+  <li><code class="highlighter-rouge">uninitialized</code>: a declaration that is not initialized</li>
+  <li><code class="highlighter-rouge">other</code>: any other kind of declaration</li>
+</ul>
+
+<p>In this document, the first four types are summed up under the term <em>require declaration</em>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fs'</span><span class="p">),</span>        <span class="c1">// "core"     \</span><br/>    <span class="nx">async</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'async'</span><span class="p">),</span>  <span class="c1">// "module"   |- these are "require declaration"s</span><br/>    <span class="nx">foo</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'./foo'</span><span class="p">),</span>    <span class="c1">// "file"     |</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="nx">getName</span><span class="p">()),</span>  <span class="c1">// "computed" /</span><br/>    <span class="nx">baz</span> <span class="o">=</span> <span class="mi">42</span><span class="p">,</span>                  <span class="c1">// "other"</span><br/>    <span class="nx">bam</span><span class="p">;</span>                       <span class="c1">// "uninitialized"</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule can have an object literal option whose two properties have <code class="highlighter-rouge">false</code> values by default.</p>
+
+<p>Configuring this rule with one boolean option <code class="highlighter-rouge">true</code> is deprecated.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"grouping"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowCall"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-requires: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fs'</span><span class="p">),</span><br/>    <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">async</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'async'</span><span class="p">),</span><br/>    <span class="nx">debug</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'diagnostics'</span><span class="p">).</span><span class="nx">someFunction</span><span class="p">(</span><span class="s1">'my-module'</span><span class="p">),</span><br/>    <span class="nx">eslint</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'eslint'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"grouping"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowCall"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-requires: "error"*/</span><br/><br/><span class="c1">// only require declarations (grouping off)</span><br/><span class="kd">var</span> <span class="nx">eventEmitter</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'events'</span><span class="p">).</span><span class="nx">EventEmitter</span><span class="p">,</span><br/>    <span class="nx">myUtils</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'./utils'</span><span class="p">),</span><br/>    <span class="nx">util</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'util'</span><span class="p">),</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="nx">getBarModuleName</span><span class="p">());</span><br/><br/><span class="c1">// only non-require declarations</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="s1">'baz'</span><span class="p">;</span><br/><br/><span class="c1">// always valid regardless of grouping because all declarations are of the same type</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'foo'</span> <span class="o">+</span> <span class="nx">VERSION</span><span class="p">),</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="nx">getBarModuleName</span><span class="p">()),</span><br/>    <span class="nx">baz</span> <span class="o">=</span> <span class="nx">require</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="grouping">grouping<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#grouping" aria-label="Anchor link for: grouping" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"grouping"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-requires: ["error", { "grouping": true }]*/</span><br/><br/><span class="c1">// invalid because of mixed types "core" and "file"</span><br/><span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fs'</span><span class="p">),</span><br/>    <span class="nx">async</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'async'</span><span class="p">);</span><br/><br/><span class="c1">// invalid because of mixed types "file" and "unknown"</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'foo'</span><span class="p">),</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="nx">getBarModuleName</span><span class="p">());</span><br/></code></pre>
+</div>
+
+<h3 id="allowcall">allowCall<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowcall" aria-label="Anchor link for: allowcall" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowCall"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-requires: ["error", { "allowCall": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">async</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'async'</span><span class="p">),</span><br/>    <span class="nx">debug</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'diagnostics'</span><span class="p">).</span><span class="nx">someFunction</span><span class="p">(</span><span class="s1">'my-module'</span><span class="p">),</span> <span class="cm">/* allowCall doesn't allow calling any function */</span><br/>    <span class="nx">eslint</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'eslint'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowCall"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-requires: ["error", { "allowCall": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">async</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'async'</span><span class="p">),</span><br/>    <span class="nx">debug</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'diagnostics'</span><span class="p">)(</span><span class="s1">'my-module'</span><span class="p">),</span><br/>    <span class="nx">eslint</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'eslint'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li>
+    <p>The implementation is not aware of any local functions with the name <code class="highlighter-rouge">require</code> that may shadow Node.js’ global <code class="highlighter-rouge">require</code>.</p>
+  </li>
+  <li>
+    <p>Internally, the list of core modules is retrieved via <code class="highlighter-rouge">require("repl")._builtinLibs</code>. If you use different versions of Node.js for ESLint and your application, the list of core modules for each version may be different.
+The above mentioned <code class="highlighter-rouge">_builtinLibs</code> property became available in 0.8, for earlier versions a hardcoded list of module names is used as a fallback. If your version of Node.js is older than 0.6 that list may be inaccurate.</p>
+  </li>
+</ul>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you use a pattern such as <a href="https://github.com/umdjs/umd">UMD</a> where the <code class="highlighter-rouge">require</code>d modules are not loaded in variable declarations, this rule will obviously do nothing for you.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-mixed-requires.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-mixed-requires.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-mixed-spaces-and-tabs.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-mixed-spaces-and-tabs.html
new file mode 100644
index 0000000..af00152
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-mixed-spaces-and-tabs.html
@@ -0,0 +1,55 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-mixed-spaces-and-tabs-for-indentation-no-mixed-spaces-and-tabs">Disallow mixed spaces and tabs for indentation (no-mixed-spaces-and-tabs)</h1>
+
+<p>Most code conventions require either tabs or spaces be used for indentation. As such, it’s usually an error if a single line of code is indented with both tabs and spaces.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The <code class="highlighter-rouge">no-mixed-spaces-and-tabs</code> rule is aimed at flagging any lines of code that are indented with a mixture of tabs and spaces.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="smart-tabs">smart-tabs<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#smart-tabs" aria-label="Anchor link for: smart tabs" data-anchorjs-icon=""></a></h3>
+
+<p>This option suppresses warnings about mixed tabs and spaces when the latter are used for alignment only. This technique is called <a href="http://www.emacswiki.org/emacs/SmartTabs">SmartTabs</a>. The option is turned off by default.</p>
+
+<p>You can enable this option by using the following configuration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"no-mixed-spaces-and-tabs"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"smart-tabs"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-spaces-and-tabs: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">add</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">)</span> <span class="p">{</span><br/><span class="c1">// ---&gt;..return x + y;</span><br/><br/>      <span class="k">return</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">main</span><span class="p">()</span> <span class="p">{</span><br/><span class="c1">// ---&gt;var x = 5,</span><br/><span class="c1">// ---&gt;....y = 7;</span><br/><br/>    <span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">,</span><br/>        <span class="nx">y</span> <span class="o">=</span> <span class="mi">7</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-spaces-and-tabs: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">add</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">)</span> <span class="p">{</span><br/><span class="c1">// ---&gt;return x + y;</span><br/>    <span class="k">return</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>When the SmartTabs option is enabled the following does not produce a warning:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-mixed-spaces-and-tabs: ["error", "smart-tabs"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">main</span><span class="p">()</span> <span class="p">{</span><br/><span class="c1">// ---&gt;var x = 5,</span><br/><span class="c1">// ---&gt;....y = 7;</span><br/><br/>    <span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">5</span><span class="p">,</span><br/>        <span class="nx">y</span> <span class="o">=</span> <span class="mi">7</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://www.emacswiki.org/emacs/SmartTabs">Smart Tabs</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.7.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-mixed-spaces-and-tabs.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-mixed-spaces-and-tabs.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multi-spaces.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multi-spaces.html
new file mode 100644
index 0000000..085530a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multi-spaces.html
@@ -0,0 +1,94 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-multiple-spaces-no-multi-spaces">Disallow multiple spaces (no-multi-spaces)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Multiple spaces in a row that are not used for indentation are typically mistakes. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><br/><span class="k">if</span><span class="p">(</span><span class="nx">foo</span>  <span class="o">===</span> <span class="s2">"bar"</span><span class="p">)</span> <span class="p">{}</span><br/><br/></code></pre>
+</div>
+
+<p>It’s hard to tell, but there are two spaces between <code class="highlighter-rouge">foo</code> and <code class="highlighter-rouge">===</code>. Multiple spaces such as this are generally frowned upon in favor of single spaces:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><br/><span class="k">if</span><span class="p">(</span><span class="nx">foo</span> <span class="o">===</span> <span class="s2">"bar"</span><span class="p">)</span> <span class="p">{}</span><br/><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to disallow multiple whitespace around logical expressions, conditional expressions, declarations, array elements, object properties, sequences and function parameters.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-spaces: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span>  <span class="mi">1</span><span class="p">;</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="nx">foo</span>   <span class="o">===</span> <span class="s2">"bar"</span><span class="p">)</span> <span class="p">{}</span><br/><br/><span class="nx">a</span> <span class="o">&lt;&lt;</span>  <span class="nx">b</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span>  <span class="mi">2</span><span class="p">];</span><br/><br/><span class="nx">a</span> <span class="p">?</span>  <span class="nx">b</span><span class="p">:</span> <span class="nx">c</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-spaces: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="nx">foo</span> <span class="o">===</span> <span class="s2">"bar"</span><span class="p">)</span> <span class="p">{}</span><br/><br/><span class="nx">a</span> <span class="o">&lt;&lt;</span> <span class="nx">b</span><br/><br/><span class="kd">var</span> <span class="nx">arr</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">];</span><br/><br/><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span><span class="p">:</span> <span class="nx">c</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>To avoid contradictions if some other rules require multiple spaces, this rule has an option to ignore certain node types in the abstract syntax tree (AST) of JavaScript code.</p>
+
+<h3 id="exceptions">exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">exceptions</code> object expects property names to be AST node types as defined by <a href="https://github.com/estree/estree">ESTree</a>. The easiest way to determine the node types for <code class="highlighter-rouge">exceptions</code> is to use the <a href="http://eslint.org/parser">online demo</a>.</p>
+
+<p>Only the <code class="highlighter-rouge">Property</code> node type is ignored by default, because for the <a href="key-spacing">key-spacing</a> rule some alignment options require multiple spaces in properties of object literals.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"exceptions": { "Property": true }</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-spaces: "error"*/</span><br/><span class="cm">/*eslint key-spacing: ["error", { align: "value" }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">first</span><span class="p">:</span>  <span class="s2">"first"</span><span class="p">,</span><br/>    <span class="na">second</span><span class="p">:</span> <span class="s2">"second"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"exceptions": { "Property": false }</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-spaces: ["error", { exceptions: { "Property": false } }]*/</span><br/><span class="cm">/*eslint key-spacing: ["error", { align: "value" }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">first</span><span class="p">:</span>  <span class="s2">"first"</span><span class="p">,</span><br/>    <span class="na">second</span><span class="p">:</span> <span class="s2">"second"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"exceptions": { "BinaryExpression": true }</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-spaces: ["error", { exceptions: { "BinaryExpression": true } }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span>  <span class="o">*</span>  <span class="mi">2</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"exceptions": { "VariableDeclarator": true }</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-spaces: ["error", { exceptions: { "VariableDeclarator": true } }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">someVar</span>      <span class="o">=</span> <span class="s1">'foo'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">someOtherVar</span> <span class="o">=</span> <span class="s1">'barBaz'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"exceptions": { "ImportDeclaration": true }</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-spaces: ["error", { exceptions: { "ImportDeclaration": true } }]*/</span><br/><br/><span class="kr">import</span> <span class="nx">mod</span>          <span class="nx">from</span> <span class="s1">'mod'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">someOtherMod</span> <span class="nx">from</span> <span class="s1">'some-other-mod'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to check and disallow multiple spaces, then you should turn this rule off.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="key-spacing">key-spacing</a></li>
+  <li><a href="space-infix-ops">space-infix-ops</a></li>
+  <li><a href="space-in-brackets">space-in-brackets</a> (deprecated)</li>
+  <li><a href="space-in-parens">space-in-parens</a></li>
+  <li><a href="space-after-keywords">space-after-keywords</a></li>
+  <li><a href="space-unary-ops">space-unary-ops</a></li>
+  <li><a href="space-return-throw-case">space-return-throw-case</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-multi-spaces.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-multi-spaces.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multi-str.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multi-str.html
new file mode 100644
index 0000000..78f868b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multi-str.html
@@ -0,0 +1,44 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-multiline-strings-no-multi-str">Disallow Multiline Strings (no-multi-str)</h1>
+
+<p>It’s possible to create multiline strings in JavaScript by using a slash before a newline, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="s2">"Line 1 \<br/>         Line 2"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Some consider this to be a bad practice as it was an undocumented feature of JavaScript that was only formalized later.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing the use of multiline strings.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-str: "error"*/</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="s2">"Line 1 \<br/>         Line 2"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multi-str: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="s2">"Line 1\n"</span> <span class="o">+</span><br/>        <span class="s2">"Line 2"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/bad-escapement-of-eol-use-option-multistr-if-needed/">Bad escapement of EOL</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-multi-str.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-multi-str.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multiple-empty-lines.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multiple-empty-lines.html
new file mode 100644
index 0000000..99a7951
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-multiple-empty-lines.html
@@ -0,0 +1,88 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallows-multiple-blank-lines-no-multiple-empty-lines">Disallows multiple blank lines (no-multiple-empty-lines)</h1>
+
+<p>Some developers prefer to have multiple blank lines removed, while others feel that it helps improve readability. Whitespace is useful for separating logical sections of code, but excess whitespace takes up more of the screen.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to reduce the scrolling required when reading through your code. It will warn when the maximum amount of empty lines has been exceeded.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The second argument can be used to configure this rule:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">max</code> sets the maximum number of consecutive blank lines.</li>
+  <li><code class="highlighter-rouge">maxEOF</code> can be used to set a different number for the end of file. The last
+blank lines will then be treated differently. If omitted, the <code class="highlighter-rouge">max</code> option is
+applied at the end of the file.</li>
+  <li><code class="highlighter-rouge">maxBOF</code> can be used to set a different number for the beginning of the file.
+If omitted, the ‘max’ option is applied at the beginning of the file.</li>
+</ul>
+
+<h3 id="max">max<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#max" aria-label="Anchor link for: max" data-anchorjs-icon=""></a></h3>
+
+<p>In the following example, the <code class="highlighter-rouge">error</code> is the severity of the rule, and the
+<code class="highlighter-rouge">max</code> property is the maximum number of empty lines (2 in this example).</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"no-multiple-empty-lines"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multiple-empty-lines: ["error", {max: 2}]*/</span><br/><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><br/><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multiple-empty-lines: ["error", {max: 2}]*/</span><br/><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><br/><br/></code></pre>
+</div>
+
+<h3 id="maxeof">maxEOF<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#maxeof" aria-label="Anchor link for: maxeof" data-anchorjs-icon=""></a></h3>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"no-multiple-empty-lines"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="nt">"maxEOF"</span><span class="p">:</span><span class="w"> </span><span class="mi">1</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multiple-empty-lines: ["error", {max: 2, maxEOF: 1}]*/</span><br/><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><br/><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multiple-empty-lines: ["error", {max: 2, maxEOF: 1}]*/</span><br/><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><br/></code></pre>
+</div>
+
+<h3 id="maxbof">maxBOF<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#maxbof" aria-label="Anchor link for: maxbof" data-anchorjs-icon=""></a></h3>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"no-multiple-empty-lines"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"max"</span><span class="p">:</span><span class="w"> </span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="nt">"maxBOF"</span><span class="p">:</span><span class="w"> </span><span class="mi">0</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multiple-empty-lines: ["error", {max: 2, maxBOF: 0}]*/</span><br/><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><br/><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-multiple-empty-lines: ["error", {max: 2, maxBOF: 0}]*/</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><br/><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you do not care about extra blank lines, turn this off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-multiple-empty-lines.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-multiple-empty-lines.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-native-reassign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-native-reassign.html
new file mode 100644
index 0000000..d8f9274
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-native-reassign.html
@@ -0,0 +1,50 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-reassignment-of-native-objects-no-native-reassign">Disallow Reassignment of Native Objects (no-native-reassign)</h1>
+
+<p>Reports an error when they encounter an attempt to assign a value to built-in native object.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nb">String</span> <span class="o">=</span> <span class="s2">"hello world"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The native objects reported by this rule are the <code class="highlighter-rouge">builtin</code> variables from <a href="https://github.com/sindresorhus/globals/">globals</a>.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-native-reassign: "error"*/</span><br/><br/><span class="nb">String</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Object</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts an <code class="highlighter-rouge">exceptions</code> option, which can be used to specify a list of builtins for which reassignments will be allowed:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"rules"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"no-native-reassign"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"exceptions"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"Object"</span><span class="p">]}]</span><span class="w"><br/>    </span><span class="p">}</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you are trying to override one of the native objects.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-extend-native">no-extend-native</a></li>
+  <li><a href="no-redeclare">no-redeclare</a></li>
+  <li><a href="no-shadow">no-shadow</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-native-reassign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-native-reassign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-negated-condition.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-negated-condition.html
new file mode 100644
index 0000000..01fcf50
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-negated-condition.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-negated-expressions-in-conditions-no-negated-condition">Disallow use of negated expressions in conditions (no-negated-condition)</h1>
+
+<p>Checks against the use of a negated expression in an if condition when the else branch is not empty or in a ternary operator. Negated conditions are more difficult to understand. Code can be made more readable by inverting the condition instead.</p>
+
+<p>For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>should instead be written as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/><span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The rule is aimed at preventing the use of a negated expression in a condition.</p>
+
+<p>The following patterns are considered warnings:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-negated-condition: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span> <span class="o">!=</span> <span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span> <span class="o">!==</span> <span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">doSomethingElse</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><br/><span class="o">!</span><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span> <span class="p">:</span> <span class="nx">c</span><br/><br/></code></pre>
+</div>
+
+<p>The following patterns are not warnings:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-negated-condition: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span> <span class="o">!=</span> <span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span> <span class="p">:</span> <span class="nx">c</span><br/><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.6.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-negated-condition.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-negated-condition.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-negated-in-lhs.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-negated-in-lhs.html
new file mode 100644
index 0000000..3f342c0
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-negated-in-lhs.html
@@ -0,0 +1,39 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-negating-the-left-operand-in-in-expressions-no-negated-in-lhs">disallow negating the left operand in <code class="highlighter-rouge">in</code> expressions (no-negated-in-lhs)</h1>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>Just as developers might type <code class="highlighter-rouge">-a + b</code> when they mean <code class="highlighter-rouge">-(a + b)</code> for the negative of a sum, they might type <code class="highlighter-rouge">!key in object</code> by mistake when they almost certainly mean <code class="highlighter-rouge">!(key in object)</code> to test that a key is not in an object.</p>
+
+<h2 id="rule-details-1">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details-1" aria-label="Anchor link for: rule details 1" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows negating the left operand in <code class="highlighter-rouge">in</code> expressions.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-negated-in-lhs: "error"*/</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="nx">key</span> <span class="k">in</span> <span class="nx">object</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// operator precedence makes it equivalent to (!key) in object</span><br/>    <span class="c1">// and type conversion makes it equivalent to (key ? "false" : "true") in object</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-negated-in-lhs: "error"*/</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="o">!</span><span class="p">(</span><span class="nx">key</span> <span class="k">in</span> <span class="nx">object</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// key is not in object</span><br/><span class="p">}</span><br/><br/><span class="k">if</span><span class="p">((</span><span class="s1">''</span> <span class="o">+</span> <span class="o">!</span><span class="nx">key</span><span class="p">)</span> <span class="k">in</span> <span class="nx">object</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// make operator precedence and type conversion explicit</span><br/>    <span class="c1">// in a rare situation when that is the intended meaning</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Never.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-negated-in-lhs.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-negated-in-lhs.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-nested-ternary.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-nested-ternary.html
new file mode 100644
index 0000000..6eff7e9
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-nested-ternary.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-nested-ternaries-no-nested-ternary">Disallow Nested Ternaries (no-nested-ternary)</h1>
+
+<p>Nesting ternary expressions makes code unclear. The <code class="highlighter-rouge">no-nested-ternary</code> rule disallows the use of nested ternary expressions.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="p">?</span> <span class="nx">baz</span> <span class="p">:</span> <span class="nx">qux</span> <span class="o">===</span> <span class="nx">quxx</span> <span class="p">?</span> <span class="nx">bing</span> <span class="p">:</span> <span class="nx">bam</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The <code class="highlighter-rouge">no-nested-ternary</code> rule aims to increase the clarity and readability of code by disallowing the use of nested ternary expressions.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-nested-ternary: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">thing</span> <span class="o">=</span> <span class="nx">foo</span> <span class="p">?</span> <span class="nx">bar</span> <span class="p">:</span> <span class="nx">baz</span> <span class="o">===</span> <span class="nx">qux</span> <span class="p">?</span> <span class="nx">quxx</span> <span class="p">:</span> <span class="nx">foobar</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="p">?</span> <span class="nx">baz</span> <span class="o">===</span> <span class="nx">qux</span> <span class="p">?</span> <span class="nx">quxx</span><span class="p">()</span> <span class="p">:</span> <span class="nx">foobar</span><span class="p">()</span> <span class="p">:</span> <span class="nx">bar</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered okay and could be used alternatively:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-nested-ternary: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">thing</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">thing</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">else</span> <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span> <span class="o">===</span> <span class="nx">qux</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">thing</span> <span class="o">=</span> <span class="nx">quxx</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>  <span class="nx">thing</span> <span class="o">=</span> <span class="nx">foobar</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-ternary">no-ternary</a></li>
+  <li><a href="no-unneeded-ternary">no-unneeded-ternary</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-nested-ternary.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-nested-ternary.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-func.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-func.html
new file mode 100644
index 0000000..3eead9e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-func.html
@@ -0,0 +1,48 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-function-constructor-no-new-func">Disallow Function Constructor (no-new-func)</h1>
+
+<p>It’s possible to create functions in JavaScript using the <code class="highlighter-rouge">Function</code> constructor, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>This is considered by many to be a bad practice due to the difficulty in debugging and reading these types of functions.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This error is raised to highlight the use of a bad practice. By passing a string to the Function constructor, you are requiring the engine to parse that string much in the way it has to when you call the <code class="highlighter-rouge">eval</code> function.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-func: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="nb">Function</span><span class="p">(</span><span class="s2">"a"</span><span class="p">,</span> <span class="s2">"b"</span><span class="p">,</span> <span class="s2">"return a + b"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-func: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">a</span> <span class="o">+</span> <span class="nx">b</span><span class="p">;</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>In more advanced cases where you really need to use the <code class="highlighter-rouge">Function</code> constructor.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/the-function-constructor-is-eval/">The Function constructor is eval</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-new-func.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-new-func.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-object.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-object.html
new file mode 100644
index 0000000..6c4626e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-object.html
@@ -0,0 +1,56 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-the-use-of-the-object-constructor-no-new-object">Disallow the use of the Object constructor (no-new-object)</h1>
+
+<p>The <code class="highlighter-rouge">Object</code> constructor is used to create new generic objects in JavaScript, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">myObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Object</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p>However, this is no different from using the more concise object literal syntax:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">myObject</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p>For this reason, many prefer to always use the object literal syntax and never use the <code class="highlighter-rouge">Object</code> constructor.</p>
+
+<p>While there are no performance differences between the two approaches, the byte savings and conciseness of the object literal form is what has made it the de facto way of creating new objects.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate use of the <code class="highlighter-rouge">Object</code> constructor. As such, it warns whenever <code class="highlighter-rouge">new Object</code> is found in code.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-object: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">myObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Object</span><span class="p">();</span><br/><br/><span class="kd">var</span> <span class="nx">myObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Object</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-object: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">myObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">CustomObject</span><span class="p">();</span><br/><br/><span class="kd">var</span> <span class="nx">myObject</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you wish to allow the use of the <code class="highlighter-rouge">Object</code> constructor, you can safely turn this rule off.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-array-constructor">no-array-constructor</a></li>
+  <li><a href="no-new-wrappers">no-new-wrappers</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-new-object.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-new-object.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-require.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-require.html
new file mode 100644
index 0000000..4efc78d
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-require.html
@@ -0,0 +1,52 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-new-require-no-new-require">Disallow new require (no-new-require)</h1>
+
+<p>The <code class="highlighter-rouge">require</code> function is used to include modules that exist in separate files, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">appHeader</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'app-header'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Some modules return a constructor which can potentially lead to code such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">appHeader</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'app-header'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Unfortunately, this introduces a high potential for confusion since the code author likely meant to write:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">appHeader</span> <span class="o">=</span> <span class="k">new</span> <span class="p">(</span><span class="nx">require</span><span class="p">(</span><span class="s1">'app-header'</span><span class="p">));</span><br/></code></pre>
+</div>
+
+<p>For this reason, it is usually best to disallow this particular expression.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate use of the <code class="highlighter-rouge">new require</code> expression.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-require: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">appHeader</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'app-header'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-require: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">AppHeader</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'app-header'</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">appHeader</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">AppHeader</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you are using a custom implementation of <code class="highlighter-rouge">require</code> and your code will never be used in projects where a standard <code class="highlighter-rouge">require</code> (CommonJS, Node.js, AMD) is expected, you can safely turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.6.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-new-require.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-new-require.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-symbol.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-symbol.html
new file mode 100644
index 0000000..1a7261f
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-symbol.html
@@ -0,0 +1,48 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-symbol-constructor-no-new-symbol">Disallow Symbol Constructor (no-new-symbol)</h1>
+
+<p>The <code class="highlighter-rouge">Symbol</code> constructor is not intended to be used with the <code class="highlighter-rouge">new</code> operator, but to be called as a function.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Symbol</span><span class="p">(</span><span class="s2">"foo"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>This throws a <code class="highlighter-rouge">TypeError</code> exception.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing the accidental calling of <code class="highlighter-rouge">Symbol</code> with the <code class="highlighter-rouge">new</code> operator.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-symbol: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Symbol</span><span class="p">(</span><span class="s1">'foo'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-symbol: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">Symbol</span><span class="p">(</span><span class="s1">'foo'</span><span class="p">);</span><br/><br/><br/><span class="c1">// Ignores shadowed Symbol.</span><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">(</span><span class="nx">Symbol</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kr">const</span> <span class="nx">baz</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Symbol</span><span class="p">(</span><span class="s2">"baz"</span><span class="p">);</span><br/><span class="p">}</span><br/><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule should not be used in ES3/5 environments.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/#sec-symbol-objects">Symbol Objects specification</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-beta.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-new-symbol.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-new-symbol.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-wrappers.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-wrappers.html
new file mode 100644
index 0000000..5b6fa36
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new-wrappers.html
@@ -0,0 +1,69 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-primitive-wrapper-instances-no-new-wrappers">Disallow Primitive Wrapper Instances (no-new-wrappers)</h1>
+
+<p>There are three primitive types in JavaScript that have wrapper objects: string, number, and boolean. These are represented by the constructors <code class="highlighter-rouge">String</code>, <code class="highlighter-rouge">Number</code>, and <code class="highlighter-rouge">Boolean</code>, respectively. The primitive wrapper types are used whenever one of these primitive values is read, providing them with object-like capabilities such as methods. Behind the scenes, an object of the associated wrapper type is created and then destroyed, which is why you can call methods on primitive values, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">text</span> <span class="o">=</span> <span class="s2">"Hello world"</span><span class="p">.</span><span class="nx">substring</span><span class="p">(</span><span class="mi">2</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Behind the scenes in this example, a <code class="highlighter-rouge">String</code> object is constructed. The <code class="highlighter-rouge">substring()</code> method exists on <code class="highlighter-rouge">String.prototype</code> and so is accessible to the string instance.</p>
+
+<p>It’s also possible to manually create a new wrapper instance:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">stringObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">String</span><span class="p">(</span><span class="s2">"Hello world"</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">numberObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Number</span><span class="p">(</span><span class="mi">33</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">booleanObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Boolean</span><span class="p">(</span><span class="kc">false</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Although possible, there aren’t any good reasons to use these primitive wrappers as constructors. They tend to confuse other developers more than anything else because they seem like they should act as primitives, but they do not. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">stringObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">String</span><span class="p">(</span><span class="s2">"Hello world"</span><span class="p">);</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">stringObject</span><span class="p">);</span>       <span class="c1">// "object"</span><br/><br/><span class="kd">var</span> <span class="nx">text</span> <span class="o">=</span> <span class="s2">"Hello world"</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">text</span><span class="p">);</span>               <span class="c1">// "string"</span><br/><br/><span class="kd">var</span> <span class="nx">booleanObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Boolean</span><span class="p">(</span><span class="kc">false</span><span class="p">);</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">booleanObject</span><span class="p">)</span> <span class="p">{</span>    <span class="c1">// all objects are truthy!</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"This executes"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The first problem is that primitive wrapper objects are, in fact, objects. That means <code class="highlighter-rouge">typeof</code> will return <code class="highlighter-rouge">"object"</code> instead of <code class="highlighter-rouge">"string"</code>, <code class="highlighter-rouge">"number"</code>, or <code class="highlighter-rouge">"boolean"</code>. The second problem comes with boolean objects. Every object is truthy, that means an instance of <code class="highlighter-rouge">Boolean</code> always resolves to <code class="highlighter-rouge">true</code> even when its actual value is <code class="highlighter-rouge">false</code>.</p>
+
+<p>For these reasons, it’s considered a best practice to avoid using primitive wrapper types with <code class="highlighter-rouge">new</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate the use of <code class="highlighter-rouge">String</code>, <code class="highlighter-rouge">Number</code>, and <code class="highlighter-rouge">Boolean</code> with the <code class="highlighter-rouge">new</code> operator. As such, it warns whenever it sees <code class="highlighter-rouge">new String</code>, <code class="highlighter-rouge">new Number</code>, or <code class="highlighter-rouge">new Boolean</code>.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-wrappers: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">stringObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">String</span><span class="p">(</span><span class="s2">"Hello world"</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">numberObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Number</span><span class="p">(</span><span class="mi">33</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">booleanObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Boolean</span><span class="p">(</span><span class="kc">false</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">stringObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">String</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">numberObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Number</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">booleanObject</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Boolean</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new-wrappers: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">text</span> <span class="o">=</span> <span class="nb">String</span><span class="p">(</span><span class="nx">someValue</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">Number</span><span class="p">(</span><span class="nx">someValue</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">MyString</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow the use of primitive wrapper objects, then you can safely disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://www.inkling.com/read/javascript-definitive-guide-david-flanagan-6th/chapter-3/wrapper-objects">Wrapper objects</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-array-constructor">no-array-constructor</a></li>
+  <li><a href="no-new-object">no-new-object</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-new-wrappers.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-new-wrappers.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new.html
new file mode 100644
index 0000000..2a239b5
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-new.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-new-for-side-effects-no-new">Disallow new For Side Effects (no-new)</h1>
+
+<p>The goal of using <code class="highlighter-rouge">new</code> with a constructor is typically to create an object of a particular type and store that object in a variable, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">person</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p>It’s less common to use <code class="highlighter-rouge">new</code> and not store the result, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">new</span> <span class="nx">Person</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p>In this case, the created object is thrown away because its reference isn’t stored anywhere, and in many cases, this means that the constructor should be replaced with a function that doesn’t require <code class="highlighter-rouge">new</code> to be used.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at maintaining consistency and convention by disallowing constructor calls using the <code class="highlighter-rouge">new</code> keyword that do not assign the resulting object to a variable.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new: "error"*/</span><br/><br/><span class="k">new</span> <span class="nx">Thing</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-new: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">thing</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Thing</span><span class="p">();</span><br/><br/><span class="nx">Thing</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-new.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-new.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-obj-calls.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-obj-calls.html
new file mode 100644
index 0000000..9171026
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-obj-calls.html
@@ -0,0 +1,46 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-calling-global-object-properties-as-functions-no-obj-calls">disallow calling global object properties as functions (no-obj-calls)</h1>
+
+<p>ECMAScript provides several global objects that are intended to be used as-is. Some of these objects look as if they could be constructors due their capitalization (such as <code class="highlighter-rouge">Math</code> and <code class="highlighter-rouge">JSON</code>) but will throw an error if you try to execute them as functions.</p>
+
+<p>The <a href="http://es5.github.io/#x15.8">ECMAScript 5 specification</a> makes it clear that both <code class="highlighter-rouge">Math</code> and <code class="highlighter-rouge">JSON</code> cannot be invoked:</p>
+
+<blockquote>
+  <p>The Math object does not have a <code class="highlighter-rouge">[[Call]]</code> internal property; it is not possible to invoke the Math object as a function.</p>
+</blockquote>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows calling the <code class="highlighter-rouge">Math</code> and <code class="highlighter-rouge">JSON</code> objects as functions.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-obj-calls: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">math</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">();</span><br/><span class="kd">var</span> <span class="nx">json</span> <span class="o">=</span> <span class="nx">JSON</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-obj-calls: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">area</span><span class="p">(</span><span class="nx">r</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">PI</span> <span class="o">*</span> <span class="nx">r</span> <span class="o">*</span> <span class="nx">r</span><span class="p">;</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="nx">JSON</span><span class="p">.</span><span class="nx">parse</span><span class="p">(</span><span class="s2">"{}"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://es5.github.io/#x15.8">The Math Object</a></li>
+  <li><a href="http://jslinterrors.com/a-is-not-a-function/">‘{a}’ is not a function</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-obj-calls.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-obj-calls.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-octal-escape.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-octal-escape.html
new file mode 100644
index 0000000..def0010
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-octal-escape.html
@@ -0,0 +1,38 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-octal-escape-sequences-in-string-literals-no-octal-escape">disallow octal escape sequences in string literals (no-octal-escape)</h1>
+
+<p>As of the ECMAScript 5 specification, octal escape sequences in string literals are deprecated and should not be used. Unicode escape sequences should be used instead.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s2">"Copyright \251"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows octal escape sequences in string literals.</p>
+
+<p>If ESLint parses code in strict mode, the parser (instead of this rule) reports the error.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-octal-escape: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s2">"Copyright \251"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-octal-escape: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s2">"Copyright \u00A9"</span><span class="p">;</span>   <span class="c1">// unicode</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s2">"Copyright \xA9"</span><span class="p">;</span>     <span class="c1">// hexadecimal</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-octal-escape.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-octal-escape.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-octal.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-octal.html
new file mode 100644
index 0000000..24d0266
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-octal.html
@@ -0,0 +1,52 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-octal-literals-no-octal">disallow octal literals (no-octal)</h1>
+
+<p>Octal literals are numerals that begin with a leading zero, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="mi">071</span><span class="p">;</span>      <span class="c1">// 57</span><br/></code></pre>
+</div>
+
+<p>Because the leading zero which identifies an octal literal has been a source of confusion and error in JavaScript code, ECMAScript 5 deprecates the use of octal numeric literals.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The rule disallows octal literals.</p>
+
+<p>If ESLint parses code in strict mode, the parser (instead of this rule) reports the error.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-octal: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="mi">071</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">result</span> <span class="o">=</span> <span class="mi">5</span> <span class="o">+</span> <span class="mi">07</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-octal: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span>  <span class="o">=</span> <span class="s2">"071"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSHint</strong>: W115</li>
+</ul>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/octal-literals-are-not-allowed-in-strict-mode">Octal literals not allowed in strict mode</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-octal.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-octal.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-param-reassign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-param-reassign.html
new file mode 100644
index 0000000..5206ff0
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-param-reassign.html
@@ -0,0 +1,61 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-reassignment-of-function-parameters-no-param-reassign">Disallow Reassignment of Function Parameters (no-param-reassign)</h1>
+
+<p>Assignment to variables declared as function parameters can be misleading and lead to confusing behavior, as modifying function parameters will also mutate the <code class="highlighter-rouge">arguments</code> object. Often, assignment to function parameters is unintended and indicative of a mistake or programmer error.</p>
+
+<p>This rule can be also configured to fail when function parameters are modified. Side effects on parameters can cause counter-intuitive execution flow and make errors difficult to track down.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to prevent unintended behavior caused by modification or reassignment of function parameters.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-param-reassign: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="o">=</span> <span class="mi">13</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-param-reassign: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one option, an object, with a boolean property <code class="highlighter-rouge">"props"</code>. It is <code class="highlighter-rouge">false</code> by default. If it is set to <code class="highlighter-rouge">true</code>, this rule warns against the modification of parameter properties.</p>
+
+<h3 id="props">props<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#props" aria-label="Anchor link for: props" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"props"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-param-reassign: ["error", { "props": false }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">.</span><span class="nx">prop</span> <span class="o">=</span> <span class="s2">"value"</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">delete</span> <span class="nx">bar</span><span class="p">.</span><span class="nx">aaa</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">.</span><span class="nx">aaa</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"props"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-param-reassign: ["error", { "props": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">.</span><span class="nx">prop</span> <span class="o">=</span> <span class="s2">"value"</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">delete</span> <span class="nx">bar</span><span class="p">.</span><span class="nx">aaa</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">.</span><span class="nx">aaa</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow assignment to function parameters, then you can safely disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://spin.atomicobject.com/2011/04/10/javascript-don-t-reassign-your-function-arguments/">JavaScript: Don’t Reassign Your Function Arguments</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.18.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-param-reassign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-param-reassign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-path-concat.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-path-concat.html
new file mode 100644
index 0000000..b2e4193
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-path-concat.html
@@ -0,0 +1,54 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-string-concatenation-when-using-dirname-and-filename-no-path-concat">Disallow string concatenation when using <code class="highlighter-rouge">__dirname</code> and <code class="highlighter-rouge">__filename</code> (no-path-concat)</h1>
+
+<p>In Node.js, the <code class="highlighter-rouge">__dirname</code> and <code class="highlighter-rouge">__filename</code> global variables contain the directory path and the file path of the currently executing script file, respectively. Sometimes, developers try to use these variables to create paths to other files, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">fullPath</span> <span class="o">=</span> <span class="nx">__dirname</span> <span class="o">+</span> <span class="s2">"/foo.js"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>However, there are a few problems with this. First, you can’t be sure what type of system the script is running on. Node.js can be run on any computer, including Windows, which uses a different path separator. It’s very easy, therefore, to create an invalid path using string concatenation and assuming Unix-style separators. There’s also the possibility of having double separators, or otherwise ending up with an invalid path.</p>
+
+<p>In order to avoid any confusion as to how to create the correct path, Node.js provides the <code class="highlighter-rouge">path</code> module. This module uses system-specific information to always return the correct value. So you can rewrite the previous example as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">fullPath</span> <span class="o">=</span> <span class="nx">path</span><span class="p">.</span><span class="nx">join</span><span class="p">(</span><span class="nx">__dirname</span><span class="p">,</span> <span class="s2">"foo.js"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>This example doesn’t need to include separators as <code class="highlighter-rouge">path.join()</code> will do it in the most appropriate manner. Alternately, you can use <code class="highlighter-rouge">path.resolve()</code> to retrieve the fully-qualified path:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">fullPath</span> <span class="o">=</span> <span class="nx">path</span><span class="p">.</span><span class="nx">resolve</span><span class="p">(</span><span class="nx">__dirname</span><span class="p">,</span> <span class="s2">"foo.js"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Both <code class="highlighter-rouge">path.join()</code> and <code class="highlighter-rouge">path.resolve()</code> are suitable replacements for string concatenation wherever file or directory paths are being created.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to prevent string concatenation of directory paths in Node.js</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-path-concat: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">fullPath</span> <span class="o">=</span> <span class="nx">__dirname</span> <span class="o">+</span> <span class="s2">"/foo.js"</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">fullPath</span> <span class="o">=</span> <span class="nx">__filename</span> <span class="o">+</span> <span class="s2">"/foo.js"</span><span class="p">;</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-path-concat: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">fullPath</span> <span class="o">=</span> <span class="nx">dirname</span> <span class="o">+</span> <span class="s2">"/foo.js"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow string concatenation of path names.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-path-concat.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-path-concat.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-plusplus.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-plusplus.html
new file mode 100644
index 0000000..10e2ec8
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-plusplus.html
@@ -0,0 +1,57 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow--and----no-plusplus">Disallow ++ and – (no-plusplus)</h1>
+
+<p>The <code class="highlighter-rouge">no-plusplus</code> rule flags the use of unary operators, <code class="highlighter-rouge">++</code> and <code class="highlighter-rouge">--</code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The <code class="highlighter-rouge">++</code> and <code class="highlighter-rouge">--</code> operators are subject to automatic semicolon insertion. When their use is allowed, introducing whitespace may change semantics of source code. Enabling the rule may prevent this kind of errors.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">20</span><span class="p">;</span><br/><br/><span class="nx">i</span> <span class="o">++</span><br/><span class="nx">j</span><br/><span class="c1">// i = 11, j = 20</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">20</span><span class="p">;</span><br/><br/><span class="nx">i</span><br/><span class="o">++</span><br/><span class="nx">j</span><br/><span class="c1">// i = 10, j = 21</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at flagging the use of <code class="highlighter-rouge">++</code> and <code class="highlighter-rouge">--</code>. Some believe that the use of these unary operators reduces code quality and clarity. There are some programming languages that completely exclude these operators.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule, in its default state, does not require any arguments. If you would like to enable one or more of the following you may pass an object with the options set as follows:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">allowForLoopAfterthoughts</code> set to <code class="highlighter-rouge">true</code> will allow you to use the unary operators <code class="highlighter-rouge">++</code> and <code class="highlighter-rouge">--</code> in the afterthought (final expression) of a <code class="highlighter-rouge">for</code> loop.</li>
+</ul>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-plusplus: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">foo</span><span class="o">++</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><span class="nx">bar</span><span class="o">--</span><span class="p">;</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">l</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-plusplus: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">foo</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><span class="nx">bar</span> <span class="o">-=</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">l</span><span class="p">;</span> <span class="nx">i</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems if <code class="highlighter-rouge">allowForLoopAfterthoughts</code> is set to true:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-plusplus: ["error", { allowForLoopAfterthoughts: true }]*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">l</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">l</span><span class="p">;</span> <span class="nx">i</span><span class="o">--</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-plusplus.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-plusplus.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-process-env.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-process-env.html
new file mode 100644
index 0000000..f3b24f1
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-process-env.html
@@ -0,0 +1,44 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-processenv-no-process-env">Disallow process.env (no-process-env)</h1>
+
+<p>The <code class="highlighter-rouge">process.env</code> object in Node.js is used to store deployment/configuration parameters. Littering it through out a project could lead to maintenance issues as it’s another kind of global dependency. As such, it could lead to merge conflicts in a multi-user setup and deployment issues in a multi-server setup. Instead, one of the best practices is to define all those parameters in a single configuration/settings file which could be accessed throughout the project.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at discouraging use of <code class="highlighter-rouge">process.env</code> to avoid global dependencies. As such, it will warn whenever <code class="highlighter-rouge">process.env</code> is used.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-process-env: "error"*/</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="nx">process</span><span class="p">.</span><span class="nx">env</span><span class="p">.</span><span class="nx">NODE_ENV</span> <span class="o">===</span> <span class="s2">"development"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-process-env: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">config</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s2">"./config"</span><span class="p">);</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="nx">config</span><span class="p">.</span><span class="nx">env</span> <span class="o">===</span> <span class="s2">"development"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If prefer to use <code class="highlighter-rouge">process.env</code> throughout your project to retrieve values from environment variables, then you can safely disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://stackoverflow.com/questions/5869216/how-to-store-node-js-deployment-settings-configuration-files">How to store Node.js deployment settings/configuration files? - Stack Overflow</a></li>
+  <li><a href="http://blog.benhall.me.uk/2012/02/storing-application-config-data-in/">Storing Node.js application config data - Ben Hall’s blog</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-process-env.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-process-env.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-process-exit.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-process-exit.html
new file mode 100644
index 0000000..16a94d1
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-process-exit.html
@@ -0,0 +1,47 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-processexit-no-process-exit">Disallow process.exit() (no-process-exit)</h1>
+
+<p>The <code class="highlighter-rouge">process.exit()</code> method in Node.js is used to immediately stop the Node.js process and exit. This is a dangerous operation because it can occur in any method at any point in time, potentially stopping a Node.js application completely when an error occurs. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">somethingBadHappened</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s2">"Something bad happened!"</span><span class="p">);</span><br/>    <span class="nx">process</span><span class="p">.</span><span class="nx">exit</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This code could appear in any module and will stop the entire application when <code class="highlighter-rouge">somethingBadHappened</code> is truthy. This doesn’t give the application any chance to respond to the error. It’s usually better to throw an error and allow the application to handle it appropriately:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">somethingBadHappened</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"Something bad happened!"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>By throwing an error in this way, other parts of the application have an opportunity to handle the error rather than stopping the application altogether. If the error bubbles all the way up to the process without being handled, then the process will exit and a non-zero exit code will returned, so the end result is the same.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to prevent the use of <code class="highlighter-rouge">process.exit()</code> in Node.js JavaScript. As such, it warns whenever <code class="highlighter-rouge">process.exit()</code> is found in code.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-process-exit: "error"*/</span><br/><br/><span class="nx">process</span><span class="p">.</span><span class="nx">exit</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><br/><span class="nx">process</span><span class="p">.</span><span class="nx">exit</span><span class="p">(</span><span class="mi">0</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-process-exit: "error"*/</span><br/><br/><span class="nx">Process</span><span class="p">.</span><span class="nx">exit</span><span class="p">();</span><br/><span class="kd">var</span> <span class="nx">exit</span> <span class="o">=</span> <span class="nx">process</span><span class="p">.</span><span class="nx">exit</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>There may be a part of a Node.js application that is responsible for determining the correct exit code to return upon exiting. In that case, you should turn this rule off to allow proper handling of the exit code.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-process-exit.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-process-exit.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-proto.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-proto.html
new file mode 100644
index 0000000..7d1b323
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-proto.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-proto-no-proto">Disallow Use of <code class="highlighter-rouge">__proto__</code> (no-proto)</h1>
+
+<p><code class="highlighter-rouge">__proto__</code> property has been deprecated as of ECMAScript 3.1 and shouldn’t be used in the code. Use <code class="highlighter-rouge">getPrototypeOf</code> method instead.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>When an object is created <code class="highlighter-rouge">__proto__</code> is set to the original prototype property of the object’s constructor function. <code class="highlighter-rouge">getPrototypeOf</code> is the preferred method of getting “the prototype”.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-proto: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">__proto__</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">[</span><span class="s2">"__proto__"</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-proto: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nb">Object</span><span class="p">.</span><span class="nx">getPrototypeOf</span><span class="p">(</span><span class="nx">obj</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you need to support legacy browsers, you might want to turn this rule off, since support for <code class="highlighter-rouge">getPrototypeOf</code> is not yet universal.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://ejohn.org/blog/objectgetprototypeof/">Object.getPrototypeOf</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-proto.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-proto.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-redeclare.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-redeclare.html
new file mode 100644
index 0000000..e6dbdcb
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-redeclare.html
@@ -0,0 +1,52 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-redeclaring-variables-no-redeclare">Disallow Redeclaring Variables (no-redeclare)</h1>
+
+<p>In JavaScript, it’s possible to redeclare the same variable name using <code class="highlighter-rouge">var</code>. This can lead to confusion as to where the variable is actually declared and initialized.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating variables that have multiple declarations in the same scope.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-redeclare: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-redeclare: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="c1">// ...</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one optional argument, an object with a boolean property <code class="highlighter-rouge">"builtinGlobals"</code>. It defaults to <code class="highlighter-rouge">false</code>.
+If set to <code class="highlighter-rouge">true</code>, this rule also checks redeclaration of built-in globals, such as <code class="highlighter-rouge">Object</code>, <code class="highlighter-rouge">Array</code>, <code class="highlighter-rouge">Number</code>…</p>
+
+<h3 id="builtinglobals">builtinGlobals<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#builtinglobals" aria-label="Anchor link for: builtinglobals" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"builtinGlobals"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-redeclare: ["error", { "builtinGlobals": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nb">Object</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"builtinGlobals"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option and the <code class="highlighter-rouge">browser</code> environment:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-redeclare: ["error", { "builtinGlobals": true }]*/</span><br/><span class="cm">/*eslint-env browser*/</span><br/><br/><span class="kd">var</span> <span class="nx">top</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The <code class="highlighter-rouge">browser</code> environment has many built-in global variables (for example, <code class="highlighter-rouge">top</code>). Some of built-in global variables cannot be redeclared.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-redeclare.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-redeclare.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-regex-spaces.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-regex-spaces.html
new file mode 100644
index 0000000..f0e6be4
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-regex-spaces.html
@@ -0,0 +1,69 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-multiple-spaces-in-regular-expression-literals-no-regex-spaces">disallow multiple spaces in regular expression literals (no-regex-spaces)</h1>
+
+<p>Regular expressions can be very complex and difficult to understand, which is why it’s important to keep them as simple as possible in order to avoid mistakes. One of the more error-prone things you can do with a regular expression is to use more than one space, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">re</span> <span class="o">=</span> <span class="sr">/foo   bar/</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>In this regular expression, it’s very hard to tell how many spaces are intended to be matched. It’s better to use only one space and then specify how many spaces are expected, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">re</span> <span class="o">=</span> <span class="sr">/foo </span><span class="se">{3}</span><span class="sr">bar/</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Now it is very clear that three spaces are expected to be matched.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows multiple spaces in regular expression literals.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-regex-spaces: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">re</span> <span class="o">=</span> <span class="sr">/foo   bar/</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-regex-spaces: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">re</span> <span class="o">=</span> <span class="sr">/foo </span><span class="se">{3}</span><span class="sr">bar/</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<p>This rule does not report multiple spaces in the string argument of calls to the <code class="highlighter-rouge">RegExp</code> constructor.</p>
+
+<p>Example of a <em>false negative</em> when this rule reports correct code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-regex-spaces: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">re</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">RegExp</span><span class="p">(</span><span class="s2">"foo   bar"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow multiple spaces in a regular expression, then you can safely turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/spaces-are-hard-to-count-use-a/">Spaces are hard to count</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-div-regex">no-div-regex</a></li>
+  <li><a href="no-control-regex">no-control-regex</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-regex-spaces.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-regex-spaces.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-globals.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-globals.html
new file mode 100644
index 0000000..c54368d
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-globals.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-specific-global-variables-no-restricted-globals">Disallow specific global variables (no-restricted-globals)</h1>
+
+<p>Disallowing usage of specific global variables can be useful if you want to allow a set of global
+variables by enabling an environment, but still want to disallow some of those.</p>
+
+<p>For instance, early Internet Explorer versions exposed the current DOM event as a global variable
+<code class="highlighter-rouge">event</code>, but using this variable has been considered as a bad practice for a long time. Restricting
+this will make sure this variable isn’t used in browser code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule allows you to specify global variable names that you don’t want to use in your application.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes a list of strings which are the global variable names.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for sample <code class="highlighter-rouge">"event", "fdescribe"</code> global variable names:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*global event, fdescribe*/</span><br/><span class="cm">/*eslint no-restricted-globals: ["error", "event", "fdescribe"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">onClick</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">event</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="nx">fdescribe</span><span class="p">(</span><span class="s2">"foo"</span><span class="p">,</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for a sample <code class="highlighter-rouge">"event"</code> global variable name:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*global event*/</span><br/><span class="cm">/*eslint no-restricted-globals: ["error", "event"]*/</span><br/><br/><span class="kr">import</span> <span class="nx">event</span> <span class="nx">from</span> <span class="s2">"event-module"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*global event*/</span><br/><span class="cm">/*eslint no-restricted-globals: ["error", "event"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">event</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.3.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-restricted-globals.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-restricted-globals.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-imports.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-imports.html
new file mode 100644
index 0000000..0218ef3
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-imports.html
@@ -0,0 +1,63 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-specific-imports-no-restricted-imports">Disallow specific imports (no-restricted-imports)</h1>
+
+<p>Imports are an ES6/ES2015 standard for making the functionality of other modules available in your current module. In CommonJS this is implemented through the require() call which makes this ESLint rule roughly equivalent to its CommonJS counterpart <code class="highlighter-rouge">no-restricted-modules</code>.</p>
+
+<p>Why would you want to restrict imports?</p>
+
+<ul>
+  <li>
+    <p>Some imports might not make sense in a particular environment. For example, Node.js’ <code class="highlighter-rouge">fs</code> module would not make sense in an environment that didn’t have a file system.</p>
+  </li>
+  <li>
+    <p>Some modules provide similar or identical functionality, think <code class="highlighter-rouge">lodash</code> and <code class="highlighter-rouge">underscore</code>. Your project may have standardized on a module. You want to make sure that the other alternatives are not being used as this would unnecessarily bloat the project and provide a higher maintenance cost of two dependencies when one would suffice.</p>
+  </li>
+</ul>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule allows you to specify imports that you don’t want to use in your application.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The syntax to specify restricted modules looks like this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"no-restricted-imports"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"import1"</span><span class="p">,</span><span class="w"> </span><span class="s2">"import2"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>To restrict the use of all Node.js core imports (via https://github.com/nodejs/node/tree/master/lib):</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="w">    </span><span class="s2">"no-restricted-imports"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"><br/>         </span><span class="s2">"assert"</span><span class="p">,</span><span class="s2">"buffer"</span><span class="p">,</span><span class="s2">"child_process"</span><span class="p">,</span><span class="s2">"cluster"</span><span class="p">,</span><span class="s2">"crypto"</span><span class="p">,</span><span class="s2">"dgram"</span><span class="p">,</span><span class="s2">"dns"</span><span class="p">,</span><span class="s2">"domain"</span><span class="p">,</span><span class="s2">"events"</span><span class="p">,</span><span class="s2">"freelist"</span><span class="p">,</span><span class="s2">"fs"</span><span class="p">,</span><span class="s2">"http"</span><span class="p">,</span><span class="s2">"https"</span><span class="p">,</span><span class="s2">"module"</span><span class="p">,</span><span class="s2">"net"</span><span class="p">,</span><span class="s2">"os"</span><span class="p">,</span><span class="s2">"path"</span><span class="p">,</span><span class="s2">"punycode"</span><span class="p">,</span><span class="s2">"querystring"</span><span class="p">,</span><span class="s2">"readline"</span><span class="p">,</span><span class="s2">"repl"</span><span class="p">,</span><span class="s2">"smalloc"</span><span class="p">,</span><span class="s2">"stream"</span><span class="p">,</span><span class="s2">"string_decoder"</span><span class="p">,</span><span class="s2">"sys"</span><span class="p">,</span><span class="s2">"timers"</span><span class="p">,</span><span class="s2">"tls"</span><span class="p">,</span><span class="s2">"tracing"</span><span class="p">,</span><span class="s2">"tty"</span><span class="p">,</span><span class="s2">"url"</span><span class="p">,</span><span class="s2">"util"</span><span class="p">,</span><span class="s2">"vm"</span><span class="p">,</span><span class="s2">"zlib"</span><span class="w"><br/>    </span><span class="p">]</span><span class="err">,</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-restricted-imports: ["error", "fs"]*/</span><br/><br/><span class="kr">import</span> <span class="nx">fs</span> <span class="nx">from</span> <span class="s1">'fs'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-restricted-imports: ["error", "cluster"]*/</span><br/><br/><span class="kr">import</span> <span class="nx">cluster</span> <span class="nx">from</span> <span class="s1">' cluster '</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-restricted-imports: ["error", "fs"]*/</span><br/><br/><span class="kr">import</span> <span class="nx">crypto</span> <span class="nx">from</span> <span class="s1">'crypto'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Don’t use this rule or don’t include a module in the list for this rule if you want to be able to import a module in your project without an ESLint error or warning.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-alpha-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-restricted-imports.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-restricted-imports.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-modules.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-modules.html
new file mode 100644
index 0000000..a86aec3
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-modules.html
@@ -0,0 +1,46 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-nodejs-modules-no-restricted-modules">Disallow Node.js modules (no-restricted-modules)</h1>
+
+<p>Disallowing usage of specific Node.js modules can be useful if you want to control the available methods, a developer can
+use, to implement a feature.</p>
+
+<p>This way you can block usage of the <code class="highlighter-rouge">fs</code> module if you want disallow file system access.
+Blocking the <code class="highlighter-rouge">os</code> module can be useful if you don’t want to allow any operating system specific code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule allows you to specify modules that you don’t want to use in your application.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one or more strings as options: the names of restricted modules.</p>
+
+<p>For example, to restrict the use of all Node.js core modules (via https://github.com/nodejs/node/tree/master/lib):</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"no-restricted-modules"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"><br/>        </span><span class="s2">"assert"</span><span class="p">,</span><span class="s2">"buffer"</span><span class="p">,</span><span class="s2">"child_process"</span><span class="p">,</span><span class="s2">"cluster"</span><span class="p">,</span><span class="s2">"crypto"</span><span class="p">,</span><span class="s2">"dgram"</span><span class="p">,</span><span class="s2">"dns"</span><span class="p">,</span><span class="s2">"domain"</span><span class="p">,</span><span class="s2">"events"</span><span class="p">,</span><span class="s2">"freelist"</span><span class="p">,</span><span class="s2">"fs"</span><span class="p">,</span><span class="s2">"http"</span><span class="p">,</span><span class="s2">"https"</span><span class="p">,</span><span class="s2">"module"</span><span class="p">,</span><span class="s2">"net"</span><span class="p">,</span><span class="s2">"os"</span><span class="p">,</span><span class="s2">"path"</span><span class="p">,</span><span class="s2">"punycode"</span><span class="p">,</span><span class="s2">"querystring"</span><span class="p">,</span><span class="s2">"readline"</span><span class="p">,</span><span class="s2">"repl"</span><span class="p">,</span><span class="s2">"smalloc"</span><span class="p">,</span><span class="s2">"stream"</span><span class="p">,</span><span class="s2">"string_decoder"</span><span class="p">,</span><span class="s2">"sys"</span><span class="p">,</span><span class="s2">"timers"</span><span class="p">,</span><span class="s2">"tls"</span><span class="p">,</span><span class="s2">"tracing"</span><span class="p">,</span><span class="s2">"tty"</span><span class="p">,</span><span class="s2">"url"</span><span class="p">,</span><span class="s2">"util"</span><span class="p">,</span><span class="s2">"vm"</span><span class="p">,</span><span class="s2">"zlib"</span><span class="w"><br/>    </span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with sample <code class="highlighter-rouge">"fs", "cluster"</code> restricted modules:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-restricted-modules: ["error", "fs", "cluster"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'fs'</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">cluster</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">' cluster '</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with sample <code class="highlighter-rouge">"fs", "cluster"</code> restricted modules:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-restricted-modules: ["error", "fs", "cluster"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">crypto</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'crypto'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.6.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-restricted-modules.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-restricted-modules.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-syntax.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-syntax.html
new file mode 100644
index 0000000..b2985be
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-restricted-syntax.html
@@ -0,0 +1,54 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-certain-syntax-no-restricted-syntax">Disallow certain syntax (no-restricted-syntax)</h1>
+
+<p>JavaScript has a lot of language features, and not everyone likes every features. As a result, some projects choose to disallow the use of certain language features altogether. For instance, you might decide to disallow the use of <code class="highlighter-rouge">try-catch</code> or <code class="highlighter-rouge">class</code>.</p>
+
+<p>Rather than creating separate rules for every language feature you want to turn off, this rule allows you to configure the syntax elements you want to restrict use of. These elements are represented by their <a href="https://github.com/estree/estree">ESTree</a> node types. For example, a function declaration is represented by <code class="highlighter-rouge">FunctionDeclaration</code> and the <code class="highlighter-rouge">with</code> statement is represented by <code class="highlighter-rouge">WithStatement</code>. You may find the full list of AST node names you can use <a href="https://github.com/eslint/espree/blob/master/lib/ast-node-types.js">on GitHub</a> and use the <a href="http://eslint.org/parser/">online parser</a> to see what type of nodes your code consists of.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating certain syntax from your JavaScript. As such, it warns whenever it sees a node type that is restricted by its options.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes a list of strings where strings denote the node types:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"rules"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"no-restricted-syntax"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"FunctionExpression"</span><span class="p">,</span><span class="w"> </span><span class="s2">"WithStatement"</span><span class="p">]</span><span class="w"><br/>    </span><span class="p">}</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-restricted-syntax: ["error", "FunctionExpression", "WithStatement"] */</span><br/><br/><span class="kd">with</span> <span class="p">(</span><span class="nx">me</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">dontMess</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">doSomething</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint no-restricted-syntax: ["error", "FunctionExpression", "WithStatement"] */</span><br/><br/><span class="nx">me</span><span class="p">.</span><span class="nx">dontMess</span><span class="p">();</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to restrict your code from using any JavaScript features or syntax, you should not use this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-alert">no-alert</a></li>
+  <li><a href="no-console">no-console</a></li>
+  <li><a href="no-debugger">no-debugger</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-restricted-syntax.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-restricted-syntax.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-return-assign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-return-assign.html
new file mode 100644
index 0000000..06e6e5a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-return-assign.html
@@ -0,0 +1,73 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-assignment-in-return-statement-no-return-assign">Disallow Assignment in return Statement (no-return-assign)</h1>
+
+<p>One of the interesting, and sometimes confusing, aspects of JavaScript is that assignment can happen at almost any point. Because of this, an errant equals sign can end up causing assignment when the true intent was to do a comparison. This is especially true when using a <code class="highlighter-rouge">return</code> statement. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>It is difficult to tell the intent of the <code class="highlighter-rouge">return</code> statement here. It’s possible that the function is meant to return the result of <code class="highlighter-rouge">bar + 2</code>, but then why is it assigning to <code class="highlighter-rouge">foo</code>? It’s also possible that the intent was to use a comparison operator such as <code class="highlighter-rouge">==</code> and that this code is an error.</p>
+
+<p>Because of this ambiguity, it’s considered a best practice to not use assignment in <code class="highlighter-rouge">return</code> statements.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate assignments from <code class="highlighter-rouge">return</code> statements. As such, it will warn whenever an assignment is found as part of <code class="highlighter-rouge">return</code>.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one option, a string, which must contain one of the following values:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">except-parens</code> (default): Disallow assignments unless they are enclosed in parentheses.</li>
+  <li><code class="highlighter-rouge">always</code>: Disallow all assignments.</li>
+</ul>
+
+<h3 id="except-parens">except-parens<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#except-parens" aria-label="Anchor link for: except parens" data-anchorjs-icon=""></a></h3>
+
+<p>This is the default option.
+It disallows assignments unless they are enclosed in parentheses.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge">"except-parens"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-return-assign: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">+=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"except-parens"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-return-assign: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">==</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">===</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>This option disallows all assignments in <code class="highlighter-rouge">return</code> statements.
+All assignments are treated as problems.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-return-assign: ["error", "always"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">+=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-return-assign: ["error", "always"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">==</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span> <span class="o">===</span> <span class="nx">bar</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow the use of assignment operators in a <code class="highlighter-rouge">return</code> statement, then you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-return-assign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-return-assign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-script-url.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-script-url.html
new file mode 100644
index 0000000..d8cbd36
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-script-url.html
@@ -0,0 +1,38 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-script-urls-no-script-url">Disallow Script URLs (no-script-url)</h1>
+
+<p>Using <code class="highlighter-rouge">javascript:</code> URLs is considered by some as a form of <code class="highlighter-rouge">eval</code>. Code passed in <code class="highlighter-rouge">javascript:</code> URLs has to be parsed and evaluated by the browser in the same way that <code class="highlighter-rouge">eval</code> is processed.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-script-url: "error"*/</span><br/><br/><span class="nx">location</span><span class="p">.</span><span class="nx">href</span> <span class="o">=</span> <span class="s2">"javascript:void(0)"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSHint</strong>: This rule corresponds to <code class="highlighter-rouge">scripturl</code> rule of JSHint.</li>
+</ul>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://stackoverflow.com/questions/13497971/what-is-the-matter-with-script-targeted-urls">What is the matter with script-targeted URLs?</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-script-url.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-script-url.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-self-assign.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-self-assign.html
new file mode 100644
index 0000000..e049c60
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-self-assign.html
@@ -0,0 +1,41 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-self-assignment-no-self-assign">Disallow Self Assignment (no-self-assign)</h1>
+
+<p>Self assignments have no effect, so probably those are an error due to incomplete refactoring.
+Those indicate that what you should do is still remaining.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">foo</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="p">[</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">qiz</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating self assignments.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-self-assign: "error"*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="p">[</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">];</span><br/><br/><span class="p">[</span><span class="nx">a</span><span class="p">,</span> <span class="p">...</span><span class="nx">b</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="nx">x</span><span class="p">,</span> <span class="p">...</span><span class="nx">b</span><span class="p">];</span><br/><br/><span class="p">({</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="o">=</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">x</span><span class="p">});</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-self-assign: "error"*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">[</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="nx">b</span><span class="p">,</span> <span class="nx">a</span><span class="p">];</span><br/><br/><span class="c1">// This pattern is warned by the `no-use-before-define` rule.</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="c1">// The default values have an effect.</span><br/><span class="p">[</span><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">]</span> <span class="o">=</span> <span class="p">[</span><span class="nx">foo</span><span class="p">];</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to notify about self assignments, then it’s safe to disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-rc.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-self-assign.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-self-assign.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-self-compare.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-self-compare.html
new file mode 100644
index 0000000..c07fc97
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-self-compare.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-self-compare-no-self-compare">Disallow Self Compare (no-self-compare)</h1>
+
+<p>Comparing a variable against itself is usually an error, either an typo or refactoring error. It is confusing to the reader and may potentially introduce a runtime error.</p>
+
+<p>The only time you would compare a variable against itself is when you are testing for <code class="highlighter-rouge">NaN</code>. However, it is far more appropriate to use <code class="highlighter-rouge">typeof x === 'number' &amp;&amp; isNaN(x)</code> or the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN">Number.isNaN ES2015 function</a> for that use case rather than leaving the reader of the code to determine the intent of self comparison.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This error is raised to highlight a potentially confusing and potentially pointless piece of code. There are almost no situations in which you would need to compare something to itself.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-self-compare: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">===</span> <span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="mi">20</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/weird-relation/">Weird Relation</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-self-compare.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-self-compare.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sequences.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sequences.html
new file mode 100644
index 0000000..50c581d
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sequences.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-the-comma-operator-no-sequences">Disallow Use of the Comma Operator (no-sequences)</h1>
+
+<p>The comma operator includes multiple expressions where only one is expected. It evaluates each operand from left to right and returns the value of the last operand. However, this frequently obscures side effects, and its use is often an accident. Here are some examples of sequences:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">(</span><span class="mi">3</span><span class="p">,</span> <span class="mi">5</span><span class="p">);</span> <span class="c1">// a = 5</span><br/><br/><span class="nx">a</span> <span class="o">=</span> <span class="nx">b</span> <span class="o">+=</span> <span class="mi">5</span><span class="p">,</span> <span class="nx">a</span> <span class="o">+</span> <span class="nx">b</span><span class="p">;</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">a</span> <span class="o">=</span> <span class="nx">next</span><span class="p">(),</span> <span class="nx">a</span> <span class="o">&amp;&amp;</span> <span class="nx">a</span><span class="p">.</span><span class="nx">length</span><span class="p">);</span><br/><br/><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="nb">eval</span><span class="p">)(</span><span class="s2">"doSomething();"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule forbids the use of the comma operator, with the following exceptions:</p>
+
+<ul>
+  <li>In the initialization or update portions of a <code class="highlighter-rouge">for</code> statement.</li>
+  <li>If the expression sequence is explicitly wrapped in parentheses.</li>
+</ul>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-sequences: "error"*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="nx">doSomething</span><span class="p">(),</span> <span class="nx">val</span><span class="p">;</span><br/><br/><span class="mi">0</span><span class="p">,</span> <span class="nb">eval</span><span class="p">(</span><span class="s2">"doSomething();"</span><span class="p">);</span><br/><br/><span class="k">do</span> <span class="p">{}</span> <span class="k">while</span> <span class="p">(</span><span class="nx">doSomething</span><span class="p">(),</span> <span class="o">!!</span><span class="nx">test</span><span class="p">);</span><br/><br/><span class="k">for</span> <span class="p">(;</span> <span class="nx">doSomething</span><span class="p">(),</span> <span class="o">!!</span><span class="nx">test</span><span class="p">;</span> <span class="p">);</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">doSomething</span><span class="p">(),</span> <span class="o">!!</span><span class="nx">test</span><span class="p">);</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">(),</span> <span class="nx">val</span><span class="p">)</span> <span class="p">{}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">(),</span> <span class="nx">val</span> <span class="o">&lt;</span> <span class="mi">42</span><span class="p">);</span><br/><br/><span class="kd">with</span> <span class="p">(</span><span class="nx">doSomething</span><span class="p">(),</span> <span class="nx">val</span><span class="p">)</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-sequences: "error"*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="nx">doSomething</span><span class="p">(),</span> <span class="nx">val</span><span class="p">);</span><br/><br/><span class="p">(</span><span class="mi">0</span><span class="p">,</span> <span class="nb">eval</span><span class="p">)(</span><span class="s2">"doSomething();"</span><span class="p">);</span><br/><br/><span class="k">do</span> <span class="p">{}</span> <span class="k">while</span> <span class="p">((</span><span class="nx">doSomething</span><span class="p">(),</span> <span class="o">!!</span><span class="nx">test</span><span class="p">));</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">j</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">,</span> <span class="nx">j</span><span class="o">--</span><span class="p">);</span><br/><br/><span class="k">if</span> <span class="p">((</span><span class="nx">doSomething</span><span class="p">(),</span> <span class="o">!!</span><span class="nx">test</span><span class="p">));</span><br/><br/><span class="k">switch</span> <span class="p">((</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">(),</span> <span class="nx">val</span><span class="p">))</span> <span class="p">{}</span><br/><br/><span class="k">while</span> <span class="p">((</span><span class="nx">val</span> <span class="o">=</span> <span class="nx">foo</span><span class="p">(),</span> <span class="nx">val</span> <span class="o">&lt;</span> <span class="mi">42</span><span class="p">));</span><br/><br/><span class="c1">// with ((doSomething(), val)) {}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Disable this rule if sequence expressions with the comma operator are acceptable.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.5.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-sequences.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-sequences.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-shadow-restricted-names.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-shadow-restricted-names.html
new file mode 100644
index 0000000..74df267
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-shadow-restricted-names.html
@@ -0,0 +1,49 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-shadowing-of-restricted-names-no-shadow-restricted-names">Disallow Shadowing of Restricted Names (no-shadow-restricted-names)</h1>
+
+<p>ES5 §15.1.1 Value Properties of the Global Object (<code class="highlighter-rouge">NaN</code>, <code class="highlighter-rouge">Infinity</code>, <code class="highlighter-rouge">undefined</code>) as well as strict mode restricted identifiers <code class="highlighter-rouge">eval</code> and <code class="highlighter-rouge">arguments</code> are considered to be restricted names in JavaScript. Defining them to mean something else can have unintended consequences and confuse others reading the code. For example, there’s nothing prevent you from writing:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="kc">undefined</span> <span class="o">=</span> <span class="s2">"foo"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Then any code used within the same scope would not get the global <code class="highlighter-rouge">undefined</code>, but rather the local version with a very different meaning.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow-restricted-names: "error"*/</span><br/><br/><span class="kd">function</span> <span class="kc">NaN</span><span class="p">(){}</span><br/><br/><span class="o">!</span><span class="kd">function</span><span class="p">(</span><span class="kc">Infinity</span><span class="p">){};</span><br/><br/><span class="kd">var</span> <span class="kc">undefined</span><span class="p">;</span><br/><br/><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span><span class="p">(</span><span class="nb">eval</span><span class="p">){}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow-restricted-names: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nb">Object</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">f</span><span class="p">(</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">){}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://es5.github.io/#x15.1.1">Annotated ES5 - §15.1.1</a></li>
+  <li><a href="http://es5.github.io/#C">Annotated ES5 - Annex C</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-shadow">no-shadow</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.4.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-shadow-restricted-names.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-shadow-restricted-names.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-shadow.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-shadow.html
new file mode 100644
index 0000000..d015af4
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-shadow.html
@@ -0,0 +1,113 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-shadowing-no-shadow">Disallow Shadowing (no-shadow)</h1>
+
+<p>Shadowing is the process by which a local variable shares the same name as a variable in its containing scope. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">b</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In this case, the variable <code class="highlighter-rouge">a</code> inside of <code class="highlighter-rouge">b()</code> is shadowing the variable <code class="highlighter-rouge">a</code> in the global scope. This can cause confusion while reading the code and it’s impossible to access the global variable.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate shadowed variable declarations.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">b</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">b</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><span class="nx">b</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one option, an object, with properties <code class="highlighter-rouge">"builtinGlobals"</code>, <code class="highlighter-rouge">"hoist"</code> and <code class="highlighter-rouge">"allow"</code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"no-shadow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"builtinGlobals"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"hoist"</span><span class="p">:</span><span class="w"> </span><span class="s2">"functions"</span><span class="p">,</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[]</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="builtinglobals">builtinGlobals<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#builtinglobals" aria-label="Anchor link for: builtinglobals" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">builtinGlobals</code> option is <code class="highlighter-rouge">false</code> by default.
+If it is <code class="highlighter-rouge">true</code>, the rule prevents shadowing of built-in global variables: <code class="highlighter-rouge">Object</code>, <code class="highlighter-rouge">Array</code>, <code class="highlighter-rouge">Number</code>, and so on.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"builtinGlobals"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow: ["error", { "builtinGlobals": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nb">Object</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="hoist">hoist<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#hoist" aria-label="Anchor link for: hoist" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">hoist</code> option has three settings:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">functions</code> (by default) - reports shadowing before the outer functions are defined.</li>
+  <li><code class="highlighter-rouge">all</code> - reports all shadowing before the outer variables/functions are defined.</li>
+  <li><code class="highlighter-rouge">never</code> - never report shadowing before the outer variables/functions are defined.</li>
+</ul>
+
+<h4 id="hoist-functions">hoist: functions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#hoist-functions" aria-label="Anchor link for: hoist functions" data-anchorjs-icon=""></a></h4>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"hoist"</span><span class="p">:</span><span class="w"> </span><span class="s2">"functions"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow: ["error", { "hoist": "functions" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">b</span><span class="p">()</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p>Although <code class="highlighter-rouge">let b</code> in the <code class="highlighter-rouge">if</code> statement is before the <em>function</em> declaration in the outer scope, it is incorrect.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"hoist"</span><span class="p">:</span><span class="w"> </span><span class="s2">"functions"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow: ["error", { "hoist": "functions" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Because <code class="highlighter-rouge">let a</code> in the <code class="highlighter-rouge">if</code> statement is before the <em>variable</em> declaration in the outer scope, it is correct.</p>
+
+<h4 id="hoist-all">hoist: all<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#hoist-all" aria-label="Anchor link for: hoist all" data-anchorjs-icon=""></a></h4>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"hoist"</span><span class="p">:</span><span class="w"> </span><span class="s2">"all"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow: ["error", { "hoist": "all" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">b</span><span class="p">()</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h4 id="hoist-never">hoist: never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#hoist-never" aria-label="Anchor link for: hoist never" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"hoist"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow: ["error", { "hoist": "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">6</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">b</span><span class="p">()</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p>Because <code class="highlighter-rouge">let a</code> and <code class="highlighter-rouge">let b</code> in the <code class="highlighter-rouge">if</code> statement are before the declarations in the outer scope, they are correct.</p>
+
+<h3 id="allow">allow<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow" aria-label="Anchor link for: allow" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">allow</code> option is an array of identifier names for which shadowing is allowed. For example, <code class="highlighter-rouge">"resolve"</code>, <code class="highlighter-rouge">"reject"</code>, <code class="highlighter-rouge">"done"</code>, <code class="highlighter-rouge">"cb"</code>.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"done"</span><span class="p">]</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-shadow: ["error", { "allow": ["done"] }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">import</span> <span class="nx">async</span> <span class="nx">from</span> <span class="s1">'async'</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">done</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">async</span><span class="p">.</span><span class="nx">map</span><span class="p">([</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">],</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">e</span><span class="p">,</span> <span class="nx">done</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">done</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">e</span> <span class="o">*</span> <span class="mi">2</span><span class="p">)</span><br/>  <span class="p">},</span> <span class="nx">done</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">result</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">({</span> <span class="nx">err</span><span class="p">,</span> <span class="nx">result</span> <span class="p">});</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://en.wikipedia.org/wiki/Variable_shadowing">Variable Shadowing</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-shadow-restricted-names">no-shadow-restricted-names</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-shadow.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-shadow.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-spaced-func.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-spaced-func.html
new file mode 100644
index 0000000..703d7ff
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-spaced-func.html
@@ -0,0 +1,38 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-spaces-in-function-calls-no-spaced-func">Disallow Spaces in Function Calls (no-spaced-func)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>While it’s possible to have whitespace between the name of a function and the parentheses that execute it, such patterns tend to look more like errors.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule does not allow gaps between the function identifier and application.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">fn</span> <span class="p">()</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-spaced-func: "error"*/</span><br/><br/><span class="nx">fn</span> <span class="p">()</span><br/><br/><span class="nx">fn</span><br/><span class="p">()</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-spaced-func: "error"*/</span><br/><br/><span class="nx">fn</span><span class="p">()</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-spaced-func.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-spaced-func.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sparse-arrays.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sparse-arrays.html
new file mode 100644
index 0000000..12c9828
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sparse-arrays.html
@@ -0,0 +1,55 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-sparse-arrays-no-sparse-arrays">disallow sparse arrays (no-sparse-arrays)</h1>
+
+<p>Sparse arrays contain empty slots, most frequently due to multiple commas being used in an array literal, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">items</span> <span class="o">=</span> <span class="p">[,,];</span><br/></code></pre>
+</div>
+
+<p>While the <code class="highlighter-rouge">items</code> array in this example has a <code class="highlighter-rouge">length</code> of 2, there are actually no values in <code class="highlighter-rouge">items[0]</code> or <code class="highlighter-rouge">items[1]</code>. The fact that the array literal is valid with only commas inside, coupled with the <code class="highlighter-rouge">length</code> being set and actual item values not being set, make sparse arrays confusing for many developers. Consider the following:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">colors</span> <span class="o">=</span> <span class="p">[</span> <span class="s2">"red"</span><span class="p">,,</span> <span class="s2">"blue"</span> <span class="p">];</span><br/></code></pre>
+</div>
+
+<p>In this example, the <code class="highlighter-rouge">colors</code> array has a <code class="highlighter-rouge">length</code> of 3. But did the developer intend for there to be an empty spot in the middle of the array? Or is it a typo?</p>
+
+<p>The confusion around sparse arrays defined in this manner is enough that it’s recommended to avoid using them unless you are certain that they are useful in your code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows sparse array literals which have “holes” where commas are not preceded by elements. It does not apply to a trailing comma following the last element.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-sparse-arrays: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">items</span> <span class="o">=</span> <span class="p">[,];</span><br/><span class="kd">var</span> <span class="nx">colors</span> <span class="o">=</span> <span class="p">[</span> <span class="s2">"red"</span><span class="p">,,</span> <span class="s2">"blue"</span> <span class="p">];</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-sparse-arrays: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">items</span> <span class="o">=</span> <span class="p">[];</span><br/><span class="kd">var</span> <span class="nx">items</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Array</span><span class="p">(</span><span class="mi">23</span><span class="p">);</span><br/><br/><span class="c1">// trailing comma (after the last element) is not a problem</span><br/><span class="kd">var</span> <span class="nx">colors</span> <span class="o">=</span> <span class="p">[</span> <span class="s2">"red"</span><span class="p">,</span> <span class="s2">"blue"</span><span class="p">,</span> <span class="p">];</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to use sparse arrays, then it is safe to disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://www.nczonline.net/blog/2007/09/09/inconsistent-array-literals/">Inconsistent array literals</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-sparse-arrays.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-sparse-arrays.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sync.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sync.html
new file mode 100644
index 0000000..dc8e365
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-sync.html
@@ -0,0 +1,37 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-synchronous-methods-no-sync">Disallow Synchronous Methods (no-sync)</h1>
+
+<p>In Node.js, most I/O is done through asynchronous methods. However, there are often synchronous versions of the asynchronous methods. For example, <code class="highlighter-rouge">fs.exists()</code> and <code class="highlighter-rouge">fs.existsSync()</code>. In some contexts, using synchronous operations is okay (if, as with ESLint, you are writing a command line utility). However, in other contexts the use of synchronous operations is considered a bad practice that should be avoided. For example, if you are running a high-travel web server on Node.js, you should consider carefully if you want to allow any synchronous operations that could lock up the server.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing synchronous methods from being called in Node.js. It looks specifically for the method suffix “<code class="highlighter-rouge">Sync</code>” (as is the convention with Node.js operations).</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-sync: "error"*/</span><br/><br/><span class="nx">fs</span><span class="p">.</span><span class="nx">existsSync</span><span class="p">(</span><span class="nx">somePath</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">contents</span> <span class="o">=</span> <span class="nx">fs</span><span class="p">.</span><span class="nx">readFileSync</span><span class="p">(</span><span class="nx">somePath</span><span class="p">).</span><span class="nx">toString</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-sync: "error"*/</span><br/><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">sync</span><span class="p">();</span><br/><br/><span class="nx">async</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow synchronous operations in your script.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-sync.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-sync.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-ternary.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-ternary.html
new file mode 100644
index 0000000..d60b55c
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-ternary.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-ternary-operators-no-ternary">Disallow Ternary Operators (no-ternary)</h1>
+
+<p>The ternary operator is used to conditionally assign a value to a variable. Some believe that the use of ternary operators leads to unclear code.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">isBar</span> <span class="p">?</span> <span class="nx">baz</span> <span class="p">:</span> <span class="nx">qux</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The <code class="highlighter-rouge">no-ternary</code> rule aims to disallow the use of ternary operators.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-ternary: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">isBar</span> <span class="p">?</span> <span class="nx">baz</span> <span class="p">:</span> <span class="nx">qux</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="p">?</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">:</span> <span class="nx">baz</span><span class="p">();</span><br/><br/><span class="kd">function</span> <span class="nx">quux</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="nx">foo</span> <span class="p">?</span> <span class="nx">bar</span> <span class="p">:</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered okay and could be used alternatively:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-ternary: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">isBar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span> <span class="o">=</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">foo</span> <span class="o">=</span> <span class="nx">qux</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>    <span class="nx">baz</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">quux</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="nx">baz</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-nested-ternary">no-nested-ternary</a></li>
+  <li><a href="no-unneeded-ternary">no-unneeded-ternary</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-ternary.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-ternary.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-this-before-super.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-this-before-super.html
new file mode 100644
index 0000000..c27145c
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-this-before-super.html
@@ -0,0 +1,39 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-thissuper-before-calling-super-in-constructors-no-this-before-super">Disallow use of <code class="highlighter-rouge">this</code>/<code class="highlighter-rouge">super</code> before calling <code class="highlighter-rouge">super()</code> in constructors. (no-this-before-super)</h1>
+
+<p>In the constructor of derived classes, if <code class="highlighter-rouge">this</code>/<code class="highlighter-rouge">super</code> are used before <code class="highlighter-rouge">super()</code> calls, it raises a reference error.</p>
+
+<p>This rule checks <code class="highlighter-rouge">this</code>/<code class="highlighter-rouge">super</code> keywords in constructors, then reports those that are before <code class="highlighter-rouge">super()</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag <code class="highlighter-rouge">this</code>/<code class="highlighter-rouge">super</code> keywords before <code class="highlighter-rouge">super()</code> callings.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-this-before-super: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>        <span class="kr">super</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">();</span><br/>        <span class="kr">super</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">.</span><span class="nx">foo</span><span class="p">();</span><br/>        <span class="kr">super</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">(</span><span class="k">this</span><span class="p">.</span><span class="nx">foo</span><span class="p">());</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-this-before-super: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="c1">// OK, this class doesn't have an `extends` clause.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">();</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="c1">// OK, this is after `super()`.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="c1">// OK. this is not in a constructor.</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about using <code class="highlighter-rouge">this</code>/<code class="highlighter-rouge">super</code> before <code class="highlighter-rouge">super()</code> in constructors, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.24.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-this-before-super.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-this-before-super.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-throw-literal.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-throw-literal.html
new file mode 100644
index 0000000..fa32bb8
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-throw-literal.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="restrict-what-can-be-thrown-as-an-exception-no-throw-literal">Restrict what can be thrown as an exception (no-throw-literal)</h1>
+
+<p>It is considered good practice to only <code class="highlighter-rouge">throw</code> the <code class="highlighter-rouge">Error</code> object itself or an object using the <code class="highlighter-rouge">Error</code> object as base objects for user-defined exceptions.
+The fundamental benefit of <code class="highlighter-rouge">Error</code> objects is that they automatically keep track of where they were built and originated.</p>
+
+<p>This rule restricts what can be thrown as an exception.  When it was first created, it only prevented literals from being thrown (hence the name), but it has now been expanded to only allow expressions which have a possibility of being an <code class="highlighter-rouge">Error</code> object.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at maintaining consistency when throwing exception by disallowing to throw literals and other expressions which cannot possibly be an <code class="highlighter-rouge">Error</code> object.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-throw-literal: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">throw</span> <span class="s2">"error"</span><span class="p">;</span><br/><br/><span class="k">throw</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="k">throw</span> <span class="kc">undefined</span><span class="p">;</span><br/><br/><span class="k">throw</span> <span class="kc">null</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">err</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">();</span><br/><span class="k">throw</span> <span class="s2">"an "</span> <span class="o">+</span> <span class="nx">err</span><span class="p">;</span><br/><span class="c1">// err is recast to a string literal</span><br/><br/><span class="kd">var</span> <span class="nx">err</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">();</span><br/><span class="k">throw</span> <span class="err">`</span><span class="nx">$</span><span class="p">{</span><span class="nx">err</span><span class="p">}</span><span class="err">`</span><br/><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-throw-literal: "error"*/</span><br/><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">();</span><br/><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"error"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">e</span> <span class="o">=</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"error"</span><span class="p">);</span><br/><span class="k">throw</span> <span class="nx">e</span><span class="p">;</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"error"</span><span class="p">);</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">e</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="nx">e</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<p>Due to the limits of static analysis, this rule cannot guarantee that you will only throw <code class="highlighter-rouge">Error</code> objects.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule, but which do not throw an <code class="highlighter-rouge">Error</code> object:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-throw-literal: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">err</span> <span class="o">=</span> <span class="s2">"error"</span><span class="p">;</span><br/><span class="k">throw</span> <span class="nx">err</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">bar</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">bar</span><span class="p">);</span><br/><span class="p">}</span><br/><span class="k">throw</span> <span class="nx">foo</span><span class="p">(</span><span class="s2">"error"</span><span class="p">);</span><br/><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">String</span><span class="p">(</span><span class="s2">"error"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"error"</span><br/><span class="p">};</span><br/><span class="k">throw</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.15.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-throw-literal.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-throw-literal.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-trailing-spaces.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-trailing-spaces.html
new file mode 100644
index 0000000..7bda4af
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-trailing-spaces.html
@@ -0,0 +1,47 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-trailing-spaces-at-the-end-of-lines-no-trailing-spaces">Disallow trailing spaces at the end of lines (no-trailing-spaces)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Sometimes in the course of editing files, you can end up with extra whitespace at the end of lines. These whitespace differences can be picked up by source control systems and flagged as diffs, causing frustration for developers. While this extra whitespace causes no functional issues, many code conventions require that trailing spaces be removed before checkin.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-trailing-spaces: "error"*/</span><br/><br/><span class="c1">// spaces, tabs and unicode whitespaces</span><br/><span class="c1">// are not allowed at the end of lines</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><span class="c1">//•••••</span><br/><span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><span class="c1">//••</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-trailing-spaces: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>There is one option for this rule, <code class="highlighter-rouge">skipBlankLines</code>. When set to true, the rule will not flag any lines that are made up purely of whitespace. In short, if a line is zero-length after being trimmed of whitespace, then the rule will not flag that line when <code class="highlighter-rouge">skipBlankLines</code> is enabled.</p>
+
+<p>You can enable this option in your config like this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"no-trailing-spaces"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"skipBlankLines"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>With this option enabled, The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-trailing-spaces: ["error", { "skipBlankLines": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="c1">//••••</span><br/><span class="kd">var</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.7.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-trailing-spaces.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-trailing-spaces.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undef-init.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undef-init.html
new file mode 100644
index 0000000..7faea87
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undef-init.html
@@ -0,0 +1,83 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-initializing-to-undefined-no-undef-init">Disallow Initializing to undefined (no-undef-init)</h1>
+
+<p>In JavaScript, a variable that is declared and not initialized to any value automatically gets the value of <code class="highlighter-rouge">undefined</code>. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">foo</span> <span class="o">===</span> <span class="kc">undefined</span><span class="p">);</span>     <span class="c1">// true</span><br/></code></pre>
+</div>
+
+<p>It’s therefore unnecessary to initialize a variable to <code class="highlighter-rouge">undefined</code>, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>It’s considered a best practice to avoid initializing variables to <code class="highlighter-rouge">undefined</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate variable declarations that initialize to <code class="highlighter-rouge">undefined</code>.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef-init: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/><span class="kd">let</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef-init: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">let</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">baz</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>There is one situation where initializing to <code class="highlighter-rouge">undefined</code> behaves differently than omitting the initialization, and that’s when a <code class="highlighter-rouge">var</code> declaration occurs inside of a loop. For example:</p>
+
+<p class="incorrect icon">Example of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In this case, the <code class="highlighter-rouge">var x</code> is hoisted out of the loop, effectively creating:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>If you were to remove the initialization, then the behavior of the loop changes:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This code is equivalent to:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This produces a different outcome than defining <code class="highlighter-rouge">var x = undefined</code> in the loop, as <code class="highlighter-rouge">x</code> is no longer reset to <code class="highlighter-rouge">undefined</code> each time through the loop.</p>
+
+<p>If you’re using such an initialization inside of a loop, then you should disable this rule.</p>
+
+<p class="correct icon">Example of <strong>correct</strong> code for this rule, because it is disabled on a specific line:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef-init: "error"*/</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span> <span class="c1">// eslint-disable-line no-undef-init</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="nx">i</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-undefined">no-undefined</a></li>
+  <li><a href="no-void">no-void</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-undef-init.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-undef-init.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undef.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undef.html
new file mode 100644
index 0000000..eaf7787
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undef.html
@@ -0,0 +1,99 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-undeclared-variables-no-undef">Disallow Undeclared Variables (no-undef)</h1>
+
+<p>This rule can help you locate potential ReferenceErrors resulting from misspellings of variable and parameter names, or accidental implicit globals (for example, from forgetting the <code class="highlighter-rouge">var</code> keyword in a <code class="highlighter-rouge">for</code> loop initializer).</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>Any reference to an undeclared variable causes a warning, unless the variable is explicitly mentioned in a <code class="highlighter-rouge">/*global ...*/</code> comment.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">someFunction</span><span class="p">();</span><br/><span class="nx">b</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with <code class="highlighter-rouge">global</code> declaration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*global someFunction b:true*/</span><br/><span class="cm">/*eslint no-undef: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">someFunction</span><span class="p">();</span><br/><span class="nx">b</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The <code class="highlighter-rouge">b:true</code> syntax in <code class="highlighter-rouge">/*global */</code> indicates that assignment to <code class="highlighter-rouge">b</code> is correct.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with <code class="highlighter-rouge">global</code> declaration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*global b*/</span><br/><span class="cm">/*eslint no-undef: "error"*/</span><br/><br/><span class="nx">b</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>By default, variables declared in <code class="highlighter-rouge">/*global */</code> are read-only, therefore assignment is incorrect.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><code class="highlighter-rouge">typeof</code> set to true will warn for variables used inside typeof check (Default false).</li>
+</ul>
+
+<h3 id="typeof">typeof<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#typeof" aria-label="Anchor link for: typeof" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"typeof"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">UndefinedIdentifier</span> <span class="o">===</span> <span class="s2">"undefined"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// do something ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>You can use this option if you want to prevent <code class="highlighter-rouge">typeof</code> check on a variable which has not been declared.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"typeof"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef: ["error", { "typeof": true }] */</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">a</span> <span class="o">===</span> <span class="s2">"string"</span><span class="p">){}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"typeof"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option with <code class="highlighter-rouge">global</code> declaration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*global a*/</span><br/><span class="cm">/*eslint no-undef: ["error", { "typeof": true }] */</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="k">typeof</span> <span class="nx">a</span> <span class="o">===</span> <span class="s2">"string"</span><span class="p">){}</span><br/></code></pre>
+</div>
+
+<h2 id="environments">Environments<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#environments" aria-label="Anchor link for: environments" data-anchorjs-icon=""></a></h2>
+
+<p>For convenience, ESLint provides shortcuts that pre-define global variables exposed by popular libraries and runtime environments. This rule supports these environments, as listed in <a href="http://eslint.org/docs/user-guide/configuring#specifying-environments">Specifying Environments</a>.  A few examples are given below.</p>
+
+<h3 id="browser">browser<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#browser" aria-label="Anchor link for: browser" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with <code class="highlighter-rouge">browser</code> environment:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef: "error"*/</span><br/><span class="cm">/*eslint-env browser*/</span><br/><br/><span class="nx">setTimeout</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">alert</span><span class="p">(</span><span class="s2">"Hello"</span><span class="p">);</span><br/><span class="p">});</span><br/></code></pre>
+</div>
+
+<h3 id="node">node<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#node" aria-label="Anchor link for: node" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with <code class="highlighter-rouge">node</code> environment:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undef: "error"*/</span><br/><span class="cm">/*eslint-env node*/</span><br/><br/><span class="kd">var</span> <span class="nx">fs</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s2">"fs"</span><span class="p">);</span><br/><span class="nx">module</span><span class="p">.</span><span class="nx">exports</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">fs</span><span class="p">);</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If explicit declaration of global variables is not to your taste.</p>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<p>This rule provides compatibility with treatment of global variables in <a href="http://www.jshint.com">JSHint</a> and <a href="http://www.jslint.com">JSLint</a>.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/a-is-not-defined">‘{a}’ is not defined</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-undef.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-undef.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undefined.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undefined.html
new file mode 100644
index 0000000..3458c28
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-undefined.html
@@ -0,0 +1,90 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-undefined-variable-no-undefined">Disallow Use of <code class="highlighter-rouge">undefined</code> Variable (no-undefined)</h1>
+
+<p>The <code class="highlighter-rouge">undefined</code> variable is unique in JavaScript because it is actually a property of the global object. As such, in ECMAScript 3 it was possible to overwrite the value of <code class="highlighter-rouge">undefined</code>. While ECMAScript 5 disallows overwriting <code class="highlighter-rouge">undefined</code>, it’s still possible to shadow <code class="highlighter-rouge">undefined</code>, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">(</span><span class="nx">data</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="kc">undefined</span> <span class="o">=</span> <span class="s2">"hi"</span><span class="p">;</span><br/><br/>    <span class="c1">// doesn't do what you think it does</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">data</span> <span class="o">===</span> <span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This represents a problem for <code class="highlighter-rouge">undefined</code> that doesn’t exist for <code class="highlighter-rouge">null</code>, which is a keyword and primitive value that can neither be overwritten nor shadowed.</p>
+
+<p>All uninitialized variables automatically get the value of <code class="highlighter-rouge">undefined</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">foo</span> <span class="o">===</span> <span class="kc">undefined</span><span class="p">);</span>     <span class="c1">// true (assuming no shadowing)</span><br/></code></pre>
+</div>
+
+<p>For this reason, it’s not necessary to explicitly initialize a variable to <code class="highlighter-rouge">undefined</code>.</p>
+
+<p>Taking all of this into account, some style guides forbid the use of <code class="highlighter-rouge">undefined</code>, recommending instead:</p>
+
+<ul>
+  <li>Variables that should be <code class="highlighter-rouge">undefined</code> are simply left uninitialized.</li>
+  <li>Checking if a value is <code class="highlighter-rouge">undefined</code> should be done with <code class="highlighter-rouge">typeof</code>.</li>
+  <li>Using the <code class="highlighter-rouge">void</code> operator to generate the value of <code class="highlighter-rouge">undefined</code> if necessary.</li>
+</ul>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate the use of <code class="highlighter-rouge">undefined</code>, and as such, generates a warning whenever it is used.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undefined: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="kc">undefined</span> <span class="o">=</span> <span class="s2">"foo"</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">===</span> <span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="kc">undefined</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-undefined: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="k">void</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">Undefined</span> <span class="o">=</span> <span class="s2">"foo"</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="k">typeof</span> <span class="nx">foo</span> <span class="o">===</span> <span class="s2">"undefined"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="nx">global</span><span class="p">.</span><span class="kc">undefined</span> <span class="o">=</span> <span class="s2">"foo"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow the use of <code class="highlighter-rouge">undefined</code> in your code, then you can safely turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li>
+    <table>
+      <tbody>
+        <tr>
+          <td>[undefined - JavaScript</td>
+          <td>MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/undefined)</td>
+        </tr>
+      </tbody>
+    </table>
+  </li>
+  <li>
+    <table>
+      <tbody>
+        <tr>
+          <td>[Understanding JavaScript’s ‘undefined’</td>
+          <td>JavaScript, JavaScript…](http://javascriptweblog.wordpress.com/2010/08/16/understanding-undefined-and-preventing-referenceerrors/)</td>
+        </tr>
+      </tbody>
+    </table>
+  </li>
+  <li><a href="https://es5.github.io/#x15.1.1.3">ECMA262 edition 5.1 §15.1.1.3: undefined</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-undef-init">no-undef-init</a></li>
+  <li><a href="no-void">no-void</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.7.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-undefined.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-undefined.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-underscore-dangle.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-underscore-dangle.html
new file mode 100644
index 0000000..d522994
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-underscore-dangle.html
@@ -0,0 +1,66 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-dangling-underscores-in-identifiers-no-underscore-dangle">Disallow Dangling Underscores in Identifiers (no-underscore-dangle)</h1>
+
+<p>As far as naming conventions for identifiers go, dangling underscores may be the most polarizing in JavaScript. Dangling underscores are underscores at either the beginning or end of an identifier, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">_foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>There is actually a long history of using dangling underscores to indicate “private” members of objects in JavaScript (though JavaScript doesn’t have truly private members, this convention served as a warning). This began with SpiderMonkey adding nonstandard methods such as <code class="highlighter-rouge">__defineGetter__()</code>. The intent with the underscores was to make it obvious that this method was special in some way. Since that time, using a single underscore prefix has become popular as a way to indicate “private” members of objects.</p>
+
+<p>Whether or not you choose to allow dangling underscores in identifiers is purely a convention and has no effect on performance, readability, or complexity. It’s purely a preference.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate the use of dangling underscores in identifiers.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="allow"><code class="highlighter-rouge">allow</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allow" aria-label="Anchor link for: allow" data-anchorjs-icon=""></a></h3>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"no-underscore-dangle"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"allow"</span><span class="p">:</span><span class="w"> </span><span class="p">[]</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Array of variable names that are permitted to be used with underscore. If provided, it must be an <code class="highlighter-rouge">Array</code>.</p>
+
+<h3 id="allowafterthis"><code class="highlighter-rouge">allowAfterThis</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowafterthis" aria-label="Anchor link for: allowafterthis" data-anchorjs-icon=""></a></h3>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"no-underscore-dangle"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"allowAfterThis"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>This option allows usage of dangled variables as members of <code class="highlighter-rouge">this</code>.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-underscore-dangle: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo_</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">__proto__</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">_bar</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-underscore-dangle: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">_</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="s1">'underscore'</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="nx">_</span><span class="p">.</span><span class="nx">contains</span><span class="p">(</span><span class="nx">items</span><span class="p">,</span> <span class="nx">item</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">__proto__</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="nx">file</span> <span class="o">=</span> <span class="nx">__filename</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-underscore-dangle: ["error", { "allow": ["foo_", "_bar"] }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo_</span><span class="p">;</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">_bar</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-underscore-dangle: ["error", { "allowAfterThis": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="k">this</span><span class="p">.</span><span class="nx">foo_</span><span class="p">;</span><br/><span class="k">this</span><span class="p">.</span><span class="nx">_bar</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow dangling underscores in identifiers, then you can safely turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-underscore-dangle.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-underscore-dangle.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unexpected-multiline.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unexpected-multiline.html
new file mode 100644
index 0000000..59e81ae
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unexpected-multiline.html
@@ -0,0 +1,58 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-confusing-multiline-expressions-no-unexpected-multiline">disallow confusing multiline expressions (no-unexpected-multiline)</h1>
+
+<p>Semicolons are usually optional in JavaScript, because of automatic semicolon insertion (ASI). You can require or disallow semicolons with the <a href="./semi">semi</a> rule.</p>
+
+<p>The rules for ASI are relatively straightforward: As once described by Isaac Schlueter, a newline character character always ends a statement, just like a semicolon, <strong>except</strong> where one of the following is true:</p>
+
+<ul>
+  <li>The statement has an unclosed paren, array literal, or object literal or ends in some other way that is not a valid way to end a statement. (For instance, ending with <code class="highlighter-rouge">.</code> or <code class="highlighter-rouge">,</code>.)</li>
+  <li>The line is <code class="highlighter-rouge">--</code> or <code class="highlighter-rouge">++</code> (in which case it will decrement/increment the next token.)</li>
+  <li>It is a <code class="highlighter-rouge">for()</code>, <code class="highlighter-rouge">while()</code>, <code class="highlighter-rouge">do</code>, <code class="highlighter-rouge">if()</code>, or <code class="highlighter-rouge">else</code>, and there is no <code class="highlighter-rouge"><span class="p">{</span></code></li>
+  <li>The next line starts with <code class="highlighter-rouge">[</code>, <code class="highlighter-rouge">(</code>, <code class="highlighter-rouge">+</code>, <code class="highlighter-rouge">*</code>, <code class="highlighter-rouge">/</code>, <code class="highlighter-rouge">-</code>, <code class="highlighter-rouge">,</code>, <code class="highlighter-rouge">.</code>, or some other binary operator that can only be found between two tokens in a single expression.</li>
+</ul>
+
+<p>In the exceptions where a newline does <strong>not</strong> end a statement, a typing mistake to omit a semicolon causes two unrelated consecutive lines to be interpreted as one expression. Especially for a coding style without semicolons, readers might overlook the mistake. Although syntactically correct, the code might throw exceptions when it is executed.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows confusing multiline expressions where a newline looks like it is ending a statement, but is not.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unexpected-multiline: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><br/><span class="p">(</span><span class="mi">1</span> <span class="o">||</span> <span class="mi">2</span><span class="p">).</span><span class="nx">baz</span><span class="p">();</span><br/><br/><span class="kd">var</span> <span class="nx">hello</span> <span class="o">=</span> <span class="s1">'world'</span><br/><span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">].</span><span class="nx">forEach</span><span class="p">(</span><span class="nx">addNumber</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="err">`</span><span class="nx">hello</span><span class="err">`</span><br/><br/><span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="nx">x</span><br/><span class="err">`</span><span class="nx">hello</span><span class="err">`</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unexpected-multiline: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">(</span><span class="mi">1</span> <span class="o">||</span> <span class="mi">2</span><span class="p">).</span><span class="nx">baz</span><span class="p">();</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><br/><span class="p">;(</span><span class="mi">1</span> <span class="o">||</span> <span class="mi">2</span><span class="p">).</span><span class="nx">baz</span><span class="p">()</span><br/><br/><span class="kd">var</span> <span class="nx">hello</span> <span class="o">=</span> <span class="s1">'world'</span><span class="p">;</span><br/><span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">].</span><span class="nx">forEach</span><span class="p">(</span><span class="nx">addNumber</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">hello</span> <span class="o">=</span> <span class="s1">'world'</span><br/><span class="k">void</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">].</span><span class="nx">forEach</span><span class="p">(</span><span class="nx">addNumber</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span><br/><span class="err">`</span><span class="nx">hello</span><span class="err">`</span><br/><br/><span class="kd">let</span> <span class="nx">tag</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="nx">tag</span> <span class="err">`</span><span class="nx">hello</span><span class="err">`</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are confident that you will not accidentally introduce code like this.</p>
+
+<p>Note that the patterns considered problems are <strong>not</strong> flagged by the <a href="semi">semi</a> rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="semi">semi</a></li>
+  <li><a href="no-spaced-func">no-spaced-func</a></li>
+  <li><a href="space-unary-ops">space-unary-ops</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.24.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unexpected-multiline.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unexpected-multiline.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unmodified-loop-condition.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unmodified-loop-condition.html
new file mode 100644
index 0000000..dd7dba9
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unmodified-loop-condition.html
@@ -0,0 +1,50 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unmodified-conditions-of-loops-no-unmodified-loop-condition">Disallow unmodified conditions of loops (no-unmodified-loop-condition)</h1>
+
+<p>Variables in a loop condition often are modified in the loop.
+If not, it’s possibly a mistake.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">while</span> <span class="p">(</span><span class="nx">node</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">while</span> <span class="p">(</span><span class="nx">node</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span><br/>    <span class="nx">node</span> <span class="o">=</span> <span class="nx">node</span><span class="p">.</span><span class="nx">parent</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule finds references which are inside of loop conditions, then checks the
+variables of those references are modified in the loop.</p>
+
+<p>If a reference is inside of a binary expression or a ternary expression, this rule checks the result of
+the expression instead.
+If a reference is inside of a dynamic expression (e.g. <code class="highlighter-rouge">CallExpression</code>,
+<code class="highlighter-rouge">YieldExpression</code>, …), this rule ignores it.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">while</span> <span class="p">(</span><span class="nx">node</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span><br/><span class="p">}</span><br/><span class="nx">node</span> <span class="o">=</span> <span class="nx">other</span><span class="p">;</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">j</span> <span class="o">&lt;</span> <span class="nx">items</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">items</span><span class="p">[</span><span class="nx">j</span><span class="p">]);</span><br/><span class="p">}</span><br/><br/><span class="k">while</span> <span class="p">(</span><span class="nx">node</span> <span class="o">!==</span> <span class="nx">root</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">while</span> <span class="p">(</span><span class="nx">node</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span><br/>    <span class="nx">node</span> <span class="o">=</span> <span class="nx">node</span><span class="p">.</span><span class="nx">parent</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">j</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">j</span> <span class="o">&lt;</span> <span class="nx">items</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="o">++</span><span class="nx">j</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">items</span><span class="p">[</span><span class="nx">j</span><span class="p">]);</span><br/><span class="p">}</span><br/><br/><span class="c1">// OK, the result of this binary expression is changed in this loop.</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">node</span> <span class="o">!==</span> <span class="nx">root</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span><br/>    <span class="nx">node</span> <span class="o">=</span> <span class="nx">node</span><span class="p">.</span><span class="nx">parent</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// OK, the result of this ternary expression is changed in this loop.</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">node</span> <span class="p">?</span> <span class="nx">A</span> <span class="p">:</span> <span class="nx">B</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">node</span><span class="p">);</span><br/>    <span class="nx">node</span> <span class="o">=</span> <span class="nx">node</span><span class="p">.</span><span class="nx">parent</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// A property might be a getter which has side effect...</span><br/><span class="c1">// Or "doSomething" can modify "obj.foo".</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">obj</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="c1">// A function call can return various values.</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">check</span><span class="p">(</span><span class="nx">obj</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">obj</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to notified about references inside of loop conditions, then it’s safe to disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-alpha-2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unmodified-loop-condition.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unmodified-loop-condition.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unneeded-ternary.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unneeded-ternary.html
new file mode 100644
index 0000000..0d50f2b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unneeded-ternary.html
@@ -0,0 +1,68 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-conditional-expressions-that-can-be-expressed-with-simpler-constructs-no-unneeded-ternary">Disallow conditional expressions that can be expressed with simpler constructs (no-unneeded-ternary)</h1>
+
+<p>It’s a common mistake in JavaScript to use a conditional expression to select between two Boolean values instead of using ! to convert the test to a Boolean.
+Here are some examples:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// Bad</span><br/><span class="kd">var</span> <span class="nx">isYes</span> <span class="o">=</span> <span class="nx">answer</span> <span class="o">===</span> <span class="mi">1</span> <span class="p">?</span> <span class="kc">true</span> <span class="p">:</span> <span class="kc">false</span><span class="p">;</span><br/><br/><span class="c1">// Good</span><br/><span class="kd">var</span> <span class="nx">isYes</span> <span class="o">=</span> <span class="nx">answer</span> <span class="o">===</span> <span class="mi">1</span><span class="p">;</span><br/><br/><br/><span class="c1">// Bad</span><br/><span class="kd">var</span> <span class="nx">isNo</span> <span class="o">=</span> <span class="nx">answer</span> <span class="o">===</span> <span class="mi">1</span> <span class="p">?</span> <span class="kc">false</span> <span class="p">:</span> <span class="kc">true</span><span class="p">;</span><br/><br/><span class="c1">// Good</span><br/><span class="kd">var</span> <span class="nx">isNo</span> <span class="o">=</span> <span class="nx">answer</span> <span class="o">!==</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>This rule disallows the use of ‘Boolean’ literals inside conditional expressions.</p>
+
+<p>Another common mistake is using a single variable as both the conditional test and the consequent. In such cases, the logical <code class="highlighter-rouge">OR</code> can be used to provide the same functionality.
+Here is an example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// Bad</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="p">?</span> <span class="nx">bar</span> <span class="p">:</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="c1">// Good</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span> <span class="o">||</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>This rule disallows the conditional expression as a default assignment pattern when the <code class="highlighter-rouge">defaultAssignment</code> option is set to <code class="highlighter-rouge">false</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a coding style where it disallows conditional expressions that can be implemented using simpler language constructs. Specifically, this rule disallows the use of Boolean literals inside conditional expressions, and conditional expressions where a single variable is used as both the test and consequent. This rule’s default options are <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"defaultAssignment"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unneeded-ternary: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">===</span> <span class="mi">2</span> <span class="p">?</span> <span class="kc">true</span> <span class="p">:</span> <span class="kc">false</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="p">?</span> <span class="kc">true</span> <span class="p">:</span> <span class="kc">false</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following pattern is considered a warning when <code class="highlighter-rouge">defaultAssignment</code> is <code class="highlighter-rouge">false</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="p">?</span> <span class="nx">x</span> <span class="p">:</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unneeded-ternary: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">===</span> <span class="mi">2</span> <span class="p">?</span> <span class="s2">"Yes"</span> <span class="p">:</span> <span class="s2">"No"</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">!==</span> <span class="kc">false</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="p">?</span> <span class="s2">"Yes"</span> <span class="p">:</span> <span class="s2">"No"</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="p">?</span> <span class="nx">y</span> <span class="p">:</span> <span class="nx">x</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following pattern is not considered a warning when <code class="highlighter-rouge">defaultAssignment</code> is <code class="highlighter-rouge">true</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">x</span> <span class="p">?</span> <span class="nx">x</span> <span class="p">:</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with unnecessary complexity in conditional expressions.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-ternary">no-ternary</a></li>
+  <li><a href="no-nested-ternary">no-nested-ternary</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.21.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unneeded-ternary.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unneeded-ternary.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unreachable.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unreachable.html
new file mode 100644
index 0000000..9112297
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unreachable.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unreachable-code-after-return-throw-continue-and-break-statements-no-unreachable">disallow unreachable code after <code class="highlighter-rouge">return</code>, <code class="highlighter-rouge">throw</code>, <code class="highlighter-rouge">continue</code>, and <code class="highlighter-rouge">break</code> statements (no-unreachable)</h1>
+
+<p>Because the <code class="highlighter-rouge">return</code>, <code class="highlighter-rouge">throw</code>, <code class="highlighter-rouge">break</code>, and <code class="highlighter-rouge">continue</code> statements unconditionally exit a block of code, any statements after them cannot be executed. Unreachable statements are usually a mistake.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">fn</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="nx">x</span><span class="p">;</span><br/>    <span class="nx">x</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span> <span class="c1">// this will never execute</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows unreachable code after <code class="highlighter-rouge">return</code>, <code class="highlighter-rouge">throw</code>, <code class="highlighter-rouge">continue</code>, and <code class="highlighter-rouge">break</code> statements.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unreachable: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"done"</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"Oops!"</span><span class="p">);</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"done"</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="k">while</span><span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">break</span><span class="p">;</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"done"</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"Oops!"</span><span class="p">);</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"done"</span><span class="p">);</span><br/><br/><span class="kd">function</span> <span class="nx">baz</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nb">Math</span><span class="p">.</span><span class="nx">random</span><span class="p">()</span> <span class="o">&lt;</span> <span class="mf">0.5</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">else</span> <span class="p">{</span><br/>        <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">();</span><br/>    <span class="p">}</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"done"</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="k">for</span> <span class="p">(;;)</span> <span class="p">{}</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"done"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule, because of JavaScript function and variable hoisting:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unreachable: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">();</span><br/>    <span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">x</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">1</span><span class="err">:</span><br/>        <span class="k">break</span><span class="p">;</span><br/>        <span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unreachable.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unreachable.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unsafe-finally.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unsafe-finally.html
new file mode 100644
index 0000000..2ec24bd
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unsafe-finally.html
@@ -0,0 +1,58 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-control-flow-statements-in-finally-blocks-no-unsafe-finally">disallow control flow statements in <code class="highlighter-rouge">finally</code> blocks (no-unsafe-finally)</h1>
+
+<p>JavaScript suspends the control flow statements of <code class="highlighter-rouge">try</code> and <code class="highlighter-rouge">catch</code> blocks until the execution of <code class="highlighter-rouge">finally</code> block finishes. So, when <code class="highlighter-rouge">return</code>, <code class="highlighter-rouge">throw</code>, <code class="highlighter-rouge">break</code>, or <code class="highlighter-rouge">continue</code> is used in <code class="highlighter-rouge">finally</code>, control flow statements inside <code class="highlighter-rouge">try</code> and <code class="highlighter-rouge">catch</code> are overwritten, which is considered as unexpected behavior. Such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// We expect this function to return 1;</span><br/><span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">1</span><span class="p">;</span> <span class="c1">// 1 is returned but suspended until finally block ends</span><br/>    <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">3</span><span class="p">;</span> <span class="c1">// 3 is returned before 1, which we did not expect</span><br/>    <span class="p">}</span><br/><span class="p">})();</span><br/><br/><span class="c1">// &gt; 3</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// We expect this function to throw an error, then return</span><br/><span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"Try"</span><span class="p">);</span> <span class="c1">// error is thrown but suspended until finally block ends</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">3</span><span class="p">;</span> <span class="c1">// 3 is returned before the error is thrown, which we did not expect</span><br/>    <span class="p">}</span><br/><span class="p">})();</span><br/><br/><span class="c1">// &gt; 3</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// We expect this function to throw Try(...) error from the catch block</span><br/><span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"Try"</span><span class="p">)</span><br/>    <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">throw</span> <span class="nx">err</span><span class="p">;</span> <span class="c1">// The error thrown from try block is catched and rethrown</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"Finally"</span><span class="p">);</span> <span class="c1">// Finally(...) is thrown, which we did not expect</span><br/>    <span class="p">}</span><br/><span class="p">})();</span><br/><br/><span class="c1">// &gt; Uncaught Error: Finally(...)</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// We expect this function to return 0 from try block.</span><br/><span class="p">(()</span> <span class="o">=&gt;</span> <span class="p">{</span><br/>  <span class="na">label</span><span class="p">:</span> <span class="k">try</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="mi">0</span><span class="p">;</span> <span class="c1">// 1 is returned but suspended until finally block ends</span><br/>  <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>    <span class="k">break</span> <span class="nx">label</span><span class="p">;</span> <span class="c1">// It breaks out the try-finally block, before 0 is returned.</span><br/>  <span class="p">}</span><br/>  <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">})();</span><br/><br/><span class="c1">// &gt; 1</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows <code class="highlighter-rouge">return</code>, <code class="highlighter-rouge">throw</code>, <code class="highlighter-rouge">break</code>, and <code class="highlighter-rouge">continue</code> statements inside <code class="highlighter-rouge">finally</code> blocks. It allows indirect usages, such as in <code class="highlighter-rouge">function</code> or <code class="highlighter-rouge">class</code> definitions.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unsafe-finally: "error"*/</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">3</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unsafe-finally: "error"*/</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unsafe-finally: "error"*/</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"hola!"</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unsafe-finally: "error"*/</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>            <span class="k">return</span> <span class="s2">"hola!"</span><span class="p">;</span><br/>        <span class="p">}</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unsafe-finally: "error"*/</span><br/><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">try</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="p">}</span> <span class="k">finally</span> <span class="p">{</span><br/>        <span class="k">switch</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>            <span class="k">case</span> <span class="mi">1</span><span class="p">:</span> <span class="p">{</span><br/>                <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"hola!"</span><span class="p">)</span><br/>                <span class="k">break</span><span class="p">;</span><br/>            <span class="p">}</span><br/>        <span class="p">}</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you want to allow control flow operations in <code class="highlighter-rouge">finally</code> blocks, you can turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unsafe-finally.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unsafe-finally.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-expressions.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-expressions.html
new file mode 100644
index 0000000..9a71ee0
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-expressions.html
@@ -0,0 +1,91 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unused-expressions-no-unused-expressions">Disallow Unused Expressions (no-unused-expressions)</h1>
+
+<p>An unused expression which has no effect on the state of the program indicates a logic error.</p>
+
+<p>For example, <code class="highlighter-rouge">n + 1;</code> is not a syntax error, but it might be a typing mistake where a programmer meant an assignment statement <code class="highlighter-rouge">n += 1;</code> instead.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate unused expressions which have no effect on the state of the program.</p>
+
+<p>This rule does not apply to function calls or constructor calls with the <code class="highlighter-rouge">new</code> operator, because they could have <em>side effects</em> on the state of the program.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">increment</span><span class="p">()</span> <span class="p">{</span> <span class="nx">i</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span><br/><span class="nx">increment</span><span class="p">();</span> <span class="c1">// return value is unused, but i changed as a side effect</span><br/><br/><span class="kd">var</span> <span class="nx">nThings</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">Thing</span><span class="p">()</span> <span class="p">{</span> <span class="nx">nThings</span> <span class="o">+=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">new</span> <span class="nx">Thing</span><span class="p">();</span> <span class="c1">// constructed object is unused, but nThings changed as a side effect</span><br/></code></pre>
+</div>
+
+<p>This rule does not apply to directives (which are in the form of literal string expressions such as <code class="highlighter-rouge">"use strict";</code> at the beginning of a script, module, or function).</p>
+
+<p>Sequence expressions (those using a comma, such as <code class="highlighter-rouge">a = 1, b = 2</code>) are always considered unused unless their return value is assigned or used in a condition evaluation, or a function call is made with the sequence expression value.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule, in its default state, does not require any arguments. If you would like to enable one or more of the following you may pass an object with the options set as follows:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">allowShortCircuit</code> set to <code class="highlighter-rouge">true</code> will allow you to use short circuit evaluations in your expressions (Default: <code class="highlighter-rouge">false</code>).</li>
+  <li><code class="highlighter-rouge">allowTernary</code> set to <code class="highlighter-rouge">true</code> will enable you use ternary operators in your expressions similarly to short circuit evaluations (Default: <code class="highlighter-rouge">false</code>).</li>
+</ul>
+
+<p>These options allow unused expressions <em>only if all</em> of the code paths either directly change the state (for example, assignment statement) or could have <em>side effects</em> (for example, function call).</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowShortCircuit"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowTernary"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-expressions: "error"*/</span><br/><br/><span class="mi">0</span><br/><br/><span class="k">if</span><span class="p">(</span><span class="mi">0</span><span class="p">)</span> <span class="mi">0</span><br/><br/><span class="p">{</span><span class="mi">0</span><span class="p">}</span><br/><br/><span class="nx">f</span><span class="p">(</span><span class="mi">0</span><span class="p">),</span> <span class="p">{}</span><br/><br/><span class="nx">a</span> <span class="o">&amp;&amp;</span> <span class="nx">b</span><span class="p">()</span><br/><br/><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">()</span><br/><br/><span class="nx">c</span> <span class="o">=</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">;</span><br/><br/><span class="nx">a</span><span class="p">()</span> <span class="o">&amp;&amp;</span> <span class="kd">function</span> <span class="nx">namedFunctionInExpressionContext</span> <span class="p">()</span> <span class="p">{</span><span class="nx">f</span><span class="p">();}</span><br/><br/><span class="p">(</span><span class="kd">function</span> <span class="nx">anIncompleteIIFE</span> <span class="p">()</span> <span class="p">{});</span><br/><br/></code></pre>
+</div>
+
+<p>Note that one or more string expression statements (with or without semi-colons) will only be considered as unused if they are not in the beginning of a script, module, or function (alone and uninterrupted by other statements). Otherwise, they will be treated as part of a “directive prologue”, a section potentially usable by JavaScript engines. This includes “strict mode” directives.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"use strict"</span><span class="p">;</span><br/><span class="s2">"use asm"</span><br/><span class="s2">"use stricter"</span><span class="p">;</span><br/><span class="s2">"use babel"</span><br/><span class="s2">"any other strings like this in the prologue"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowShortCircuit"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowTernary"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-expressions: "error"*/</span><br/><br/><span class="p">{}</span> <span class="c1">// In this context, this is a block statement, not an object literal</span><br/><br/><span class="p">{</span><span class="nl">myLabel</span><span class="p">:</span> <span class="nx">someVar</span><span class="p">}</span> <span class="c1">// In this context, this is a block statement with a label and expression, not an object literal</span><br/><br/><span class="kd">function</span> <span class="nx">namedFunctionDeclaration</span> <span class="p">()</span> <span class="p">{}</span><br/><br/><span class="p">(</span><span class="kd">function</span> <span class="nx">aGenuineIIFE</span> <span class="p">()</span> <span class="p">{}());</span><br/><br/><span class="nx">f</span><span class="p">()</span><br/><br/><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><br/><br/><span class="k">new</span> <span class="nx">C</span><br/><br/><span class="k">delete</span> <span class="nx">a</span><span class="p">.</span><span class="nx">b</span><br/><br/><span class="k">void</span> <span class="nx">a</span><br/></code></pre>
+</div>
+
+<h3 id="allowshortcircuit">allowShortCircuit<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowshortcircuit" aria-label="Anchor link for: allowshortcircuit" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowShortCircuit"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-expressions: ["error", { "allowShortCircuit": true }]*/</span><br/><br/><span class="nx">a</span> <span class="o">||</span> <span class="nx">b</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowShortCircuit"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-expressions: ["error", { "allowShortCircuit": true }]*/</span><br/><br/><span class="nx">a</span> <span class="o">&amp;&amp;</span> <span class="nx">b</span><span class="p">()</span><br/><span class="nx">a</span><span class="p">()</span> <span class="o">||</span> <span class="p">(</span><span class="nx">b</span> <span class="o">=</span> <span class="nx">c</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<h3 id="allowternary">allowTernary<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowternary" aria-label="Anchor link for: allowternary" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowTernary"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-expressions: ["error", { "allowTernary": true }]*/</span><br/><br/><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span> <span class="p">:</span> <span class="mi">0</span><br/><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span> <span class="p">:</span> <span class="nx">c</span><span class="p">()</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowTernary"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-expressions: ["error", { "allowTernary": true }]*/</span><br/><br/><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span><span class="p">()</span> <span class="p">:</span> <span class="nx">c</span><span class="p">()</span><br/><span class="nx">a</span> <span class="p">?</span> <span class="p">(</span><span class="nx">b</span> <span class="o">=</span> <span class="nx">c</span><span class="p">)</span> <span class="p">:</span> <span class="nx">d</span><span class="p">()</span><br/></code></pre>
+</div>
+
+<h3 id="allowshortcircuit-and-allowternary">allowShortCircuit and allowTernary<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowshortcircuit-and-allowternary" aria-label="Anchor link for: allowshortcircuit and allowternary" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowShortCircuit"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"allowTernary"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-expressions: ["error", { "allowShortCircuit": true, "allowTernary": true }]*/</span><br/><br/><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span><span class="p">()</span> <span class="o">||</span> <span class="p">(</span><span class="nx">c</span> <span class="o">=</span> <span class="nx">d</span><span class="p">)</span> <span class="p">:</span> <span class="nx">e</span><span class="p">()</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unused-expressions.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unused-expressions.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-labels.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-labels.html
new file mode 100644
index 0000000..c5c0ca6
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-labels.html
@@ -0,0 +1,51 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unused-labels-no-unused-labels">Disallow Unused Labels (no-unused-labels)</h1>
+
+<p>Labels that are declared and not used anywhere in the code are most likely an error due to incomplete refactoring.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">OUTER_LOOP</span><span class="err">:</span><br/><span class="k">for</span> <span class="p">(</span><span class="kr">const</span> <span class="nx">student</span> <span class="nx">of</span> <span class="nx">students</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">checkScores</span><span class="p">(</span><span class="nx">student</span><span class="p">.</span><span class="nx">scores</span><span class="p">))</span> <span class="p">{</span><br/>        <span class="k">continue</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="nx">doSomething</span><span class="p">(</span><span class="nx">student</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>In this case, probably removing <code class="highlighter-rouge">OUTER_LOOP:</code> had been forgotten.
+Such labels take up space in the code and can lead to confusion by readers.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating unused labels.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-labels: "error"*/</span><br/><br/><span class="nl">A</span><span class="p">:</span> <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="nl">B</span><span class="p">:</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="nl">C</span><span class="p">:</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-labels: "error"*/</span><br/><br/><span class="nl">A</span><span class="p">:</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">())</span> <span class="p">{</span><br/>        <span class="k">break</span> <span class="nx">A</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="nl">B</span><span class="p">:</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">())</span> <span class="p">{</span><br/>        <span class="k">break</span> <span class="nx">B</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="nx">bar</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about unused labels, then it’s safe to disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="./no-extra-label">no-extra-label</a></li>
+  <li><a href="./no-labels">no-labels</a></li>
+  <li><a href="./no-label-var">no-label-var</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-rc.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unused-labels.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unused-labels.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-vars.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-vars.html
new file mode 100644
index 0000000..19375ec
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-unused-vars.html
@@ -0,0 +1,174 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unused-variables-no-unused-vars">Disallow Unused Variables (no-unused-vars)</h1>
+
+<p>Variables that are declared and not used anywhere in the code are most likely an error due to incomplete refactoring. Such variables take up space in the code and can lead to confusion by readers.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at eliminating unused variables, functions, and parameters of functions.</p>
+
+<p>A variable is considered to be used if any of the following are true:</p>
+
+<ul>
+  <li>It represents a function that is called (<code class="highlighter-rouge">doSomething()</code>)</li>
+  <li>It is read (<code class="highlighter-rouge">var y = x</code>)</li>
+  <li>It is passed into a function as an argument (<code class="highlighter-rouge">doSomething(x)</code>)</li>
+</ul>
+
+<p>A variable is <em>not</em> considered to be used if it is only ever assigned to (<code class="highlighter-rouge">var x = 5</code>) or declared.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: "error"*/</span><br/><span class="cm">/*global some_unused_var*/</span><br/><br/><span class="c1">//It checks variables you have defined as global</span><br/><span class="nx">some_unused_var</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">x</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">y</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="nx">y</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><span class="c1">// By default, unused arguments cause warnings.</span><br/><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="mi">5</span><span class="p">;</span><br/><span class="p">})();</span><br/><br/><span class="c1">// Unused recursive functions also cause warnings.</span><br/><span class="kd">function</span> <span class="nx">fact</span><span class="p">(</span><span class="nx">n</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">n</span> <span class="o">&lt;</span> <span class="mi">2</span><span class="p">)</span> <span class="k">return</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="nx">n</span> <span class="o">*</span> <span class="nx">fact</span><span class="p">(</span><span class="nx">n</span> <span class="o">-</span> <span class="mi">1</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="nx">alert</span><span class="p">(</span><span class="nx">x</span><span class="p">);</span><br/><br/><span class="c1">// foo is considered used here</span><br/><span class="nx">myFunc</span><span class="p">(</span><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}.</span><span class="nx">bind</span><span class="p">(</span><span class="k">this</span><span class="p">));</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="p">})();</span><br/></code></pre>
+</div>
+
+<h3 id="exported">exported<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exported" aria-label="Anchor link for: exported" data-anchorjs-icon=""></a></h3>
+
+<p>In environments outside of CommonJS or ECMAScript modules, you may use <code class="highlighter-rouge">var</code> to create a global variable that may be used by other scripts. You can use the <code class="highlighter-rouge">/* exported variableName */</code> comment block to indicate that this variable is being exported and therefore should not be considered unused.</p>
+
+<p>Note that <code class="highlighter-rouge">/* exported */</code> has no effect for any of the following:</p>
+
+<ul>
+  <li>when the environment is <code class="highlighter-rouge">node</code> or <code class="highlighter-rouge">commonjs</code></li>
+  <li>when <code class="highlighter-rouge">parserOptions.sourceType</code> is <code class="highlighter-rouge">module</code></li>
+  <li>when <code class="highlighter-rouge">ecmaFeatures.globalReturn</code> is <code class="highlighter-rouge">true</code></li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one argument which can be a string or an object. The string settings are the same as those of the <code class="highlighter-rouge">vars</code> property (explained below).</p>
+
+<p>By default this rule is enabled with <code class="highlighter-rouge">all</code> option for variables and <code class="highlighter-rouge">after-used</code> for arguments.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"rules"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"no-unused-vars"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"vars"</span><span class="p">:</span><span class="w"> </span><span class="s2">"all"</span><span class="p">,</span><span class="w"> </span><span class="nt">"args"</span><span class="p">:</span><span class="w"> </span><span class="s2">"after-used"</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/>    </span><span class="p">}</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="vars">vars<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#vars" aria-label="Anchor link for: vars" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">vars</code> option has two settings:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">all</code> checks all variables for usage, including those in the global scope. This is the default setting.</li>
+  <li><code class="highlighter-rouge">local</code> checks only that locally-declared variables are used but will allow global variables to be unused.</li>
+</ul>
+
+<h4 id="vars-local">vars: local<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#vars-local" aria-label="Anchor link for: vars local" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"vars"</span><span class="p">:</span><span class="w"> </span><span class="s2">"local"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "vars": "local" }]*/</span><br/><span class="cm">/*global some_unused_var */</span><br/><br/><span class="nx">some_unused_var</span> <span class="o">=</span> <span class="mi">42</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="varsignorepattern">varsIgnorePattern<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#varsignorepattern" aria-label="Anchor link for: varsignorepattern" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">varsIgnorePattern</code> option specifies exceptions not to check for usage: variables whose names match a regexp pattern. For example, variables whose names contain <code class="highlighter-rouge">ignored</code> or <code class="highlighter-rouge">Ignored</code>.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"varsIgnorePattern"</span><span class="p">:</span><span class="w"> </span><span class="s2">"[iI]gnored"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "varsIgnorePattern": "[iI]gnored" }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">firstVarIgnored</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">secondVar</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">secondVar</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="args">args<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#args" aria-label="Anchor link for: args" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">args</code> option has three settings:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">after-used</code> - only the last argument must be used. This allows you, for instance, to have two named parameters to a function and as long as you use the second argument, ESLint will not warn you about the first. This is the default setting.</li>
+  <li><code class="highlighter-rouge">all</code> - all named arguments must be used.</li>
+  <li><code class="highlighter-rouge">none</code> - do not check arguments.</li>
+</ul>
+
+<h4 id="args-after-used">args: after-used<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#args-after-used" aria-label="Anchor link for: args after used" data-anchorjs-icon=""></a></h4>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"args"</span><span class="p">:</span><span class="w"> </span><span class="s2">"after-used"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "args": "after-used" }]*/</span><br/><br/><span class="c1">// 1 error</span><br/><span class="c1">// "baz" is defined but never used</span><br/><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">})();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"args"</span><span class="p">:</span><span class="w"> </span><span class="s2">"after-used"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", {"args": "after-used"}]*/</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="p">})();</span><br/></code></pre>
+</div>
+
+<h4 id="args-all">args: all<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#args-all" aria-label="Anchor link for: args all" data-anchorjs-icon=""></a></h4>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"args"</span><span class="p">:</span><span class="w"> </span><span class="s2">"all"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "args": "all" }]*/</span><br/><br/><span class="c1">// 2 errors</span><br/><span class="c1">// "foo" is defined but never used</span><br/><span class="c1">// "baz" is defined but never used</span><br/><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">})();</span><br/></code></pre>
+</div>
+
+<h4 id="args-none">args: none<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#args-none" aria-label="Anchor link for: args none" data-anchorjs-icon=""></a></h4>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"args"</span><span class="p">:</span><span class="w"> </span><span class="s2">"none"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "args": "none" }]*/</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="p">})();</span><br/></code></pre>
+</div>
+
+<h3 id="argsignorepattern">argsIgnorePattern<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#argsignorepattern" aria-label="Anchor link for: argsignorepattern" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">argsIgnorePattern</code> option specifies exceptions not to check for usage: arguments whose names match a regexp pattern. For example, variables whose names begin with an underscore.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"argsIgnorePattern"</span><span class="p">:</span><span class="w"> </span><span class="s2">"^_"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "argsIgnorePattern": "^_" }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">x</span><span class="p">,</span> <span class="nx">_y</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">x</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="caughterrors">caughtErrors<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#caughterrors" aria-label="Anchor link for: caughterrors" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">caughtErrors</code> option is used for <code class="highlighter-rouge">catch</code> block arguments validation.</p>
+
+<p>It has two settings:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">none</code> - do not check error objects. This is the default setting.</li>
+  <li><code class="highlighter-rouge">all</code> - all named arguments must be used.</li>
+</ul>
+
+<h4 id="caughterrors-none">caughtErrors: none<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#caughterrors-none" aria-label="Anchor link for: caughterrors none" data-anchorjs-icon=""></a></h4>
+
+<p>Not specifying this rule is equivalent of assigning it to <code class="highlighter-rouge">none</code>.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"caughtErrors"</span><span class="p">:</span><span class="w"> </span><span class="s2">"none"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "caughtErrors": "none" }]*/</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s2">"errors"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h4 id="caughterrors-all">caughtErrors: all<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#caughterrors-all" aria-label="Anchor link for: caughterrors all" data-anchorjs-icon=""></a></h4>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"caughtErrors"</span><span class="p">:</span><span class="w"> </span><span class="s2">"all"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "caughtErrors": "all" }]*/</span><br/><br/><span class="c1">// 1 error</span><br/><span class="c1">// "err" is defined but never used</span><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s2">"errors"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="caughterrorsignorepattern">caughtErrorsIgnorePattern<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#caughterrorsignorepattern" aria-label="Anchor link for: caughterrorsignorepattern" data-anchorjs-icon=""></a></h3>
+
+<p>The <code class="highlighter-rouge">caughtErrorsIgnorePattern</code> option specifies exceptions not to check for usage: catch arguments whose names match a regexp pattern. For example, variables whose names begin with a string ‘ignore’.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"caughtErrorsIgnorePattern"</span><span class="p">:</span><span class="w"> </span><span class="s2">"^ignore"</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-unused-vars: ["error", { "caughtErrorsIgnorePattern": "^ignore" }]*/</span><br/><br/><span class="k">try</span> <span class="p">{</span><br/>    <span class="c1">//...</span><br/><span class="p">}</span> <span class="k">catch</span> <span class="p">(</span><span class="nx">ignoreErr</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="s2">"errors"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about unused variables or function arguments, you can safely turn this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-unused-vars.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-unused-vars.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-use-before-define.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-use-before-define.html
new file mode 100644
index 0000000..3d34d53
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-use-before-define.html
@@ -0,0 +1,77 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-early-use-no-use-before-define">Disallow Early Use (no-use-before-define)</h1>
+
+<p>In JavaScript, prior to ES6, variable and function declarations are hoisted to the top of a scope, so it’s possible to use identifiers before their formal declarations in code. This can be confusing and some believe it is best to always declare variables and functions before using them.</p>
+
+<p>In ES6, block-level bindings (<code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code>) introduce a “temporal dead zone” where a <code class="highlighter-rouge">ReferenceError</code> will be thrown with any attempt to access the variable before its declaration.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule will warn when it encounters a reference to an identifier that has not yet been declared.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-use-before-define: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">alert</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><br/><span class="nx">f</span><span class="p">();</span><br/><span class="kd">function</span> <span class="nx">f</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kd">function</span> <span class="nx">g</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">b</span><span class="p">;</span><br/><span class="p">}</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="c1">// With blockBindings: true</span><br/><span class="p">{</span><br/>    <span class="nx">alert</span><span class="p">(</span><span class="nx">c</span><span class="p">);</span><br/>    <span class="kd">let</span> <span class="nx">c</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-use-before-define: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="nx">alert</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="kd">function</span> <span class="nx">f</span><span class="p">()</span> <span class="p">{}</span><br/><span class="nx">f</span><span class="p">(</span><span class="mi">1</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">g</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">b</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// With blockBindings: true</span><br/><span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">C</span><span class="p">;</span><br/>    <span class="nx">c</span><span class="o">++</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"no-use-before-define"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<ul>
+  <li><code class="highlighter-rouge">functions</code> (<code class="highlighter-rouge">boolean</code>) -
+The flag which shows whether or not this rule checks function declarations.
+If this is <code class="highlighter-rouge">true</code>, this rule warns every reference to a function before the function declaration.
+Otherwise, ignores those references.
+Function declarations are hoisted, so it’s safe.
+Default is <code class="highlighter-rouge">true</code>.</li>
+  <li><code class="highlighter-rouge">classes</code> (<code class="highlighter-rouge">boolean</code>) -
+The flag which shows whether or not this rule checks class declarations of upper scopes.
+If this is <code class="highlighter-rouge">true</code>, this rule warns every reference to a class before the class declaration.
+Otherwise, ignores those references if the declaration is in upper function scopes.
+Class declarations are not hoisted, so it might be danger.
+Default is <code class="highlighter-rouge">true</code>.</li>
+</ul>
+
+<p>This rule accepts <code class="highlighter-rouge">"nofunc"</code> string as a option.
+<code class="highlighter-rouge">"nofunc"</code> is the same as <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code>.</p>
+
+<h3 id="functions">functions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#functions" aria-label="Anchor link for: functions" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-use-before-define: ["error", { "functions": false }]*/</span><br/><br/><span class="nx">f</span><span class="p">();</span><br/><span class="kd">function</span> <span class="nx">f</span><span class="p">()</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h3 id="classes">classes<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#classes" aria-label="Anchor link for: classes" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-use-before-define: ["error", { "classes": false }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">new</span> <span class="nx">A</span><span class="p">();</span><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-use-before-define: ["error", { "classes": false }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="k">new</span> <span class="nx">A</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-use-before-define.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-use-before-define.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-call.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-call.html
new file mode 100644
index 0000000..ee3e536
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-call.html
@@ -0,0 +1,53 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-call-and-apply-no-useless-call">Disallow unnecessary <code class="highlighter-rouge">.call()</code> and <code class="highlighter-rouge">.apply()</code>. (no-useless-call)</h1>
+
+<p>The function invocation can be written by <code class="highlighter-rouge">Function.prototype.call()</code> and <code class="highlighter-rouge">Function.prototype.apply()</code>.
+But <code class="highlighter-rouge">Function.prototype.call()</code> and <code class="highlighter-rouge">Function.prototype.apply()</code> are slower than the normal function invocation.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag usage of <code class="highlighter-rouge">Function.prototype.call()</code> and <code class="highlighter-rouge">Function.prototype.apply()</code> that can be replaced with the normal function invocation.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-call: "error"*/</span><br/><br/><span class="c1">// These are same as `foo(1, 2, 3);`</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/><br/><span class="c1">// These are same as `obj.foo(1, 2, 3);`</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-call: "error"*/</span><br/><br/><span class="c1">// The `this` binding is different.</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">otherObj</span><span class="p">,</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">otherObj</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/><br/><span class="c1">// The argument list is variadic.</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="known-limitations">Known Limitations<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#known-limitations" aria-label="Anchor link for: known limitations" data-anchorjs-icon=""></a></h2>
+
+<p>This rule compares code statically to check whether or not <code class="highlighter-rouge">thisArg</code> is changed.
+So if the code about <code class="highlighter-rouge">thisArg</code> is a dynamic expression, this rule cannot judge correctly.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-call: "error"*/</span><br/><br/><span class="nx">a</span><span class="p">[</span><span class="nx">i</span><span class="o">++</span><span class="p">].</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">a</span><span class="p">[</span><span class="nx">i</span><span class="o">++</span><span class="p">],</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-call: "error"*/</span><br/><br/><span class="nx">a</span><span class="p">[</span><span class="o">++</span><span class="nx">i</span><span class="p">].</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">a</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about unnecessary <code class="highlighter-rouge">.call()</code> and <code class="highlighter-rouge">.apply()</code>, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-useless-call.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-useless-call.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-computed-key.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-computed-key.html
new file mode 100644
index 0000000..57a92cb
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-computed-key.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-computed-property-keys-on-objects-no-useless-computed-key">Disallow unnecessary computed property keys on objects (no-useless-computed-key)</h1>
+
+<p>It’s unnecessary to use computed properties with literals such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{[</span><span class="s2">"a"</span><span class="p">]:</span> <span class="s2">"b"</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The code can be rewritten as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"a"</span><span class="p">:</span> <span class="s2">"b"</span><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows unnecessary usage of computed property keys.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-computed-key: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">{</span> <span class="p">[</span><span class="s1">'0'</span><span class="p">]:</span> <span class="mi">0</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">{</span> <span class="p">[</span><span class="s1">'0+1,234'</span><span class="p">]:</span> <span class="mi">0</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">{</span> <span class="p">[</span><span class="mi">0</span><span class="p">]:</span> <span class="mi">0</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">{</span> <span class="p">[</span><span class="s1">'x'</span><span class="p">]:</span> <span class="mi">0</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">{</span> <span class="p">[</span><span class="s1">'x'</span><span class="p">]()</span> <span class="p">{}</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-computed-key: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="p">{</span> <span class="s1">'a'</span><span class="p">:</span> <span class="mi">0</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="p">{</span> <span class="mi">0</span><span class="p">:</span> <span class="mi">0</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">{</span> <span class="nx">x</span><span class="p">()</span> <span class="p">{}</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="p">{</span> <span class="na">a</span><span class="p">:</span> <span class="mi">0</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="p">{</span> <span class="s1">'0+1,234'</span><span class="p">:</span> <span class="mi">0</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about unnecessary computed property keys, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-useless-computed-key.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-useless-computed-key.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-concat.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-concat.html
new file mode 100644
index 0000000..b8ee6c4
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-concat.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-concatenation-of-strings-no-useless-concat">Disallow unnecessary concatenation of strings (no-useless-concat)</h1>
+
+<p>It’s unnecessary to concatenate two strings together, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s2">"a"</span> <span class="o">+</span> <span class="s2">"b"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>This code is likely the result of refactoring where a variable was removed from the concatenation (such as <code class="highlighter-rouge">"a" + b + "b"</code>). In such a case, the concatenation isn’t important and the code can be rewritten as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s2">"ab"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to flag the concatenation of 2 literals when they could be combined into a single literal. Literals can be strings or template literals.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-concat: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// these are the same as "10"</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="err">`</span><span class="nx">some</span><span class="err">`</span> <span class="o">+</span> <span class="err">`</span><span class="nx">string</span><span class="err">`</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s1">'1'</span> <span class="o">+</span> <span class="s1">'0'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s1">'1'</span> <span class="o">+</span> <span class="err">`</span><span class="mi">0</span><span class="err">`</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="err">`</span><span class="mi">1</span><span class="err">`</span> <span class="o">+</span> <span class="s1">'0'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="err">`</span><span class="mi">1</span><span class="err">`</span> <span class="o">+</span> <span class="err">`</span><span class="mi">0</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-concat: "error"*/</span><br/><br/><span class="c1">// when a non string is included</span><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">+</span> <span class="nx">b</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="s1">'1'</span> <span class="o">+</span> <span class="nx">a</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span> <span class="s1">'1'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">-</span> <span class="mi">2</span><span class="p">;</span><br/><span class="c1">// when the string concatenation is multiline</span><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="s2">"foo"</span> <span class="o">+</span><br/>    <span class="s2">"bar"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about unnecessary string concatenation, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.3.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-useless-concat.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-useless-concat.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-constructor.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-constructor.html
new file mode 100644
index 0000000..7eecf56
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-constructor.html
@@ -0,0 +1,40 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-constructor-no-useless-constructor">Disallow unnecessary constructor (no-useless-constructor)</h1>
+
+<p>ES2015 provides a default class constructor if one is not specified. As such, it is unnecessary to provide an empty constructor or one that simply delegates into its parent class, as in the following examples:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">(</span><span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>      <span class="kr">super</span><span class="p">(</span><span class="nx">value</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule flags class constructors that can be safely removed without changing how the class works.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-constructor: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">(...</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span><br/>      <span class="kr">super</span><span class="p">(...</span><span class="nx">args</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-constructor: "error"*/</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span> <span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">(</span><span class="s1">'foo'</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">A</span> <span class="kr">extends</span> <span class="nx">B</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="kr">super</span><span class="p">();</span><br/>        <span class="nx">doSomething</span><span class="p">();</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about unnecessary constructors, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-beta.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-useless-constructor.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-useless-constructor.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-escape.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-escape.html
new file mode 100644
index 0000000..a19b618
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-useless-escape.html
@@ -0,0 +1,40 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-unnecessary-escape-usage-no-useless-escape">Disallow unnecessary escape usage (no-useless-escape)</h1>
+
+<p>Escaping non-special characters in strings and regular expressions doesn’t have any effects on results, as in the following example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">let</span> <span class="nx">foo</span> <span class="o">=</span> <span class="s2">"hol\a"</span><span class="p">;</span> <span class="c1">// &gt; foo = "hola"</span><br/><span class="kd">let</span> <span class="nx">bar</span> <span class="o">=</span> <span class="sr">/</span><span class="se">\:</span><span class="sr">/</span> <span class="c1">// same functionality with /:/</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule flags escapes that can be safely removed without changing behavior.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-escape: "error"*/</span><br/><br/><span class="s2">"\'"</span><span class="p">;</span><br/><span class="s1">'\"'</span><span class="p">;</span><br/><span class="s2">"\#"</span><span class="p">;</span><br/><span class="s2">"\e"</span><span class="p">;</span><br/><span class="sr">/</span><span class="se">\!</span><span class="sr">/</span><span class="p">;</span><br/><span class="sr">/</span><span class="se">\@</span><span class="sr">/</span><span class="p">;</span><br/><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-useless-escape: "error"*/</span><br/><br/><span class="s2">"\""</span><span class="p">;</span><br/><span class="s1">'\''</span><span class="p">;</span><br/><span class="s2">"\x12"</span><span class="p">;</span><br/><span class="s2">"\u00a9"</span><span class="p">;</span><br/><span class="s2">"\371"</span><span class="p">;</span><br/><span class="s2">"xs\u2111"</span><span class="p">;</span><br/><span class="sr">/</span><span class="se">\\</span><span class="sr">/g</span><span class="p">;</span><br/><span class="sr">/</span><span class="se">\t</span><span class="sr">/g</span><span class="p">;</span><br/><span class="sr">/</span><span class="se">\\</span><span class="sr">w</span><span class="se">\\</span><span class="sr">$</span><span class="se">\\</span><span class="sr">*</span><span class="se">\\</span><span class="sr">^</span><span class="se">\\</span><span class="sr">./</span><span class="p">;</span><br/><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about unnecessary escapes, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.5.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-useless-escape.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-useless-escape.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-var.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-var.html
new file mode 100644
index 0000000..7b69b64
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-var.html
@@ -0,0 +1,43 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-let-or-const-instead-of-var-no-var">require <code class="highlighter-rouge">let</code> or <code class="highlighter-rouge">const</code> instead of <code class="highlighter-rouge">var</code> (no-var)</h1>
+
+<p>ECMAScript 6 allows programmers to create variables with block scope instead of function scope using the <code class="highlighter-rouge">let</code>
+and <code class="highlighter-rouge">const</code> keywords. Block scope is common in many other programming languages and helps programmers avoid mistakes
+such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">count</span> <span class="o">=</span> <span class="nx">people</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">enoughFood</span> <span class="o">=</span> <span class="nx">count</span> <span class="o">&gt;</span> <span class="nx">sandwiches</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">enoughFood</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">count</span> <span class="o">=</span> <span class="nx">sandwiches</span><span class="p">.</span><span class="nx">length</span><span class="p">;</span> <span class="c1">// accidently overriding the count variable</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"We have "</span> <span class="o">+</span> <span class="nx">count</span> <span class="o">+</span> <span class="s2">" sandwiches for everyone. Plenty for all!"</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="c1">// our count variable is no longer accurate</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="s2">"We have "</span> <span class="o">+</span> <span class="nx">count</span> <span class="o">+</span> <span class="s2">" people and "</span> <span class="o">+</span> <span class="nx">sandwiches</span><span class="p">.</span><span class="nx">length</span> <span class="o">+</span> <span class="s2">" sandwiches!"</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at discouraging the use of <code class="highlighter-rouge">var</code> and encouraging the use of <code class="highlighter-rouge">const</code> or <code class="highlighter-rouge">let</code> instead.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-var: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="s2">"y"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">CONFIG</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-var: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="nx">x</span> <span class="o">=</span> <span class="s2">"y"</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">CONFIG</span> <span class="o">=</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>In addition to non-ES6 environments, existing JavaScript projects that are beginning to introduce ES6 into their
+codebase may not want to apply this rule if the cost of migrating from <code class="highlighter-rouge">var</code> to <code class="highlighter-rouge">let</code> is too costly.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.12.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-var.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-var.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-void.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-void.html
new file mode 100644
index 0000000..33373d5
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-void.html
@@ -0,0 +1,66 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-use-of-the-void-operator-no-void">Disallow use of the void operator. (no-void)</h1>
+
+<p>The <code class="highlighter-rouge">void</code> operator takes an operand and returns <code class="highlighter-rouge">undefined</code>: <code class="highlighter-rouge">void expression</code> will evaluate <code class="highlighter-rouge">expression</code> and return <code class="highlighter-rouge">undefined</code>. It can be used to ignore any side effects <code class="highlighter-rouge">expression</code> may produce:</p>
+
+<p>The common case of using <code class="highlighter-rouge">void</code> operator is to get a “pure” <code class="highlighter-rouge">undefined</code> value as prior to ES5 the <code class="highlighter-rouge">undefined</code> variable was mutable:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// will always return undefined</span><br/><span class="p">(</span><span class="kd">function</span><span class="p">(){</span><br/>    <span class="k">return</span> <span class="k">void</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">})();</span><br/><br/><span class="c1">// will return 1 in ES3 and undefined in ES5+</span><br/><span class="p">(</span><span class="kd">function</span><span class="p">(){</span><br/>    <span class="kc">undefined</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="k">return</span> <span class="kc">undefined</span><span class="p">;</span><br/><span class="p">})();</span><br/><br/><span class="c1">// will throw TypeError is ES5+</span><br/><span class="p">(</span><span class="kd">function</span><span class="p">(){</span><br/>    <span class="s1">'use strict'</span><span class="p">;</span><br/>    <span class="kc">undefined</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="p">})();</span><br/></code></pre>
+</div>
+
+<p>Another common case is to minify code as <code class="highlighter-rouge">void 0</code> is shorter than <code class="highlighter-rouge">undefined</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">foo</span> <span class="o">=</span> <span class="k">void</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">foo</span> <span class="o">=</span> <span class="kc">undefined</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>When used with IIFE (immediately-invoked function expression) <code class="highlighter-rouge">void</code> can be used to force the function keyword to be treated as an expression instead of a declaration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="k">void</span> <span class="kd">function</span><span class="p">(){</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}()</span> <span class="c1">// will assign foo a value of 1</span><br/><span class="o">+</span><span class="kd">function</span><span class="p">(){</span> <span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span> <span class="p">}()</span> <span class="c1">// same as above</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>function(){ foo = 1; }() // will throw SyntaxError<br/></code></pre>
+</div>
+
+<p>Some code styles prohibit <code class="highlighter-rouge">void</code> operator marking it as non-obvious and hard to read.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to eliminate use of void operator.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-void: "error"*/</span><br/><br/><span class="k">void</span> <span class="nx">foo</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="k">void</span> <span class="nx">bar</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you intentionally use the <code class="highlighter-rouge">void</code> operator then you can disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/void">Mozilla Developer Network</a></li>
+  <li><a href="http://oreilly.com/javascript/excerpts/javascript-good-parts/bad-parts.html">Bad Parts: Appendix B - JavaScript: The Good Parts by Douglas Crockford</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-undef-init">no-undef-init</a></li>
+  <li><a href="no-undefined">no-undefined</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.8.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-void.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-void.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-warning-comments.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-warning-comments.html
new file mode 100644
index 0000000..f05961f
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-warning-comments.html
@@ -0,0 +1,64 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-warning-comments-no-warning-comments">Disallow Warning Comments (no-warning-comments)</h1>
+
+<p>Developers often add comments to code which is not complete or needs review. Most likely you want to fix or review the code, and then remove the comment, before you consider the code to be production ready.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// TODO: do something</span><br/><span class="c1">// FIXME: this is not a good idea</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule reports comments that include any of the predefined terms specified in its configuration.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an options object literal:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"terms"</code>: optional array of terms to match. Defaults to <code class="highlighter-rouge">["todo", "fixme", "xxx"]</code>. Terms are matched case-insensitive and as whole words: <code class="highlighter-rouge">fix</code> would match <code class="highlighter-rouge">FIX</code> but not <code class="highlighter-rouge">fixing</code>. Terms can consist of multiple words: <code class="highlighter-rouge">really bad idea</code>.</li>
+  <li><code class="highlighter-rouge">"location"</code>: optional string that configures where in your comments to check for matches. Defaults to <code class="highlighter-rouge">"start"</code>. The other value is match <code class="highlighter-rouge">anywhere</code> in comments.</li>
+</ul>
+
+<p class="incorrect icon">Example of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"terms"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"todo"</span><span class="p">,</span><span class="w"> </span><span class="s2">"fixme"</span><span class="p">,</span><span class="w"> </span><span class="s2">"xxx"</span><span class="p">],</span><span class="w"> </span><span class="nt">"location"</span><span class="p">:</span><span class="w"> </span><span class="s2">"start"</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-warning-comments: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">results</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span><br/>    <span class="k">return</span><span class="p">;</span><br/>  <span class="p">}</span><br/>  <span class="c1">// TODO</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Example of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"terms"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"todo"</span><span class="p">,</span><span class="w"> </span><span class="s2">"fixme"</span><span class="p">,</span><span class="w"> </span><span class="s2">"xxx"</span><span class="p">],</span><span class="w"> </span><span class="nt">"location"</span><span class="p">:</span><span class="w"> </span><span class="s2">"start"</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-warning-comments: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">callback</span><span class="p">(</span><span class="nx">err</span><span class="p">,</span> <span class="nx">results</span><span class="p">)</span> <span class="p">{</span><br/>  <span class="k">if</span> <span class="p">(</span><span class="nx">err</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">error</span><span class="p">(</span><span class="nx">err</span><span class="p">);</span><br/>    <span class="k">return</span><span class="p">;</span><br/>  <span class="p">}</span><br/>  <span class="c1">// NOT READY FOR PRIME TIME</span><br/>  <span class="c1">// but too bad, it is not a predefined warning term</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="terms-and-location">terms and location<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#terms-and-location" aria-label="Anchor link for: terms and location" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"terms"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"todo"</span><span class="p">,</span><span class="w"> </span><span class="s2">"fixme"</span><span class="p">,</span><span class="w"> </span><span class="s2">"any other term"</span><span class="p">],</span><span class="w"> </span><span class="nt">"location"</span><span class="p">:</span><span class="w"> </span><span class="s2">"anywhere"</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-warning-comments: ["error", { "terms": ["todo", "fixme", "any other term"], "location": "anywhere" }]*/</span><br/><br/><span class="c1">// TODO: this</span><br/><span class="c1">// todo: this too</span><br/><span class="c1">// Even this: TODO</span><br/><span class="cm">/* /*<br/> * The same goes for this TODO comment<br/> * Or a fixme<br/> * as well as any other term<br/> */</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"terms"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"todo"</span><span class="p">,</span><span class="w"> </span><span class="s2">"fixme"</span><span class="p">,</span><span class="w"> </span><span class="s2">"any other term"</span><span class="p">],</span><span class="w"> </span><span class="nt">"location"</span><span class="p">:</span><span class="w"> </span><span class="s2">"anywhere"</span><span class="w"> </span><span class="p">}</span></code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-warning-comments: ["error", { "terms": ["todo", "fixme", "any other term"], "location": "anywhere" }]*/</span><br/><br/><span class="c1">// This is to do</span><br/><span class="c1">// even not any other    term</span><br/><span class="c1">// any other terminal</span><br/><span class="cm">/*<br/> * The same goes for block comments<br/> * with any other interesting term<br/> * or fix me this<br/> */</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li>If you have a large code base that was not developed with a policy to not use such warning terms, you might get hundreds of warnings / errors which might be contra-productive if you can’t fix all of them (e.g. if you don’t get the time to do it) as you might overlook other warnings / errors or get used to many of them and don’t pay attention on it anymore.</li>
+  <li>Same reason as the point above: You shouldn’t configure terms that are used very often (e.g. central parts of the native language used in your comments).</li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.4.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-warning-comments.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-warning-comments.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-whitespace-before-property.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-whitespace-before-property.html
new file mode 100644
index 0000000..2db9db7
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-whitespace-before-property.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-whitespace-before-properties-no-whitespace-before-property">Disallow whitespace before properties (no-whitespace-before-property)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>JavaScript allows whitespace between objects and their properties. However, inconsistent spacing can make code harder to read and can lead to errors.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">foo</span><span class="p">.</span> <span class="nx">bar</span> <span class="p">.</span><span class="nx">baz</span> <span class="p">.</span> <span class="nx">quz</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule alerts for whitespace around the dot or before the opening bracket before properties of objects if they are on the same line. It does not alert for whitespace when the object and property are on separate lines, as it is common to add newlines to longer chains of properties:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">foo</span><br/>  <span class="p">.</span><span class="nx">bar</span><span class="p">()</span><br/>  <span class="p">.</span><span class="nx">baz</span><span class="p">()</span><br/>  <span class="p">.</span><span class="nx">qux</span><span class="p">()</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when this rule is turned on:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-whitespace-before-property: "error"*/</span><br/><br/><span class="nx">foo</span> <span class="p">[</span><span class="nx">bar</span><span class="p">]</span><br/><br/><span class="nx">foo</span><span class="p">.</span> <span class="nx">bar</span><br/><br/><span class="nx">foo</span> <span class="p">.</span><span class="nx">bar</span><br/><br/><span class="nx">foo</span><span class="p">.</span> <span class="nx">bar</span><span class="p">.</span> <span class="nx">baz</span><br/><br/><span class="nx">foo</span><span class="p">.</span> <span class="nx">bar</span><span class="p">()</span><br/>  <span class="p">.</span><span class="nx">baz</span><span class="p">()</span><br/><br/><span class="nx">foo</span><br/>  <span class="p">.</span><span class="nx">bar</span><span class="p">().</span> <span class="nx">baz</span><span class="p">()</span><br/></code></pre>
+</div>
+
+<p>And the following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-whitespace-before-property: "error"*/</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><br/><br/><span class="nx">foo</span><span class="p">[</span><span class="nx">bar</span><span class="p">]</span><br/><br/><span class="nx">foo</span><span class="p">[</span> <span class="nx">bar</span> <span class="p">]</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><span class="p">.</span><span class="nx">baz</span><br/><br/><span class="nx">foo</span><br/>  <span class="p">.</span><span class="nx">bar</span><span class="p">().</span><span class="nx">baz</span><span class="p">()</span><br/><br/><span class="nx">foo</span><br/>  <span class="p">.</span><span class="nx">bar</span><span class="p">()</span><br/>  <span class="p">.</span><span class="nx">baz</span><span class="p">()</span><br/><br/><span class="nx">foo</span><span class="p">.</span><br/>  <span class="nx">bar</span><span class="p">().</span><br/>  <span class="nx">baz</span><span class="p">()</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Turn this rule off if you do not care about allowing whitespace around the dot or before the opening bracket before properties of objects if they are on the same line.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-beta.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-whitespace-before-property.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-whitespace-before-property.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/no-with.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-with.html
new file mode 100644
index 0000000..bcf3d72
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/no-with.html
@@ -0,0 +1,45 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-with-statements-no-with">disallow <code class="highlighter-rouge">with</code> statements (no-with)</h1>
+
+<p>The <code class="highlighter-rouge">with</code> statement is potentially problematic because it adds members of an object to the current scope, making it impossible to tell what a variable inside the block actually refers to.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows <code class="highlighter-rouge">with</code> statements.</p>
+
+<p>If ESLint parses code in strict mode, the parser (instead of this rule) reports the error.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-with: "error"*/</span><br/><br/><span class="kd">with</span> <span class="p">(</span><span class="nx">point</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">r</span> <span class="o">=</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">sqrt</span><span class="p">(</span><span class="nx">x</span> <span class="o">*</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span> <span class="o">*</span> <span class="nx">y</span><span class="p">);</span> <span class="c1">// is r a member of point?</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint no-with: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">const</span> <span class="nx">r</span> <span class="o">=</span> <span class="p">({</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">})</span> <span class="o">=&gt;</span> <span class="nb">Math</span><span class="p">.</span><span class="nx">sqrt</span><span class="p">(</span><span class="nx">x</span> <span class="o">*</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span> <span class="o">*</span> <span class="nx">y</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you intentionally use <code class="highlighter-rouge">with</code> statements then you can disable this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://www.yuiblog.com/blog/2006/04/11/with-statement-considered-harmful/">with Statement Considered Harmful</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/no-with.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/no-with.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/object-curly-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/object-curly-spacing.html
new file mode 100644
index 0000000..78fec97
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/object-curly-spacing.html
@@ -0,0 +1,130 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-or-enforce-spaces-inside-of-curly-braces-in-objects-object-curly-spacing">Disallow or enforce spaces inside of curly braces in objects. (object-curly-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>While formatting preferences are very personal, a number of style guides require
+or disallow spaces between curly braces in the following situations:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// simple object literals</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">foo</span><span class="p">:</span> <span class="s2">"bar"</span> <span class="p">};</span><br/><br/><span class="c1">// nested object literals</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">foo</span><span class="p">:</span> <span class="p">{</span> <span class="na">zoo</span><span class="p">:</span> <span class="s2">"bar"</span> <span class="p">}</span> <span class="p">};</span><br/><br/><span class="c1">// destructuring assignment (EcmaScript 6)</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">x</span><span class="p">,</span> <span class="nx">y</span> <span class="p">}</span> <span class="o">=</span> <span class="nx">y</span><span class="p">;</span><br/><br/><span class="c1">// import/export declarations (EcmaScript 6)</span><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">foo</span> <span class="p">}</span> <span class="nx">from</span> <span class="s2">"bar"</span><span class="p">;</span><br/><span class="kr">export</span> <span class="p">{</span> <span class="nx">foo</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to maintain consistency around the spacing inside of object literals. It also
+applies to EcmaScript 6 destructured assignment and import/export specifiers.</p>
+
+<p>It either requires or disallows spaces between those braces and the values inside of them.
+Braces that are separated from the adjacent value by a new line are exempt from this rule.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>There are two main options for the rule:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> enforces a space inside of curly braces</li>
+  <li><code class="highlighter-rouge">"never"</code> disallows spaces inside of curly braces (default)</li>
+</ul>
+
+<p>Depending on your coding conventions, you can choose either option by specifying it in your configuration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"object-curly-spacing"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="never">“never”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p>When <code class="highlighter-rouge">"never"</code> is set, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-curly-spacing: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">baz</span><span class="p">:</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'qux'</span><span class="p">},</span> <span class="nx">bar</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="na">baz</span><span class="p">:</span> <span class="p">{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'qux'</span><span class="p">},</span> <span class="nx">bar</span><span class="p">};</span><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">x</span> <span class="p">}</span> <span class="o">=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">foo</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'bar'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-curly-spacing: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="p">{</span><span class="s1">'bar'</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">},</span> <span class="s1">'qux'</span><span class="err">:</span> <span class="s1">'quxx'</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><br/><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><br/><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="s1">'foo'</span><span class="p">:</span><span class="s1">'bar'</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">x</span><span class="p">}</span> <span class="o">=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">foo</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'bar'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>When <code class="highlighter-rouge">"always"</code> is used, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-curly-spacing: ["error", "always"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">baz</span><span class="p">:</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'qux'</span><span class="p">},</span> <span class="nx">bar</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="na">baz</span><span class="p">:</span> <span class="p">{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'qux'</span> <span class="p">},</span> <span class="nx">bar</span><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><br/><span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="s1">'foo'</span><span class="p">:</span><span class="s1">'bar'</span><span class="p">};</span><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">x</span><span class="p">}</span> <span class="o">=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">foo</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'bar'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-curly-spacing: ["error", "always"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s1">'foo'</span><span class="p">:</span> <span class="p">{</span> <span class="s1">'bar'</span><span class="p">:</span> <span class="s1">'baz'</span> <span class="p">},</span> <span class="s1">'qux'</span><span class="err">:</span> <span class="s1">'quxx'</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>  <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><br/><span class="p">};</span><br/><span class="kd">var</span> <span class="p">{</span> <span class="nx">x</span> <span class="p">}</span> <span class="o">=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span> <span class="nx">foo</span> <span class="p">}</span> <span class="nx">from</span> <span class="s1">'bar'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Note that <code class="highlighter-rouge"><span class="p">{}</span></code> is always exempt from spacing requirements with this rule.</p>
+
+<h3 id="exceptions">Exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<p>There are two exceptions you can apply to this rule: <code class="highlighter-rouge">objectsInObjects</code> and
+<code class="highlighter-rouge">arraysInObjects</code>. Their values can be set to either <code class="highlighter-rouge">true</code> or <code class="highlighter-rouge">false</code> as part
+of an object literal set as the 3rd argument for the rule.</p>
+
+<p>These exceptions work in the context of the first option.
+That is, if <code class="highlighter-rouge">"always"</code> is set to enforce spacing and an exception is set to <code class="highlighter-rouge">false</code>,
+it will disallow spacing for cases matching the exception. Likewise,
+if <code class="highlighter-rouge">"never"</code> is set to disallow spacing and an exception is set to <code class="highlighter-rouge">true</code>,
+it will enforce spacing for cases matching the exception.</p>
+
+<p>You can add exceptions like so:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"object-curly-spacing"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>  </span><span class="nt">"objectsInObjects"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"><br/>  </span><span class="nt">"arraysInObjects"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h4 id="objectsinobjects"><code class="highlighter-rouge">objectsInObjects</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#objectsinobjects" aria-label="Anchor link for: objectsinobjects" data-anchorjs-icon=""></a></h4>
+
+<p>In the case of the <code class="highlighter-rouge">"always"</code> option, set <code class="highlighter-rouge">objectsInObjects</code> exception to <code class="highlighter-rouge">false</code> to
+enforce the following syntax (notice the <code class="highlighter-rouge">}}</code> at the end):</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span> <span class="p">{</span> <span class="s2">"baz"</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span> <span class="s2">"bar"</span><span class="p">:</span> <span class="mi">2</span> <span class="p">}};</span><br/></code></pre>
+</div>
+
+<p>In the case of the <code class="highlighter-rouge">"never"</code> option, set <code class="highlighter-rouge">objectsInObjects</code> exception to <code class="highlighter-rouge">true</code> to enforce
+the following style (with a space between the <code class="highlighter-rouge">}</code> at the end:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"foo"</span><span class="p">:</span> <span class="p">{</span><span class="s2">"baz"</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span> <span class="s2">"bar"</span><span class="p">:</span> <span class="mi">2</span><span class="p">}</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h4 id="arraysinobjects"><code class="highlighter-rouge">arraysInObjects</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#arraysinobjects" aria-label="Anchor link for: arraysinobjects" data-anchorjs-icon=""></a></h4>
+
+<p>In the case of the <code class="highlighter-rouge">"always"</code> option, set <code class="highlighter-rouge">arraysInObjects</code> exception to <code class="highlighter-rouge">false</code> to
+enforce the following syntax (notice the <code class="highlighter-rouge">]}</code> at the end):</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span> <span class="p">[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span> <span class="p">]};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="s2">"foo"</span><span class="p">:</span> <span class="p">[</span> <span class="s2">"baz"</span><span class="p">,</span> <span class="s2">"bar"</span> <span class="p">]};</span><br/></code></pre>
+</div>
+
+<p>In the case of the <code class="highlighter-rouge">"never"</code> option, set <code class="highlighter-rouge">arraysInObjects</code> exception to <code class="highlighter-rouge">true</code> to enforce
+the following style (with a space between the <code class="highlighter-rouge">]</code> and  <code class="highlighter-rouge">}</code> at the end:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"foo"</span><span class="p">:</span> <span class="p">[</span> <span class="mi">1</span><span class="p">,</span> <span class="mi">2</span> <span class="p">]</span> <span class="p">};</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><span class="s2">"foo"</span><span class="p">:</span> <span class="p">[</span> <span class="s2">"baz"</span><span class="p">,</span> <span class="s2">"bar"</span> <span class="p">]</span> <span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of spacing between curly braces.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="comma-spacing">comma-spacing</a></li>
+  <li><a href="space-in-parens">space-in-parens</a></li>
+  <li><a href="space-in-brackets">space-in-brackets</a> (deprecated)</li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.22.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/object-curly-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/object-curly-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/object-property-newline.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/object-property-newline.html
new file mode 100644
index 0000000..aaf5dab
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/object-property-newline.html
@@ -0,0 +1,75 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-placing-object-properties-on-separate-lines-object-property-newline">enforce placing object properties on separate lines (object-property-newline)</h1>
+
+<p>While formatting preferences are very personal, a number of style guides require that object properties be placed on separate lines for better readability.</p>
+
+<p>Another argument in favor of this style is that it improves the readability of diffs when a property is changed:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>// More readable<br/> var obj = {<br/>     foo: "foo",<br/><span class="gd">-    bar: "bar",<br/></span><span class="gi">+    bar: "bazz",<br/></span>     baz: "baz"<br/> };<br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>// Less readable<br/><span class="gd">-var obj = { foo: "foo", bar: "bar", baz: "baz" };<br/></span><span class="gi">+var obj = { foo: "foo", bar: "bazz", baz: "baz" };<br/></span></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to maintain consistency of newlines between object properties.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-property-newline: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">foo</span><span class="p">:</span> <span class="s2">"foo"</span><span class="p">,</span> <span class="na">bar</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span> <span class="na">baz</span><span class="p">:</span> <span class="s2">"baz"</span> <span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"foo"</span><span class="p">,</span> <span class="na">bar</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span> <span class="na">baz</span><span class="p">:</span> <span class="s2">"baz"</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj3</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"foo"</span><span class="p">,</span> <span class="na">bar</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="s2">"baz"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-property-newline: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"foo"</span><span class="p">,</span><br/>    <span class="na">bar</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="s2">"baz"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has an object option:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allowMultiplePropertiesPerLine"</code>: <code class="highlighter-rouge">true</code> allows all keys and values to be on the same line</li>
+</ul>
+
+<h3 id="allowmultiplepropertiesperline">allowMultiplePropertiesPerLine<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowmultiplepropertiesperline" aria-label="Anchor link for: allowmultiplepropertiesperline" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of additional <strong>correct</strong> code for this rule with the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowMultiplePropertiesPerLine"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-property-newline: ["error", { "allowMultiplePropertiesPerLine": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span> <span class="na">foo</span><span class="p">:</span> <span class="s2">"foo"</span><span class="p">,</span> <span class="na">bar</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span> <span class="na">baz</span><span class="p">:</span> <span class="s2">"baz"</span> <span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">obj2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"foo"</span><span class="p">,</span> <span class="na">bar</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span> <span class="na">baz</span><span class="p">:</span> <span class="s2">"baz"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of newlines between object properties.</p>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSCS</strong>: <code class="highlighter-rouge">requireObjectKeysOnNewLine</code></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="brace-style">brace-style</a></li>
+  <li><a href="comma-dangle">comma-dangle</a></li>
+  <li><a href="key-spacing">key-spacing</a></li>
+  <li><a href="object-curly-spacing">object-curly-spacing</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.10.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/object-property-newline.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/object-property-newline.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/object-shorthand.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/object-shorthand.html
new file mode 100644
index 0000000..ea7743a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/object-shorthand.html
@@ -0,0 +1,103 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-object-literal-shorthand-syntax-object-shorthand">Require Object Literal Shorthand Syntax (object-shorthand)</h1>
+
+<p>EcmaScript 6 provides a concise form for defining object literal methods and properties. This
+syntax can make defining complex object literals much cleaner.</p>
+
+<p>Here are a few common examples using the ES5 syntax:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// properties</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">x</span><span class="p">:</span> <span class="nx">x</span><span class="p">,</span><br/>    <span class="na">y</span><span class="p">:</span> <span class="nx">y</span><span class="p">,</span><br/>    <span class="na">z</span><span class="p">:</span> <span class="nx">z</span><span class="p">,</span><br/><span class="p">};</span><br/><br/><span class="c1">// methods</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">a</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="na">b</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>Now here are ES6 equivalents:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// properties</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><span class="nx">x</span><span class="p">,</span> <span class="nx">y</span><span class="p">,</span> <span class="nx">z</span><span class="p">};</span><br/><br/><span class="c1">// methods</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">a</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="nx">b</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces the use of the shorthand syntax. This applies
+to all methods (including generators) defined in object literals and any
+properties defined where the key name matches name of the assigned variable.</p>
+
+<p>Each of the following properties would warn:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-shorthand: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">w</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="na">x</span><span class="p">:</span> <span class="kd">function</span> <span class="o">*</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="p">[</span><span class="nx">y</span><span class="p">]:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="na">z</span><span class="p">:</span> <span class="nx">z</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>In that case the expected syntax would have been:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-shorthand: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">w</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="o">*</span><span class="nx">x</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="p">[</span><span class="nx">y</span><span class="p">]()</span> <span class="p">{},</span><br/>    <span class="nx">z</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>This rule does not flag arrow functions inside of object literals.
+The following will <em>not</em> warn:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-shorthand: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">x</span><span class="p">:</span> <span class="p">(</span><span class="nx">y</span><span class="p">)</span> <span class="o">=&gt;</span> <span class="nx">y</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes an option which specifies when it should be applied. It can be set to
+“always”, “properties”, “methods”, or “never”. The default is “always”.</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> expects that the shorthand will be used whenever possible.</li>
+  <li><code class="highlighter-rouge">"methods"</code> ensures the method shorthand is used (also applies to generators).</li>
+  <li><code class="highlighter-rouge">"properties</code> ensures the property shorthand is used (where the key and variable name match).</li>
+  <li><code class="highlighter-rouge">"never"</code> ensures that no property or method shorthand is used in any object literal.</li>
+</ul>
+
+<p>You can set the option in configuration like this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"object-shorthand"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>While set to <code class="highlighter-rouge">"always"</code>, <code class="highlighter-rouge">"methods"</code>, or <code class="highlighter-rouge">"properties"</code>, shorthand syntax using string literal keys can be ignored using the optional parameter <code class="highlighter-rouge">"avoidQuotes"</code>. This will make it so longform syntax is preferred whenever the object key is a string literal. Note: The first parameter must be specified when using this optional parameter.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"object-shorthand"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"avoidQuotes"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule with the <code class="highlighter-rouge">"avoidQuotes"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-shorthand: ["error", "always", { "avoidQuotes": true }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"bar-baz"</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule with the <code class="highlighter-rouge">"avoidQuotes"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-shorthand: ["error", "always", { "avoidQuotes": true }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"bar-baz"</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{},</span><br/>    <span class="s2">"qux"</span><span class="p">:</span> <span class="nx">qux</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>While set to <code class="highlighter-rouge">"always"</code> or <code class="highlighter-rouge">"methods"</code>, constructor functions can be ignored with the optional parameter <code class="highlighter-rouge">"ignoreConstructors"</code> enabled. Note: The first parameter must be specified when using this optional parameter.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"object-shorthand"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"ignoreConstructors"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following will <em>not</em> warn when <code class="highlighter-rouge">"ignoreConstructors"</code> is enabled:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint object-shorthand: ["error", "always", { "ignoreConstructors": true }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">ConstructorFunction</span><span class="p">:</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Anyone not yet in an ES6 environment would not want to apply this rule. Others may find the terseness of the shorthand
+syntax harder to read and may not want to encourage it with this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Object_initializer">Object initializer - MDN</a></p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.20.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/object-shorthand.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/object-shorthand.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/one-var-declaration-per-line.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/one-var-declaration-per-line.html
new file mode 100644
index 0000000..bb7787b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/one-var-declaration-per-line.html
@@ -0,0 +1,68 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-an-newline-around-variable-declarations-one-var-declaration-per-line">Require or disallow an newline around variable declarations (one-var-declaration-per-line)</h1>
+
+<p>Some developers declare multiple var statements on the same line:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span><span class="p">,</span> <span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Others prefer to declare one var per line.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span><span class="p">,</span><br/>    <span class="nx">bar</span><span class="p">,</span><br/>    <span class="nx">baz</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>This rule enforces a consistent style across the entire project.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces a consistent coding style where newlines are required or disallowed after each var declaration or just when there is a variable initialization. It ignores var declarations inside for loop conditionals.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one option, a string, which can be:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> enforces a newline around each variable declaration</li>
+  <li><code class="highlighter-rouge">"initializations"</code> enforces a newline around each variable initialization (default)</li>
+</ul>
+
+<p>The following patterns are considered problems when set to <code class="highlighter-rouge">"always"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var-declaration-per-line: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">;</span><br/><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when set to <code class="highlighter-rouge">"always"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var-declaration-per-line: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">;</span><br/><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when set to <code class="highlighter-rouge">"initializations"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var-declaration-per-line: ["error", "initializations"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">c</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when set to <code class="highlighter-rouge">"initializations"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var-declaration-per-line: ["error", "initializations"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">;</span><br/><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span><span class="p">;</span><br/><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">,</span><br/>    <span class="nx">b</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="one-var">one-var</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-beta.3.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/one-var-declaration-per-line.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/one-var-declaration-per-line.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/one-var.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/one-var.html
new file mode 100644
index 0000000..e0caac7
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/one-var.html
@@ -0,0 +1,128 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-one-variable-declaration-per-scope-one-var">Require or Disallow One Variable Declaration per Scope (one-var)</h1>
+
+<p>Variables can be declared at any point in JavaScript code using <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, or <code class="highlighter-rouge">const</code>. There are many styles and preferences related to the declaration of variables, and one of those is deciding on how many variable declarations should be allowed in a single function.</p>
+
+<p>There are two schools of thought in this regard:</p>
+
+<ol>
+  <li>There should be just one variable declaration for all variables in the function. That declaration typically appears at the top of the function.</li>
+  <li>You should use one variable declaration for each variable you want to define.</li>
+</ol>
+
+<p>For instance:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// one variable declaration per function</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// multiple variable declarations per function</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The single-declaration school of thought is based in pre-ECMAScript 6 behaviors, where there was no such thing as block scope, only function scope. Since all <code class="highlighter-rouge">var</code> statements are hoisted to the top of the function anyway, some believe that declaring all variables in a single declaration at the top of the function removes confusion around scoping rules.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at enforcing the use of either one variable declaration or multiple declarations per function (for <code class="highlighter-rouge">var</code>) or block (for <code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code>) scope. As such, it will warn when it encounters an unexpected number of variable declarations.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>There are two ways to configure this rule. The first is by using one string specified as <code class="highlighter-rouge">"always"</code> (the default) to enforce one variable declaration per scope or <code class="highlighter-rouge">"never"</code> to enforce multiple variable declarations per scope.  If you declare variables in your code with <code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code>, then <code class="highlighter-rouge">"always"</code> and <code class="highlighter-rouge">"never"</code> will apply to the block scope for those declarations, not the function scope.</p>
+
+<p>The second way to configure this rule is with an object. The keys are any of:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">var</code></li>
+  <li><code class="highlighter-rouge">let</code></li>
+  <li><code class="highlighter-rouge">const</code></li>
+</ul>
+
+<p>or:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">uninitialized</code></li>
+  <li><code class="highlighter-rouge">initialized</code></li>
+</ul>
+
+<p>and the values are either <code class="highlighter-rouge">"always"</code> or <code class="highlighter-rouge">"never"</code>. This allows you to set behavior differently for each type of declaration, or whether variables are initialized during declaration.</p>
+
+<p>You can configure the rule as follows:</p>
+
+<p>(default) Exactly one variable declaration per type per function (var) or block (let or const)</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"one-var"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Exactly one declarator per declaration per function (var) or block (let or const)</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"one-var"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"never"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Configure each declaration type individually. Defaults to <code class="highlighter-rouge">"always"</code> if key not present.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"one-var"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"var"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="err">//</span><span class="w"> </span><span class="err">Exactly</span><span class="w"> </span><span class="err">one</span><span class="w"> </span><span class="err">var</span><span class="w"> </span><span class="err">declaration</span><span class="w"> </span><span class="err">per</span><span class="w"> </span><span class="err">function</span><span class="w"><br/>    </span><span class="nt">"let"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="err">//</span><span class="w"> </span><span class="err">Exactly</span><span class="w"> </span><span class="err">one</span><span class="w"> </span><span class="err">let</span><span class="w"> </span><span class="err">declaration</span><span class="w"> </span><span class="err">per</span><span class="w"> </span><span class="err">block</span><span class="w"><br/>    </span><span class="nt">"const"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="err">//</span><span class="w"> </span><span class="err">Exactly</span><span class="w"> </span><span class="err">one</span><span class="w"> </span><span class="err">declarator</span><span class="w"> </span><span class="err">per</span><span class="w"> </span><span class="err">const</span><span class="w"> </span><span class="err">declaration</span><span class="w"> </span><span class="err">per</span><span class="w"> </span><span class="err">block</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Configure uninitialized and initialized seperately. Defaults to <code class="highlighter-rouge">"always"</code> if key not present.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"one-var"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"uninitialized"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="err">//</span><span class="w"> </span><span class="err">Exactly</span><span class="w"> </span><span class="err">one</span><span class="w"> </span><span class="err">declaration</span><span class="w"> </span><span class="err">for</span><span class="w"> </span><span class="err">uninitialized</span><span class="w"> </span><span class="err">variables</span><span class="w"> </span><span class="err">per</span><span class="w"> </span><span class="err">function</span><span class="w"> </span><span class="err">(var)</span><span class="w"> </span><span class="err">or</span><span class="w"> </span><span class="err">block</span><span class="w"> </span><span class="err">(let</span><span class="w"> </span><span class="err">or</span><span class="w"> </span><span class="err">const)</span><span class="w"><br/>    </span><span class="nt">"initialized"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="err">//</span><span class="w"> </span><span class="err">Exactly</span><span class="w"> </span><span class="err">one</span><span class="w"> </span><span class="err">declarator</span><span class="w"> </span><span class="err">per</span><span class="w"> </span><span class="err">initialized</span><span class="w"> </span><span class="err">variable</span><span class="w"> </span><span class="err">declaration</span><span class="w"> </span><span class="err">per</span><span class="w"> </span><span class="err">function</span><span class="w"> </span><span class="err">(var)</span><span class="w"> </span><span class="err">or</span><span class="w"> </span><span class="err">block</span><span class="w"> </span><span class="err">(let</span><span class="w"> </span><span class="err">or</span><span class="w"> </span><span class="err">const)</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When configured with <code class="highlighter-rouge">"always"</code> as the first option (the default), the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">baz</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">qux</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">norf</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="kr">const</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span><br/>    <span class="kr">const</span> <span class="nx">baz</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">qux</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">norf</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">qux</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">,</span><br/>        <span class="nx">baz</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">qux</span><span class="p">,</span><br/>        <span class="nx">norf</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="kr">const</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kc">true</span><span class="p">,</span><br/>        <span class="nx">baz</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">qux</span><span class="p">,</span><br/>        <span class="nx">norf</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">,</span><br/>        <span class="nx">qux</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">qux</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="kd">let</span> <span class="nx">bar</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">let</span> <span class="nx">qux</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>When configured with <code class="highlighter-rouge">"never"</code> as the first option, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">,</span><br/>        <span class="nx">baz</span><span class="p">;</span><br/>    <span class="kr">const</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kc">true</span><span class="p">,</span><br/>        <span class="nx">baz</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">,</span><br/>        <span class="nx">qux</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">qux</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(){</span><br/>    <span class="kd">let</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kc">true</span><span class="p">,</span><br/>        <span class="nx">baz</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">baz</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">var</span> <span class="nx">qux</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">let</span> <span class="nx">bar</span><span class="p">;</span><br/><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">baz</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="kd">let</span> <span class="nx">qux</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>When configured with an object as the first option, you can individually control how <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, and <code class="highlighter-rouge">const</code> are handled, or alternatively how <code class="highlighter-rouge">uninitialized</code> and <code class="highlighter-rouge">initialized</code> variables are handled (which if used will override <code class="highlighter-rouge">var</code>, <code class="highlighter-rouge">let</code>, and <code class="highlighter-rouge">const</code>).</p>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var: ["error", { var: "always", let: "never", const: "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">bar</span><span class="p">,</span><br/>        <span class="nx">baz</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">qux</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">norf</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kr">const</span> <span class="nx">bar</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/>    <span class="kr">const</span> <span class="nx">baz</span> <span class="o">=</span> <span class="mi">2</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">qux</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">norf</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var: ["error", { uninitialized: "always", initialized: "never" }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kc">false</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>If you are configuring the rule with an object, by default, if you didn’t specify declaration type it will not be checked. So the following pattern is not considered a warning when options are set to: <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="err">var:</span><span class="w"> </span><span class="nt">"always"</span><span class="err">,</span><span class="w"> </span><span class="err">let</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code></p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint one-var: ["error", { var: "always", let: "always" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">;</span><br/>    <span class="kr">const</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="kr">const</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="kd">let</span> <span class="nx">c</span><span class="p">,</span> <span class="nx">d</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="compatibility">Compatibility<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#compatibility" aria-label="Anchor link for: compatibility" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><strong>JSHint</strong> - This rule maps to the <code class="highlighter-rouge">onevar</code> JSHint rule, but allows <code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code> to be configured separately.</li>
+  <li><strong>JSCS</strong> - This rule roughly maps to <code class="highlighter-rouge">"disallowMultipleVarDecl"</code></li>
+</ul>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<p><a href="http://jslinterrors.com/combine-this-with-the-previous-var-statement/">JSLint Errors - Combine this with the previous ‘var’ statement</a></p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/one-var.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/one-var.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/operator-assignment.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/operator-assignment.html
new file mode 100644
index 0000000..d153757
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/operator-assignment.html
@@ -0,0 +1,66 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="operator-assignment-shorthand-operator-assignment">Operator Assignment Shorthand (operator-assignment)</h1>
+
+<p>JavaScript provides shorthand operators that combine variable assignment and some simple mathematical operations. For example, <code class="highlighter-rouge">x = x + 4</code> can be shortened to <code class="highlighter-rouge">x += 4</code>. The supported shorthand forms are as follows:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code> Shorthand | Separate<br/>-----------|------------<br/> x += y    | x = x + y<br/> x -= y    | x = x - y<br/> x *= y    | x = x * y<br/> x /= y    | x = x / y<br/> x %= y    | x = x % y<br/> x &lt;&lt;= y   | x = x &lt;&lt; y<br/> x &gt;&gt;= y   | x = x &gt;&gt; y<br/> x &gt;&gt;&gt;= y  | x = x &gt;&gt;&gt; y<br/> x &amp;= y    | x = x &amp; y<br/> x ^= y    | x = x ^ y<br/> x |= y    | x = x | y<br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces use of the shorthand assignment operators by requiring them where possible or prohibiting them entirely.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has two options: <code class="highlighter-rouge">always</code> and <code class="highlighter-rouge">never</code>. The default is <code class="highlighter-rouge">always</code>.</p>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p><code class="highlighter-rouge">"operator-assignment": ["error", "always"]</code></p>
+
+<p>This mode enforces use of operator assignment shorthand where possible.</p>
+
+<p>The following are examples of valid patterns:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-assignment: ["error", "always"]*/</span><br/><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="nx">x</span> <span class="o">+=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">*</span> <span class="nx">z</span><span class="p">;</span><br/><span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="nx">x</span> <span class="o">*</span> <span class="nx">y</span><span class="p">)</span> <span class="o">*</span> <span class="nx">z</span><span class="p">;</span><br/><span class="nx">x</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">/=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="nx">x</span><span class="p">[</span><span class="nx">foo</span><span class="p">()]</span> <span class="o">=</span> <span class="nx">x</span><span class="p">[</span><span class="nx">foo</span><span class="p">()]</span> <span class="o">%</span> <span class="mi">2</span><span class="p">;</span><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">+</span> <span class="nx">x</span><span class="p">;</span> <span class="c1">// `+` is not always commutative (e.g. x = "abc")</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems and should be replaced by their shorthand equivalents:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-assignment: ["error", "always"]*/</span><br/><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">y</span> <span class="o">*</span> <span class="nx">x</span><span class="p">;</span><br/><span class="nx">x</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">=</span> <span class="nx">x</span><span class="p">[</span><span class="mi">0</span><span class="p">]</span> <span class="o">/</span> <span class="nx">y</span><span class="p">;</span><br/><span class="nx">x</span><span class="p">.</span><span class="nx">y</span> <span class="o">=</span> <span class="nx">x</span><span class="p">.</span><span class="nx">y</span> <span class="o">&lt;&lt;</span> <span class="nx">z</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="never">“never”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p><code class="highlighter-rouge">"operator-assignment": ["error", "never"]</code></p>
+
+<p>This mode warns on any use of operator assignment shorthand.</p>
+
+<p>The following are examples of valid patterns:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-assignment: ["error", "never"]*/</span><br/><br/><span class="nx">x</span> <span class="o">=</span> <span class="nx">x</span> <span class="o">+</span> <span class="nx">y</span><span class="p">;</span><br/><span class="nx">x</span><span class="p">.</span><span class="nx">y</span> <span class="o">=</span> <span class="nx">x</span><span class="p">.</span><span class="nx">y</span> <span class="o">/</span> <span class="nx">a</span><span class="p">.</span><span class="nx">b</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems and should be written out fully without the shorthand assignments:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-assignment: ["error", "never"]*/</span><br/><br/><span class="nx">x</span> <span class="o">*=</span> <span class="nx">y</span><span class="p">;</span><br/><span class="nx">x</span> <span class="o">^=</span> <span class="p">(</span><span class="nx">y</span> <span class="o">+</span> <span class="nx">z</span><span class="p">)</span> <span class="o">/</span> <span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>Use of operator assignment shorthand is a stylistic choice. Leaving this rule turned off would allow developers to choose which style is more readable on a case-by-case basis.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.10.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/operator-assignment.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/operator-assignment.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/operator-linebreak.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/operator-linebreak.html
new file mode 100644
index 0000000..6d77f03
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/operator-linebreak.html
@@ -0,0 +1,112 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="operator-linebreak-operator-linebreak">Operator Linebreak (operator-linebreak)</h1>
+
+<p>When a statement is too long to fit on a single line, line breaks are generally inserted next to the operators separating expressions. The first style coming to mind would be to place the operator at the end of the line, following the english punctuation rules.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">fullHeight</span> <span class="o">=</span> <span class="nx">borderTop</span> <span class="o">+</span><br/>                 <span class="nx">innerHeight</span> <span class="o">+</span><br/>                 <span class="nx">borderBottom</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Some developers find that placing operators at the beginning of the line makes the code more readable.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">fullHeight</span> <span class="o">=</span> <span class="nx">borderTop</span><br/>               <span class="o">+</span> <span class="nx">innerHeight</span><br/>               <span class="o">+</span> <span class="nx">borderBottom</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The <code class="highlighter-rouge">operator-linebreak</code> rule is aimed at enforcing a particular operator line break style. As such, it warns whenever it sees a binary operator or assignment that does not adhere to a particular style: either placing linebreaks after or before the operators.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes two options, a string, which can be <code class="highlighter-rouge">"after"</code>, <code class="highlighter-rouge">"before"</code> or <code class="highlighter-rouge">"none"</code> where the default is <code class="highlighter-rouge">"after"</code> and an object for more fine-grained configuration.</p>
+
+<p>You can set the style in configuration like this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"operator-linebreak"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"before"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"overrides"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"?"</span><span class="p">:</span><span class="w"> </span><span class="s2">"after"</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The default configuration is to enforce line breaks <em>after</em> the operator except for the ternary operator <code class="highlighter-rouge">?</code> and <code class="highlighter-rouge">:</code> following that.</p>
+
+<h3 id="after">“after”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#after" aria-label="Anchor link for: after" data-anchorjs-icon=""></a></h3>
+
+<p>This is the default setting for this rule. This option requires the line break to be placed after the operator.</p>
+
+<p>While using this setting, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-linebreak: ["error", "after"]*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><br/><span class="o">+</span><br/><span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><br/>    <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span><br/>    <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">someCondition</span><br/>    <span class="o">||</span> <span class="nx">otherCondition</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span><br/>  <span class="p">?</span> <span class="mi">42</span><br/>  <span class="p">:</span> <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-linebreak: ["error", "after"]*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span><br/>      <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">=</span><br/>    <span class="mi">5</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">someCondition</span> <span class="o">||</span><br/>    <span class="nx">otherCondition</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span> <span class="p">?</span><br/>  <span class="mi">42</span> <span class="p">:</span><br/>  <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="before">“before”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#before" aria-label="Anchor link for: before" data-anchorjs-icon=""></a></h3>
+
+<p>This option requires the line break to be placed before the operator.</p>
+
+<p>While using this setting, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-linebreak: ["error", "before"]*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span><br/>      <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">=</span><br/>    <span class="mi">5</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">someCondition</span> <span class="o">||</span><br/>    <span class="nx">otherCondition</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span> <span class="p">?</span><br/>  <span class="mi">42</span> <span class="p">:</span><br/>  <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-linebreak: ["error", "before"]*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><br/>    <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span><br/>    <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">someCondition</span><br/>    <span class="o">||</span> <span class="nx">otherCondition</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span><br/>  <span class="p">?</span> <span class="mi">42</span><br/>  <span class="p">:</span> <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="none">“none”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#none" aria-label="Anchor link for: none" data-anchorjs-icon=""></a></h3>
+
+<p>This option disallows line breaks on either side of the operator.</p>
+
+<p>While using this setting, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-linebreak: ["error", "none"]*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span><br/>      <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span><br/>    <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">someCondition</span> <span class="o">||</span><br/>    <span class="nx">otherCondition</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">someCondition</span><br/>    <span class="o">||</span> <span class="nx">otherCondition</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span><br/>  <span class="p">?</span> <span class="mi">42</span><br/>  <span class="p">:</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span> <span class="p">?</span><br/>  <span class="mi">42</span> <span class="p">:</span><br/>  <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-linebreak: ["error", "none"]*/</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">=</span> <span class="mi">5</span><span class="p">;</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">someCondition</span> <span class="o">||</span> <span class="nx">otherCondition</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span> <span class="p">?</span> <span class="mi">42</span> <span class="p">:</span> <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="fine-grained-control">Fine-grained control<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#fine-grained-control" aria-label="Anchor link for: fine grained control" data-anchorjs-icon=""></a></h3>
+
+<p>The rule allows you to have even finer-grained control over individual operators by specifying an <code class="highlighter-rouge">overrides</code> dictionary:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"operator-linebreak"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"before"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"overrides"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"?"</span><span class="p">:</span><span class="w"> </span><span class="s2">"after"</span><span class="p">,</span><span class="w"> </span><span class="nt">"+="</span><span class="p">:</span><span class="w"> </span><span class="s2">"none"</span><span class="w"> </span><span class="p">}</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>This would override the global setting for that specific operator.</p>
+
+<h4 id="ignore-override">“ignore” override<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignore-override" aria-label="Anchor link for: ignore override" data-anchorjs-icon=""></a></h4>
+
+<p>This option is only supported using overrides and ignores line breaks on either side of the operator.</p>
+
+<p>While using this setting, the following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint operator-linebreak: ["error", "after", { "overrides": { "?": "ignore", ":": "ignore"} }]*/</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span> <span class="p">?</span><br/>  <span class="mi">42</span><br/>  <span class="p">:</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="nx">answer</span> <span class="o">=</span> <span class="nx">everything</span><br/>  <span class="p">?</span><br/>  <span class="mi">42</span><br/>  <span class="p">:</span><br/>  <span class="nx">foo</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If your project will not be using a common operator line break style, turn this rule off.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="comma-style">comma-style</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.19.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/operator-linebreak.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/operator-linebreak.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/padded-blocks.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/padded-blocks.html
new file mode 100644
index 0000000..3a79a96
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/padded-blocks.html
@@ -0,0 +1,98 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-padding-within-blocks-padded-blocks">Enforce padding within blocks (padded-blocks)</h1>
+
+<p>Some style guides require block statements to start and end with blank lines. The goal is
+to improve readability by visually separating the block content and the surrounding code.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Since it’s good to have a consistent code style, you should either always write
+padded blocks or never do it.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistent padding within blocks.</p>
+
+<p>This rule takes one argument, which can be an string or an object. If it is <code class="highlighter-rouge">"always"</code> (the default) then block statements must start <strong>and</strong> end with a blank line. If <code class="highlighter-rouge">"never"</code>, then block statements should neither start nor end with a blank line. By default, this rule ignores padding in switch statements and classes.</p>
+
+<p>If you want to enforce padding within switches and classes, a configuration object can be passed as the rule argument to configure the cases separately ( e.g. <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"blocks"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="nt">"switches"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code> ).</p>
+
+<p>The following patterns are considered problems when set to <code class="highlighter-rouge">"always"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", "always"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="nx">b</span><span class="p">();</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span><br/><span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// comment</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when set to <code class="highlighter-rouge">"always"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", "always"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span><br/><span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="c1">// comment</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when set to <code class="highlighter-rouge">"never"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", "never"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span><br/><span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when set to <code class="highlighter-rouge">"never"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", "never"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span><br/><span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"switches"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "switches": "always" }]*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span> <span class="nx">foo</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"switches"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "switches": "always" }]*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span> <span class="nx">foo</span><span class="p">();</span><br/><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"switches"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "switches": "never" }]*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span> <span class="nx">foo</span><span class="p">();</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"switches"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "switches": "never" }]*/</span><br/><br/><span class="k">switch</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">case</span> <span class="mi">0</span><span class="err">:</span> <span class="nx">foo</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/><br/>    <span class="nx">b</span><span class="p">();</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "classes": "always" }]*/</span><br/><br/><span class="kr">class</span>  <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">(){</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "classes": "always" }]*/</span><br/><br/><span class="kr">class</span>  <span class="nx">A</span> <span class="p">{</span><br/><br/>    <span class="nx">constructor</span><span class="p">(){</span><br/>    <span class="p">}</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "classes": "never" }]*/</span><br/><br/><span class="kr">class</span>  <span class="nx">A</span> <span class="p">{</span><br/><br/>    <span class="nx">constructor</span><span class="p">(){</span><br/>    <span class="p">}</span><br/><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"classes"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint padded-blocks: ["error", { "classes": "never" }]*/</span><br/><br/><span class="kr">class</span>  <span class="nx">A</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">(){</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of padding within blocks.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/padded-blocks.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/padded-blocks.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-arrow-callback.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-arrow-callback.html
new file mode 100644
index 0000000..433eaf9
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-arrow-callback.html
@@ -0,0 +1,66 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="suggest-using-arrow-functions-as-callbacks-prefer-arrow-callback">Suggest using arrow functions as callbacks. (prefer-arrow-callback)</h1>
+
+<p>Arrow functions are suited to callbacks, because:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">this</code> keywords in arrow functions bind to the upper scope’s.</li>
+  <li>The notation of the arrow function is shorter than function expression’s.</li>
+</ul>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag usage of function expressions in an argument list.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-arrow-callback: "error"*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">a</span><span class="p">;</span> <span class="p">});</span><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">a</span><span class="p">;</span> <span class="p">}.</span><span class="nx">bind</span><span class="p">(</span><span class="k">this</span><span class="p">));</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-arrow-callback: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="nx">a</span> <span class="o">=&gt;</span> <span class="nx">a</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span><span class="o">*</span><span class="p">()</span> <span class="p">{</span> <span class="k">yield</span><span class="p">;</span> <span class="p">});</span><br/><br/><span class="c1">// this is not a callback.</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">a</span><span class="p">;</span> <span class="p">};</span><br/><br/><span class="c1">// using `this` without `.bind(this)`.</span><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">a</span><span class="p">;</span> <span class="p">});</span><br/><br/><span class="c1">// recursively.</span><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span> <span class="nx">bar</span><span class="p">(</span><span class="nx">n</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="nx">n</span> <span class="o">&amp;&amp;</span> <span class="nx">n</span> <span class="o">+</span> <span class="nx">bar</span><span class="p">(</span><span class="nx">n</span> <span class="o">-</span> <span class="mi">1</span><span class="p">);</span> <span class="p">});</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one optional argument, an object which is an options object.</p>
+
+<h3 id="allownamedfunctions">allowNamedFunctions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allownamedfunctions" aria-label="Anchor link for: allownamedfunctions" data-anchorjs-icon=""></a></h3>
+
+<p>This is a <code class="highlighter-rouge">boolean</code> option and it is <code class="highlighter-rouge">false</code> by default. When set to <code class="highlighter-rouge">true</code>, the rule doesn’t warn on named functions used as callbacks.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowNamedFunctions"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-arrow-callback: ["error", { "allowNamedFunctions": true }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">{});</span><br/></code></pre>
+</div>
+
+<h3 id="allowunboundthis">allowUnboundThis<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#allowunboundthis" aria-label="Anchor link for: allowunboundthis" data-anchorjs-icon=""></a></h3>
+
+<p>This is a <code class="highlighter-rouge">boolean</code> option and it is <code class="highlighter-rouge">true</code> by default. When set to <code class="highlighter-rouge">false</code>, this option allows the use of <code class="highlighter-rouge">this</code> without restriction and checks for dynamically assigned <code class="highlighter-rouge">this</code> values such as when using <code class="highlighter-rouge">Array.prototype.map</code> with a <code class="highlighter-rouge">context</code> argument. Normally, the rule will flag the use of <code class="highlighter-rouge">this</code> whenever a function does not use <code class="highlighter-rouge">bind()</code> to specify the value of <code class="highlighter-rouge">this</code> constantly.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"allowUnboundThis"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-arrow-callback: ["error", { "allowUnboundThis": false }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="k">this</span><span class="p">.</span><span class="nx">a</span><span class="p">;</span> <span class="p">});</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span> <span class="p">(()</span> <span class="o">=&gt;</span> <span class="k">this</span><span class="p">);</span> <span class="p">});</span><br/><br/><span class="nx">someArray</span><span class="p">.</span><span class="nx">map</span><span class="p">(</span><span class="kd">function</span> <span class="p">(</span><span class="nx">itm</span><span class="p">)</span> <span class="p">{</span> <span class="k">return</span> <span class="k">this</span><span class="p">.</span><span class="nx">doSomething</span><span class="p">(</span><span class="nx">itm</span><span class="p">);</span> <span class="p">},</span> <span class="nx">someObject</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule should not be used in ES3/5 environments.</p>
+
+<p>In ES2015 (ES6) or later, if you don’t want to be notified about function expressions in an argument list, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/prefer-arrow-callback.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/prefer-arrow-callback.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-const.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-const.html
new file mode 100644
index 0000000..52878eb
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-const.html
@@ -0,0 +1,97 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="suggest-using-const-prefer-const">Suggest using <code class="highlighter-rouge">const</code> (prefer-const)</h1>
+
+<p>If a variable is never reassigned, using the <code class="highlighter-rouge">const</code> declaration is better.</p>
+
+<p><code class="highlighter-rouge">const</code> declaration tells readers, “this variable is never reassigned,” reducing cognitive load and improving maintainability.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at flagging variables that are declared using <code class="highlighter-rouge">let</code> keyword, but never reassigned after the initial assignment.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// it's initialized and never reassigned.</span><br/><span class="kd">let</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="c1">// `i` is redefined (not reassigned) on each loop step.</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="k">in</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">])</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">i</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="c1">// `a` is redefined (not reassigned) on each loop step.</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">a</span> <span class="nx">of</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">])</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// using const.</span><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="c1">// it's never initialized.</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="c1">// it's reassigned after initialized.</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="mi">1</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="c1">// it's initialized in a different block from the declaration.</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="p">}</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="c1">// it's initialized at a place that we cannot write a variable declaration.</span><br/><span class="kd">let</span> <span class="nx">a</span><span class="p">;</span><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><br/><span class="c1">// `i` gets a new binding each iteration</span><br/><span class="k">for</span> <span class="p">(</span><span class="kr">const</span> <span class="nx">i</span> <span class="k">in</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">])</span> <span class="p">{</span><br/>  <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">i</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="c1">// `a` gets a new binding each iteration</span><br/><span class="k">for</span> <span class="p">(</span><span class="kr">const</span> <span class="nx">a</span> <span class="nx">of</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">])</span> <span class="p">{</span><br/>  <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="c1">// `end` is never reassigned, but we cannot separate the declarations without modifying the scope.</span><br/><span class="k">for</span> <span class="p">(</span><span class="kd">let</span> <span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">,</span> <span class="nx">end</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="nx">end</span><span class="p">;</span> <span class="o">++</span><span class="nx">i</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">a</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="c1">// suggest to use `no-var` rule.</span><br/><span class="kd">var</span> <span class="nx">b</span> <span class="o">=</span> <span class="mi">3</span><span class="p">;</span><br/><span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">b</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"prefer-const"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"destructuring"</span><span class="p">:</span><span class="w"> </span><span class="s2">"any"</span><span class="p">,</span><span class="w"><br/>        </span><span class="nt">"ignoreReadBeforeAssign"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"><br/>    </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="destructuring">destructuring<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#destructuring" aria-label="Anchor link for: destructuring" data-anchorjs-icon=""></a></h3>
+
+<p>The kind of the way to address variables in destructuring.
+There are 2 values:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"any"</code> (default) - If any variables in destructuring should be <code class="highlighter-rouge">const</code>, this rule warns for those variables.</li>
+  <li><code class="highlighter-rouge">"all"</code> - If all variables in destructuring should be <code class="highlighter-rouge">const</code>, this rule warns the variables. Otherwise, ignores them.</li>
+</ul>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"destructuring"</span><span class="p">:</span><span class="w"> </span><span class="s2">"any"</span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">;</span>    <span class="cm">/*error 'b' is never reassigned, use 'const' instead.*/</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"destructuring"</span><span class="p">:</span><span class="w"> </span><span class="s2">"any"</span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// using const.</span><br/><span class="kr">const</span> <span class="p">{</span><span class="nl">a</span><span class="p">:</span> <span class="nx">a0</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">;</span><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="nx">a0</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span><br/><br/><span class="c1">// all variables are reassigned.</span><br/><span class="kd">let</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span><br/><span class="nx">b</span> <span class="o">=</span> <span class="nx">b</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"destructuring"</span><span class="p">:</span><span class="w"> </span><span class="s2">"all"</span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: ["error", {"destructuring": "all"}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// all of `a` and `b` should be const, so those are warned.</span><br/><span class="kd">let</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">;</span>    <span class="cm">/*error 'a' is never reassigned, use 'const' instead.<br/>                             'b' is never reassigned, use 'const' instead.*/</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"destructuring"</span><span class="p">:</span><span class="w"> </span><span class="s2">"all"</span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: ["error", {"destructuring": "all"}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="c1">// 'b' is never reassigned, but all of `a` and `b` should not be const, so those are ignored.</span><br/><span class="kd">let</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="o">=</span> <span class="nx">obj</span><span class="p">;</span><br/><span class="nx">a</span> <span class="o">=</span> <span class="nx">a</span> <span class="o">+</span> <span class="mi">1</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h3 id="ignorereadbeforeassign">ignoreReadBeforeAssign<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignorereadbeforeassign" aria-label="Anchor link for: ignorereadbeforeassign" data-anchorjs-icon=""></a></h3>
+
+<p>This is an option to avoid conflicting with <code class="highlighter-rouge">no-use-before-define</code> rule (without <code class="highlighter-rouge">"nofunc"</code> option).
+If <code class="highlighter-rouge">true</code> is specified, this rule will ignore variables that are read between the declaration and the first assignment.
+Default is <code class="highlighter-rouge">false</code>.</p>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"ignoreReadBeforeAssign"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": true}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">let</span> <span class="nx">timer</span><span class="p">;</span><br/><span class="kd">function</span> <span class="nx">initialize</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">())</span> <span class="p">{</span><br/>        <span class="nx">clearInterval</span><span class="p">(</span><span class="nx">timer</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><span class="nx">timer</span> <span class="o">=</span> <span class="nx">setInterval</span><span class="p">(</span><span class="nx">initialize</span><span class="p">,</span> <span class="mi">100</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the defaut <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"ignoreReadBeforeAssign"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-const: ["error", {"ignoreReadBeforeAssign": false}]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">const</span> <span class="nx">timer</span> <span class="o">=</span> <span class="nx">setInterval</span><span class="p">(</span><span class="nx">initialize</span><span class="p">,</span> <span class="mi">100</span><span class="p">);</span><br/><span class="kd">function</span> <span class="nx">initialize</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">())</span> <span class="p">{</span><br/>        <span class="nx">clearInterval</span><span class="p">(</span><span class="nx">timer</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about variables that are never reassigned after initial assignment, you can safely disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-var">no-var</a></li>
+  <li><a href="no-use-before-define">no-use-before-define</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.23.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/prefer-const.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/prefer-const.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-reflect.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-reflect.html
new file mode 100644
index 0000000..4a4c99e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-reflect.html
@@ -0,0 +1,205 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="suggest-using-reflect-methods-where-applicable-prefer-reflect">Suggest using Reflect methods where applicable (prefer-reflect)</h1>
+
+<p>The ES6 Reflect API comes with a handful of methods which somewhat deprecate methods on old constructors:</p>
+
+<ul>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-reflect.apply"><code class="highlighter-rouge">Reflect.apply</code></a> effectively deprecates <a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-function.prototype.apply"><code class="highlighter-rouge">Function.prototype.apply</code></a> and <a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-function.prototype.call"><code class="highlighter-rouge">Function.prototype.call</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-reflect.deleteproperty"><code class="highlighter-rouge">Reflect.deleteProperty</code></a> effectively deprecates the <a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-delete-operator-runtime-semantics-evaluation"><code class="highlighter-rouge">delete</code> keyword</a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-reflect.getownpropertydescriptor"><code class="highlighter-rouge">Reflect.getOwnPropertyDescriptor</code></a> effectively deprecates <a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-object.getownpropertydescriptor"><code class="highlighter-rouge">Object.getOwnPropertyDescriptor</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-reflect.getprototypeof"><code class="highlighter-rouge">Reflect.getPrototypeOf</code></a> effectively deprecates <a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-object.getprototypeof"><code class="highlighter-rouge">Object.getPrototypeOf</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-reflect.setprototypeof"><code class="highlighter-rouge">Reflect.setPrototypeOf</code></a> effectively deprecates <a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-object.setprototypeof"><code class="highlighter-rouge">Object.setPrototypeOf</code></a></li>
+  <li><a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-reflect.preventextensions"><code class="highlighter-rouge">Reflect.preventExtensions</code></a>  effectively deprecates <a href="http://www.ecma-international.org/ecma-262/6.0/index.html#sec-object.preventextensions"><code class="highlighter-rouge">Object.preventExtensions</code></a></li>
+</ul>
+
+<p>The prefer-reflect rule will flag usage of any older method, suggesting to instead use the newer Reflect version.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="exceptions">Exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>"prefer-reflect": [&lt;enabled&gt;, { exceptions: [&lt;...exceptions&gt;] }]<br/></code></pre>
+</div>
+
+<p>The <code class="highlighter-rouge">exceptions</code> option allows you to pass an array of methods names you’d like to continue to use in the old style.</p>
+
+<p>For example if you wish to use all Reflect methods, except for <code class="highlighter-rouge">Function.prototype.apply</code> then your config would look like <code class="highlighter-rouge">prefer-reflect: [2, { exceptions: ["apply"] }]</code>.</p>
+
+<p>If you want to use Reflect methods, but keep using the <code class="highlighter-rouge">delete</code> keyword, then your config would look like <code class="highlighter-rouge">prefer-reflect: [2, { exceptions: ["delete"] }]</code>.</p>
+
+<p>These can be combined as much as you like. To make all methods exceptions (thereby rendering this rule useless), use <code class="highlighter-rouge">prefer-reflect: [2, { exceptions: ["apply", "call", "defineProperty", "getOwnPropertyDescriptor", "getPrototypeOf", "setPrototypeOf", "isExtensible", "getOwnPropertyNames", "preventExtensions", "delete"] }]</code></p>
+
+<h3 id="reflectapply-functionprototypeapplyfunctionprototypecall">Reflect.apply (Function.prototype.apply/Function.prototype.call)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectapply-functionprototypeapplyfunctionprototypecall" aria-label="Anchor link for: reflectapply functionprototypeapplyfunctionprototypecall" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">other</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">other</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">obj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">other</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">obj</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">other</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["apply"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">other</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">obj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">other</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["call"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">other</span><span class="p">,</span> <span class="nx">arg</span><span class="p">);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">obj</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">other</span><span class="p">,</span> <span class="p">[</span><span class="nx">arg</span><span class="p">]);</span><br/></code></pre>
+</div>
+
+<h3 id="reflectdefineproperty-objectdefineproperty">Reflect.defineProperty (Object.defineProperty)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectdefineproperty-objectdefineproperty" aria-label="Anchor link for: reflectdefineproperty objectdefineproperty" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">,</span> <span class="p">{</span><span class="na">value</span><span class="p">:</span> <span class="mi">1</span><span class="p">})</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">,</span> <span class="p">{</span><span class="na">value</span><span class="p">:</span> <span class="mi">1</span><span class="p">})</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["defineProperty"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">,</span> <span class="p">{</span><span class="na">value</span><span class="p">:</span> <span class="mi">1</span><span class="p">})</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">defineProperty</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">,</span> <span class="p">{</span><span class="na">value</span><span class="p">:</span> <span class="mi">1</span><span class="p">})</span><br/></code></pre>
+</div>
+
+<h3 id="reflectgetownpropertydescriptor-objectgetownpropertydescriptor">Reflect.getOwnPropertyDescriptor (Object.getOwnPropertyDescriptor)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectgetownpropertydescriptor-objectgetownpropertydescriptor" aria-label="Anchor link for: reflectgetownpropertydescriptor objectgetownpropertydescriptor" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">getOwnPropertyDescriptor</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">getOwnPropertyDescriptor</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<p><strong>config:</strong> <code class="highlighter-rouge">prefer-reflect: ["error", { exceptions: ["getOwnPropertyDescriptor"] }]</code></p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["getOwnPropertyDescriptor"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">getOwnPropertyDescriptor</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">getOwnPropertyDescriptor</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<h3 id="reflectgetprototypeof-objectgetprototypeof">Reflect.getPrototypeOf (Object.getPrototypeOf)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectgetprototypeof-objectgetprototypeof" aria-label="Anchor link for: reflectgetprototypeof objectgetprototypeof" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">getPrototypeOf</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">getPrototypeOf</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["getPrototypeOf"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">getPrototypeOf</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">getPrototypeOf</span><span class="p">({},</span> <span class="s1">'foo'</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<h3 id="reflectsetprototypeof-objectsetprototypeof">Reflect.setPrototypeOf (Object.setPrototypeOf)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectsetprototypeof-objectsetprototypeof" aria-label="Anchor link for: reflectsetprototypeof objectsetprototypeof" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">setPrototypeOf</span><span class="p">({},</span> <span class="nb">Object</span><span class="p">.</span><span class="nx">prototype</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">setPrototypeOf</span><span class="p">({},</span> <span class="nb">Object</span><span class="p">.</span><span class="nx">prototype</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<p><strong>config:</strong> <code class="highlighter-rouge">prefer-reflect: ["error", { exceptions: ["setPrototypeOf"] }]</code></p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["setPrototypeOf"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">setPrototypeOf</span><span class="p">({},</span> <span class="nb">Object</span><span class="p">.</span><span class="nx">prototype</span><span class="p">)</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">setPrototypeOf</span><span class="p">({},</span> <span class="nb">Object</span><span class="p">.</span><span class="nx">prototype</span><span class="p">)</span><br/></code></pre>
+</div>
+
+<h3 id="reflectisextensible-objectisextensible">Reflect.isExtensible (Object.isExtensible)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectisextensible-objectisextensible" aria-label="Anchor link for: reflectisextensible objectisextensible" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">isExtensible</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">isExtensible</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["isExtensible"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">isExtensible</span><span class="p">({})</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">isExtensible</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<h3 id="reflectgetownpropertynames-objectgetownpropertynames">Reflect.getOwnPropertyNames (Object.getOwnPropertyNames)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectgetownpropertynames-objectgetownpropertynames" aria-label="Anchor link for: reflectgetownpropertynames objectgetownpropertynames" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">getOwnPropertyNames</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">getOwnPropertyNames</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["getOwnPropertyNames"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">getOwnPropertyNames</span><span class="p">({})</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">getOwnPropertyNames</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<h3 id="reflectpreventextensions-objectpreventextensions">Reflect.preventExtensions (Object.preventExtensions)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectpreventextensions-objectpreventextensions" aria-label="Anchor link for: reflectpreventextensions objectpreventextensions" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">preventExtensions</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">preventExtensions</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["preventExtensions"] }]*/</span><br/><br/><span class="nb">Object</span><span class="p">.</span><span class="nx">preventExtensions</span><span class="p">({})</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">preventExtensions</span><span class="p">({})</span><br/></code></pre>
+</div>
+
+<h3 id="reflectdeleteproperty-the-delete-keyword">Reflect.deleteProperty (The <code class="highlighter-rouge">delete</code> keyword)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#reflectdeleteproperty-the-delete-keyword" aria-label="Anchor link for: reflectdeleteproperty the delete keyword" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="k">delete</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: "error"*/</span><br/><br/><span class="k">delete</span> <span class="nx">bar</span><span class="p">;</span> <span class="c1">// Does not reference an object, just a var</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">deleteProperty</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>(Note: For a rule preventing deletion of variables, see <a href="no-delete-var">no-delete-var instead</a>)</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-reflect: ["error", { exceptions: ["delete"] }]*/</span><br/><br/><span class="k">delete</span> <span class="nx">bar</span><br/><span class="k">delete</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><br/><span class="nx">Reflect</span><span class="p">.</span><span class="nx">deleteProperty</span><span class="p">(</span><span class="nx">foo</span><span class="p">,</span> <span class="s1">'bar'</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule should not be used in ES3/5 environments.</p>
+
+<p>In ES2015 (ES6) or later, if you don’t want to be notified about places where Reflect could be used, you can safely disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-useless-call">no-useless-call</a></li>
+  <li><a href="prefer-spread">prefer-spread</a></li>
+  <li><a href="no-delete-var">no-delete-var</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-2.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/prefer-reflect.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/prefer-reflect.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-rest-params.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-rest-params.html
new file mode 100644
index 0000000..fcc35ae
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-rest-params.html
@@ -0,0 +1,48 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="suggest-using-the-rest-parameters-instead-of-arguments-prefer-rest-params">Suggest using the rest parameters instead of <code class="highlighter-rouge">arguments</code> (prefer-rest-params)</h1>
+
+<p>There are rest parameters in ES2015.
+We can use that feature for variadic functions instead of the <code class="highlighter-rouge">arguments</code> variable.</p>
+
+<p><code class="highlighter-rouge">arguments</code> does not have methods of <code class="highlighter-rouge">Array.prototype</code>, so it’s a bit of an inconvenience.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag usage of <code class="highlighter-rouge">arguments</code> variables.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">arguments</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">action</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">args</span> <span class="o">=</span> <span class="p">[].</span><span class="nx">slice</span><span class="p">.</span><span class="nx">call</span><span class="p">(</span><span class="nx">arguments</span><span class="p">,</span> <span class="mi">1</span><span class="p">);</span><br/>    <span class="nx">action</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">(...</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">args</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">action</span><span class="p">,</span> <span class="p">...</span><span class="nx">args</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">action</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span> <span class="c1">// or `action(...args)`, related to the `prefer-spread` rule.</span><br/><span class="p">}</span><br/><br/><span class="c1">// Note: the implicit arguments can be overwritten.</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">arguments</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">arguments</span><span class="p">);</span> <span class="c1">// This is the first argument.</span><br/><span class="p">}</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">arguments</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><br/>    <span class="nx">console</span><span class="p">.</span><span class="nx">log</span><span class="p">(</span><span class="nx">arguments</span><span class="p">);</span> <span class="c1">// This is a local variable.</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule should not be used in ES3/5 environments.</p>
+
+<p>In ES2015 (ES6) or later, if you don’t want to be notified about <code class="highlighter-rouge">arguments</code> variables, then it’s safe to disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="prefer-spread">prefer-spread</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-alpha-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/prefer-rest-params.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/prefer-rest-params.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-spread.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-spread.html
new file mode 100644
index 0000000..f02a150
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-spread.html
@@ -0,0 +1,61 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="suggest-using-the-spread-operator-instead-of-apply-prefer-spread">Suggest using the spread operator instead of <code class="highlighter-rouge">.apply()</code>. (prefer-spread)</h1>
+
+<p>Before ES2015, one must use <code class="highlighter-rouge">Function.prototype.apply()</code> to call variadic functions.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">args</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span><span class="p">];</span><br/><span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nb">Math</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>In ES2015, one can use the spread operator to call variadic functions.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">args</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">,</span> <span class="mi">4</span><span class="p">];</span><br/><span class="nb">Math</span><span class="p">.</span><span class="nx">max</span><span class="p">(...</span><span class="nx">args</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag usage of <code class="highlighter-rouge">Function.prototype.apply()</code> that can be replaced with the spread operator.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-spread: "error"*/</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-spread: "error"*/</span><br/><br/><span class="c1">// The `this` binding is different.</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">otherObj</span><span class="p">,</span> <span class="nx">args</span><span class="p">);</span><br/><br/><span class="c1">// The argument list is not variadic.</span><br/><span class="c1">// Those are warned by the `no-useless-call` rule.</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">undefined</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="kc">null</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/><span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">obj</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">,</span> <span class="mi">3</span><span class="p">]);</span><br/></code></pre>
+</div>
+
+<p>Known limitations:</p>
+
+<p>This rule analyzes code statically to check whether or not the <code class="highlighter-rouge">this</code> argument is changed.
+So if the <code class="highlighter-rouge">this</code> argument is computed in a dynamic expression, this rule cannot detect a violation.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-spread: "error"*/</span><br/><br/><span class="c1">// This warns.</span><br/><span class="nx">a</span><span class="p">[</span><span class="nx">i</span><span class="o">++</span><span class="p">].</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">a</span><span class="p">[</span><span class="nx">i</span><span class="o">++</span><span class="p">],</span> <span class="nx">args</span><span class="p">);</span><br/><br/><span class="c1">// This does not warn.</span><br/><span class="nx">a</span><span class="p">[</span><span class="o">++</span><span class="nx">i</span><span class="p">].</span><span class="nx">foo</span><span class="p">.</span><span class="nx">apply</span><span class="p">(</span><span class="nx">a</span><span class="p">[</span><span class="nx">i</span><span class="p">],</span> <span class="nx">args</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule should not be used in ES3/5 environments.</p>
+
+<p>In ES2015 (ES6) or later, if you don’t want to be notified about <code class="highlighter-rouge">Function.prototype.apply()</code> callings, you can safely disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-useless-call">no-useless-call</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/prefer-spread.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/prefer-spread.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-template.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-template.html
new file mode 100644
index 0000000..47c0700
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/prefer-template.html
@@ -0,0 +1,51 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="suggest-using-template-literals-instead-of-string-concatenation-prefer-template">Suggest using template literals instead of string concatenation. (prefer-template)</h1>
+
+<p>In ES2015 (ES6), we can use template literals instead of string concatenation.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="s2">"Hello, "</span> <span class="o">+</span> <span class="nx">name</span> <span class="o">+</span> <span class="s2">"!"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="err">`</span><span class="nx">Hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><span class="nx">name</span><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed to flag usage of <code class="highlighter-rouge">+</code> operators with strings.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-template: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="s2">"Hello, "</span> <span class="o">+</span> <span class="nx">name</span> <span class="o">+</span> <span class="s2">"!"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="s2">"Time: "</span> <span class="o">+</span> <span class="p">(</span><span class="mi">12</span> <span class="o">*</span> <span class="mi">60</span> <span class="o">*</span> <span class="mi">60</span> <span class="o">*</span> <span class="mi">1000</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint prefer-template: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="s2">"Hello World!"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="err">`</span><span class="nx">Hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><span class="nx">name</span><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="err">`</span><span class="nx">Time</span><span class="err">:</span> <span class="nx">$</span><span class="p">{</span><span class="mi">12</span> <span class="o">*</span> <span class="mi">60</span> <span class="o">*</span> <span class="mi">60</span> <span class="o">*</span> <span class="mi">1000</span><span class="p">}</span><span class="err">`</span><span class="p">;</span><br/><br/><span class="c1">// This is reported by `no-useless-concat`.</span><br/><span class="kd">var</span> <span class="nx">str</span> <span class="o">=</span> <span class="s2">"Hello, "</span> <span class="o">+</span> <span class="s2">"World!"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule should not be used in ES3/5 environments.</p>
+
+<p>In ES2015 (ES6) or later, if you don’t want to be notified about string concatenation, you can safely disable this rule.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="quotes">quotes</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/prefer-template.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/prefer-template.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/quote-props.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/quote-props.html
new file mode 100644
index 0000000..132d1ed
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/quote-props.html
@@ -0,0 +1,168 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="quoting-style-for-property-names-quote-props">Quoting Style for Property Names (quote-props)</h1>
+
+<p>Object literal property names can be defined in two ways: using literals or using strings. For example, these two objects are equivalent:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">object1</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">property</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"property"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>In many cases, it doesn’t matter if you choose to use an identifier instead of a string or vice-versa. Even so, you might decide to enforce a consistent style in your code.</p>
+
+<p>There are, however, some occasions when you must use quotes:</p>
+
+<ol>
+  <li>If you are using an ECMAScript 3 JavaScript engine (such as IE8) and you want to use a keyword (such as <code class="highlighter-rouge">if</code>) as a property name. This restriction was removed in ECMAScript 5.</li>
+  <li>You want to use a non-identifier character in your property name, such as having a property with a space like <code class="highlighter-rouge">"one two"</code>.</li>
+</ol>
+
+<p>Another example where quotes do matter is when using numeric literals as property keys:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="mi">1</span><span class="na">e2</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="mi">100</span><span class="p">:</span> <span class="mi">2</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>This may look alright at first sight, but this code in fact throws a syntax error in ECMAScript 5 strict mode. This happens because <code class="highlighter-rouge">1e2</code> and <code class="highlighter-rouge">100</code> are coerced into strings before getting used as the property name. Both <code class="highlighter-rouge">String(1e2)</code> and <code class="highlighter-rouge">String(100)</code> happen to be equal to <code class="highlighter-rouge">"100"</code>, which causes the “Duplicate data property in object literal not allowed in strict mode” error. Issues like that can be tricky to debug, so some prefer to require quotes around all property names.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to enforce use of quotes in property names and as such will flag any properties that don’t use quotes (default behavior).</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>There are four behaviors for this rule: <code class="highlighter-rouge">"always"</code> (default), <code class="highlighter-rouge">"as-needed"</code>, <code class="highlighter-rouge">"consistent"</code> and <code class="highlighter-rouge">"consistent-as-needed"</code>. You can define these options in your configuration as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"quote-props"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"as-needed"</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>When configured with <code class="highlighter-rouge">"always"</code> as the first option (the default), quoting for all properties will be enforced. Some believe that ensuring property names in object literals are always wrapped in quotes is generally a good idea, since <a href="https://mathiasbynens.be/notes/javascript-properties">depending on the property name you may need to quote them anyway</a>. Consider this example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>Here, the properties <code class="highlighter-rouge">foo</code> and <code class="highlighter-rouge">baz</code> are not wrapped in quotes, but <code class="highlighter-rouge">qux-lorem</code> is, because it doesn’t work without the quotes. This is rather inconsistent. Instead, you may prefer to quote names of all properties:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="s2">"baz"</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>or, if you prefer single quotes:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="s1">'baz'</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s1">'qux-lorem'</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>When configured with <code class="highlighter-rouge">"always"</code> as the first option (the default), quoting for all properties will be enforced. The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "always"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "always"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">object1</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="s2">"baz"</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="s1">'baz'</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s1">'qux-lorem'</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object3</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="as-needed">“as-needed”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#as-needed" aria-label="Anchor link for: as needed" data-anchorjs-icon=""></a></h3>
+
+<p>When configured with <code class="highlighter-rouge">"as-needed"</code> as the first option, quotes will be enforced when they are strictly required, and unnecessary quotes will cause warnings. The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "as-needed"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">object</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"a"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="s2">"0"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="s2">"true"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="s2">"null"</span><span class="p">:</span> <span class="mi">0</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "as-needed"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">object1</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"a-b"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="s2">"0x0"</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="s2">"1e2"</span><span class="p">:</span> <span class="mi">0</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="na">true</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="mi">0</span><span class="p">:</span> <span class="mi">0</span><span class="p">,</span><br/>    <span class="s1">'qux-lorem'</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object3</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>When the <code class="highlighter-rouge">"as-needed"</code> mode is selected, an additional <code class="highlighter-rouge">keywords</code> option can be provided. This flag indicates whether language keywords should be quoted as properties. By default it is set to <code class="highlighter-rouge">false</code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"quote-props"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"as-needed"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When <code class="highlighter-rouge">keywords</code> is set to <code class="highlighter-rouge">true</code>, the following patterns become problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "as-needed", { "keywords": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">while</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="na">volatile</span><span class="p">:</span> <span class="s2">"foo"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>Another modifier for this rule is the <code class="highlighter-rouge">unnecessary</code> option which defaults to <code class="highlighter-rouge">true</code>. Setting this to <code class="highlighter-rouge">false</code> will prevent the rule from complaining about unnecessarily quoted properties. This comes in handy when you <em>only</em> care about quoting keywords.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"quote-props"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"as-needed"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"unnecessary"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When <code class="highlighter-rouge">unnecessary</code> is set to <code class="highlighter-rouge">false</code>, the following patterns <em>stop</em> being problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "as-needed", { "keywords": true, "unnecessary": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"while"</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span>  <span class="c1">// Would normally have caused a warning</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>A <code class="highlighter-rouge">numbers</code> flag, with default value <code class="highlighter-rouge">false</code>, can also be used as a modifier for the <code class="highlighter-rouge">"as-needed"</code> mode. When it is set to <code class="highlighter-rouge">true</code>, numeric literals should always be quoted.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"quote-props"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"as-needed"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"numbers"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When <code class="highlighter-rouge">numbers</code> is set to <code class="highlighter-rouge">true</code>, the following patterns become problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "as-needed", { "numbers": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="mi">100</span><span class="p">:</span> <span class="mi">1</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>and the following patterns <em>stop</em> being problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"100"</span><span class="p">:</span> <span class="mi">1</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="consistent">“consistent”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#consistent" aria-label="Anchor link for: consistent" data-anchorjs-icon=""></a></h3>
+
+<p>When configured with <code class="highlighter-rouge">"consistent"</code>, the patterns below are considered problems. Basically <code class="highlighter-rouge">"consistent"</code> means all or no properties are expected to be quoted, in other words quoting style can’t be mixed within an object. Please note the latter situation (no quotation at all) isn’t always possible as some property names require quoting.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "consistent"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">object1</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="s2">"baz"</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="mi">42</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "consistent"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">object1</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="s2">"baz"</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="s1">'baz'</span><span class="p">:</span> <span class="mi">42</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object3</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="mi">42</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="consistent-as-needed">“consistent-as-needed”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#consistent-as-needed" aria-label="Anchor link for: consistent as needed" data-anchorjs-icon=""></a></h3>
+
+<p>When configured with <code class="highlighter-rouge">"consistent-as-needed"</code>, the behavior is similar to <code class="highlighter-rouge">"consistent"</code> with one difference. Namely, properties’ quoting should be consistent (as in <code class="highlighter-rouge">"consistent"</code>) but whenever all quotes are redundant a warning is raised. In other words if at least one property name has to be quoted (like <code class="highlighter-rouge">qux-lorem</code>) then all property names must be quoted, otherwise no properties can be quoted. The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "consistent-as-needed"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">object1</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="s2">"baz"</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s1">'foo'</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="s1">'baz'</span><span class="p">:</span> <span class="mi">42</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "consistent-as-needed"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">object1</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="s2">"foo"</span><span class="p">:</span> <span class="s2">"bar"</span><span class="p">,</span><br/>    <span class="s2">"baz"</span><span class="p">:</span> <span class="mi">42</span><span class="p">,</span><br/>    <span class="s2">"qux-lorem"</span><span class="p">:</span> <span class="kc">true</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">object2</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s1">'bar'</span><span class="p">,</span><br/>    <span class="na">baz</span><span class="p">:</span> <span class="mi">42</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>When the <code class="highlighter-rouge">"consistent-as-needed"</code> mode is selected, an additional <code class="highlighter-rouge">keywords</code> option can be provided. This flag indicates whether language keywords can be used unquoted as properties. By default it is set to <code class="highlighter-rouge">false</code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"quote-props"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"consistent-as-needed"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w"> </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When <code class="highlighter-rouge">keywords</code> is set to <code class="highlighter-rouge">true</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quote-props: ["error", "consistent-as-needed", { "keywords": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">while</span><span class="p">:</span> <span class="mi">1</span><span class="p">,</span><br/>    <span class="na">volatile</span><span class="p">:</span> <span class="s2">"foo"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t care if property names are consistently wrapped in quotes or not, and you don’t target legacy ES3 environments, turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://kangax.github.io/compat-table/es5/#Reserved_words_as_property_names">Reserved words as property names</a></li>
+  <li><a href="https://mathiasbynens.be/notes/javascript-properties">Unquoted property names / object keys in JavaScript</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/quote-props.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/quote-props.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/quotes.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/quotes.html
new file mode 100644
index 0000000..59f5060
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/quotes.html
@@ -0,0 +1,103 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-quote-style-quotes">Enforce Quote Style (quotes)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>JavaScript allows you to define strings in one of three ways: double quotes, single quotes, and backticks (as of ECMAScript 6). For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"double"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'single'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">backtick</span> <span class="o">=</span> <span class="err">`</span><span class="nx">backtick</span><span class="err">`</span><span class="p">;</span>    <span class="c1">// ES6 only</span><br/></code></pre>
+</div>
+
+<p>Each of these lines creates a string and, in some cases, can be used interchangeably. The choice of how to define strings in a codebase is a stylistic one outside of template literals (which allow embedded of expressions to be interpreted).</p>
+
+<p>Many codebases require strings to be defined in a consistent manner.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at ensuring consistency of string quotes and as such will report a problem when an inconsistent style is found.</p>
+
+<p>The rule configuration takes up to two options:</p>
+
+<ol>
+  <li>The first option is <code class="highlighter-rouge">"double"</code>, <code class="highlighter-rouge">"single"</code> or <code class="highlighter-rouge">"backtick"</code> for double-quotes, single-quotes or backticks respectively. The default is <code class="highlighter-rouge">"double"</code>.</li>
+  <li>The second option takes two options:
+    <ol>
+      <li><code class="highlighter-rouge">"avoidEscape"</code>: When using <code class="highlighter-rouge">"avoidEscape"</code>, this rule will not report a problem when a string is using single-quotes or double-quotes so long as the string contains a quote that would have to be escaped otherwise. For example, if you specify <code class="highlighter-rouge">"double"</code> and <code class="highlighter-rouge">"avoidEscape"</code>, the string <code class="highlighter-rouge">'He said, "hi!"'</code> is not considered a problem because using double quotes for that string would require escaping the double quotes inside of the string. This option is off by default.</li>
+      <li><code class="highlighter-rouge">"allowTemplateLiterals"</code>: when using <code class="highlighter-rouge">"allowTemplateLiterals"</code>, this rule will not report a problem when a string is using backticks and option one is either <code class="highlighter-rouge">"double"</code> or <code class="highlighter-rouge">"single"</code>.</li>
+    </ol>
+  </li>
+</ol>
+
+<p>When using <code class="highlighter-rouge">"single"</code> or <code class="highlighter-rouge">"double"</code>, template literals that don’t contain a substitution, don’t contain a line break and aren’t tagged templates, are flagged as problems, even with the <code class="highlighter-rouge">"avoidEscape"</code> option. However they are not problems when <code class="highlighter-rouge">"allowTemplateLiterals"</code> is used.</p>
+
+<p>Configuration looks like this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">[</span><span class="mi">2</span><span class="p">,</span> <span class="s2">"single"</span><span class="p">,</span> <span class="p">{</span><span class="s2">"avoidEscape"</span><span class="p">:</span> <span class="kc">true</span><span class="p">,</span> <span class="s2">"allowTemplateLiterals"</span><span class="p">:</span> <span class="kc">true</span><span class="p">}]</span><br/></code></pre>
+</div>
+
+<p><strong>Deprecation notice</strong>: The <code class="highlighter-rouge">avoid-escape</code> option is a deprecated syntax and you should use the object form instead.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "double"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'single'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">unescaped</span> <span class="o">=</span> <span class="s1">'a string containing "double" quotes'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "single"]*/</span><br/><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"double"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">unescaped</span> <span class="o">=</span> <span class="s2">"a string containing 'single' quotes"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "double", {"avoidEscape": true}]*/</span><br/><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'single'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="err">`</span><span class="nx">single</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "single", {"avoidEscape": true}]*/</span><br/><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"double"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="err">`</span><span class="kr">double</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "backtick"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'single'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"double"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">unescaped</span> <span class="o">=</span> <span class="s1">'a string containing `backticks`'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "backtick", {"avoidEscape": true}]*/</span><br/><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'single'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"double"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "double"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"double"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">backtick</span> <span class="o">=</span> <span class="err">`</span><span class="nx">back</span><span class="err">\</span><span class="nx">ntick</span><span class="err">`</span><span class="p">;</span>  <span class="c1">// backticks are allowed due to newline</span><br/><span class="kd">var</span> <span class="nx">backtick</span> <span class="o">=</span> <span class="nx">tag</span><span class="err">`</span><span class="nx">backtick</span><span class="err">`</span><span class="p">;</span> <span class="c1">// backticks are allowed due to tag</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "single"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'single'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">backtick</span> <span class="o">=</span> <span class="err">`</span><span class="nx">back$</span><span class="p">{</span><span class="nx">x</span><span class="p">}</span><span class="nx">tick</span><span class="err">`</span><span class="p">;</span> <span class="c1">// backticks are allowed due to substitution</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "double", {"avoidEscape": true}]*/</span><br/><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'a string containing "double" quotes'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "single", {"avoidEscape": true}]*/</span><br/><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"a string containing 'single' quotes"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "double", {"allowTemplateLiterals": true}]*/</span><br/><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="s1">'single'</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">single</span> <span class="o">=</span> <span class="err">`</span><span class="nx">single</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "single", {"allowTemplateLiterals": true}]*/</span><br/><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"double"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="err">`</span><span class="kr">double</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "backtick"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">backtick</span> <span class="o">=</span> <span class="err">`</span><span class="nx">backtick</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint quotes: ["error", "backtick", {"avoidEscape": true}]*/</span><br/><br/><span class="kd">var</span> <span class="kr">double</span> <span class="o">=</span> <span class="s2">"a string containing `backtick` quotes"</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you do not need consistency in your string styles, you can safely disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/quotes.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/quotes.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/radix.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/radix.html
new file mode 100644
index 0000000..7270b3e
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/radix.html
@@ -0,0 +1,81 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-radix-parameter-radix">Require Radix Parameter (radix)</h1>
+
+<p>When using the <code class="highlighter-rouge">parseInt()</code> function it is common to omit the second argument, the radix, and let the function try to determine from the first argument what type of number it is. By default, <code class="highlighter-rouge">parseInt()</code> will autodetect decimal and hexadecimal (via <code class="highlighter-rouge">0x</code> prefix). Prior to ECMAScript 5, <code class="highlighter-rouge">parseInt()</code> also autodetected octal literals, which caused problems because many developers assumed a leading <code class="highlighter-rouge">0</code> would be ignored.</p>
+
+<p>This confusion led to the suggestion that you always use the radix parameter to <code class="highlighter-rouge">parseInt()</code> to eliminate unintended consequences. So instead of doing this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">);</span>      <span class="c1">// 57</span><br/></code></pre>
+</div>
+
+<p>Do this:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span>  <span class="c1">// 71</span><br/></code></pre>
+</div>
+
+<p>ECMAScript 5 changed the behavior of <code class="highlighter-rouge">parseInt()</code> so that it no longer autodetects octal literals and instead treats them as decimal literals. However, the differences between hexadecimal and decimal interpretation of the first parameter causes many developers to continue using the radix parameter to ensure the string is interpreted in the intended way.</p>
+
+<p>On the other hand, if the code is targeting only ES5-compliant environments passing the radix <code class="highlighter-rouge">10</code> may be redundant. In such a case you might want to disallow using such a radix.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at preventing the unintended conversion of a string to a number of a different base than intended or at preventing the redundant <code class="highlighter-rouge">10</code> radix if targeting modern environments only.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>There are two options for this rule:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> enforces providing a radix (default)</li>
+  <li><code class="highlighter-rouge">"as-needed"</code> disallows providing the <code class="highlighter-rouge">10</code> radix</li>
+</ul>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint radix: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="nx">someValue</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">,</span> <span class="s2">"abc"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint radix: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">,</span> <span class="mi">8</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">someValue</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="as-needed">as-needed<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#as-needed" aria-label="Anchor link for: as needed" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"as-needed"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint radix: ["error", "as-needed"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">,</span> <span class="mi">10</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">,</span> <span class="s2">"abc"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"as-needed"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint radix: ["error", "as-needed"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseInt</span><span class="p">(</span><span class="s2">"071"</span><span class="p">,</span> <span class="mi">8</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">num</span> <span class="o">=</span> <span class="nb">parseFloat</span><span class="p">(</span><span class="nx">someValue</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to enforce either presence or omission of the <code class="highlighter-rouge">10</code> radix value you can turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://davidwalsh.name/parseint-radix">parseInt and radix</a></li>
+  <li><a href="http://jslinterrors.com/missing-radix-parameter/">Missing radix parameter</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.7.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/radix.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/radix.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/require-jsdoc.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/require-jsdoc.html
new file mode 100644
index 0000000..2b34e03
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/require-jsdoc.html
@@ -0,0 +1,69 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-jsdoc-comment-require-jsdoc">Require JSDoc comment (require-jsdoc)</h1>
+
+<p><a href="http://usejsdoc.org">JSDoc</a> is a JavaScript API documentation generator. It uses specially-formatted comments inside of code to generate API documentation automatically. For example, this is what a JSDoc comment looks like for a function:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {int} num1 The first number.<br/> * @param {int} num2 The second number.<br/> * @returns {int} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">sum</span><span class="p">(</span><span class="nx">num1</span><span class="p">,</span> <span class="nx">num2</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">num1</span> <span class="o">+</span> <span class="nx">num2</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Some style guides require JSDoc comments for all functions as a way of explaining function behavior.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule generates warnings for nodes that do not have JSDoc comments when they should. Supported nodes:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">FunctionDeclaration</code></li>
+  <li><code class="highlighter-rouge">ClassDeclaration</code></li>
+  <li><code class="highlighter-rouge">MethodDefinition</code></li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts a <code class="highlighter-rouge">require</code> object with its properties as</p>
+
+<ul>
+  <li><code class="highlighter-rouge">FunctionDeclaration</code> (default: <code class="highlighter-rouge">true</code>)</li>
+  <li><code class="highlighter-rouge">ClassDeclaration</code> (default: <code class="highlighter-rouge">false</code>)</li>
+  <li><code class="highlighter-rouge">MethodDefinition</code> (default: <code class="highlighter-rouge">false</code>)</li>
+</ul>
+
+<p>Default option settings are</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"require-jsdoc"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"require"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>            </span><span class="nt">"FunctionDeclaration"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"><br/>            </span><span class="nt">"MethodDefinition"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"><br/>            </span><span class="nt">"ClassDeclaration"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"><br/>        </span><span class="p">}</span><span class="w"><br/>    </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint "require-jsdoc": ["error", {<br/>    "require": {<br/>        "FunctionDeclaration": true,<br/>        "MethodDefinition": true,<br/>        "ClassDeclaration": true<br/>    }<br/>}]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Test</span><span class="p">{</span><br/>    <span class="nx">getDate</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint "require-jsdoc": ["error", {<br/>    "require": {<br/>        "FunctionDeclaration": true,<br/>        "MethodDefinition": true,<br/>        "ClassDeclaration": true<br/>    }<br/>}]*/</span><br/><br/><span class="cm">/**<br/>* It returns 10<br/>*/</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="cm">/**<br/>* It returns 10<br/>*/</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">array</span> <span class="o">=</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">];</span><br/><span class="nx">array</span><span class="p">.</span><span class="nx">filter</span><span class="p">(</span><span class="kd">function</span><span class="p">(</span><span class="nx">item</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">item</span> <span class="o">&gt;</span> <span class="mi">2</span><span class="p">;</span><br/><span class="p">});</span><br/><br/><span class="cm">/**<br/>* It returns 10<br/>*/</span><br/><span class="kr">class</span> <span class="nx">Test</span><span class="p">{</span><br/>    <span class="cm">/**<br/>    * returns the date<br/>    */</span><br/>    <span class="nx">getDate</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you do not require JSDoc for your functions, then you can leave this rule off.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="valid-jsdoc">valid-jsdoc</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/require-jsdoc.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/require-jsdoc.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/require-yield.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/require-yield.html
new file mode 100644
index 0000000..e70cc6c
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/require-yield.html
@@ -0,0 +1,31 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-generator-functions-that-do-not-have-yield-require-yield">Disallow generator functions that do not have <code class="highlighter-rouge">yield</code> (require-yield)</h1>
+
+<p>This rule generates warnings for generator functions that do not have the <code class="highlighter-rouge">yield</code> keyword.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint require-yield: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint require-yield: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">yield</span> <span class="mi">5</span><span class="p">;</span><br/>  <span class="k">return</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">return</span> <span class="mi">10</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// This rule does not warn on empty generator functions.</span><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 1.0.0-rc-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/require-yield.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/require-yield.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/semi-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/semi-spacing.html
new file mode 100644
index 0000000..e1829c6
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/semi-spacing.html
@@ -0,0 +1,98 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-spacing-before-and-after-semicolons-semi-spacing">Enforce spacing before and after semicolons (semi-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>JavaScript allows you to place unnecessary spaces before or after a semicolon.</p>
+
+<p>Disallowing or enforcing space around a semicolon can improve the readability of your program.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="s2">"b"</span> <span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">c</span> <span class="o">=</span> <span class="s2">"d"</span><span class="p">;</span><span class="kd">var</span> <span class="nx">e</span> <span class="o">=</span> <span class="s2">"f"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to enforce spacing around a semicolon. This rule prevents the use of spaces before a semicolon in expressions.</p>
+
+<p>This rule doesn’t check spacing in the following cases:</p>
+
+<ul>
+  <li>
+    <p>The spacing after the semicolon if it is the first token in the line.</p>
+  </li>
+  <li>
+    <p>The spacing before the semicolon if it is after an opening parenthesis (<code class="highlighter-rouge">(</code> or <code class="highlighter-rouge"><span class="p">{</span></code>), or the spacing after the semicolon if it is before a closing parenthesis (<code class="highlighter-rouge">)</code> or <code class="highlighter-rouge">}</code>). That spacing is checked by <code class="highlighter-rouge">space-in-parens</code> or <code class="highlighter-rouge">block-spacing</code>.</p>
+  </li>
+  <li>
+    <p>The spacing around the semicolon in a for loop with an empty condition (<code class="highlighter-rouge">for(;;)</code>).</p>
+  </li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one option, an object, which has two keys <code class="highlighter-rouge">before</code> and <code class="highlighter-rouge">after</code> having boolean values <code class="highlighter-rouge">true</code> or <code class="highlighter-rouge">false</code>.
+If <code class="highlighter-rouge">before</code> is <code class="highlighter-rouge">true</code>, space is enforced before semicolons and if it’s <code class="highlighter-rouge">false</code>, space is disallowed before semicolons.
+If <code class="highlighter-rouge">after</code> is <code class="highlighter-rouge">true</code>, space is enforced after semicolons and if it’s <code class="highlighter-rouge">false</code>, space is disallowed after semicolons.
+The <code class="highlighter-rouge">after</code> option will be only applied if a semicolon is not at the end of line.</p>
+
+<p>The default is <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="w">    </span><span class="s2">"semi-spacing"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="before-false-after-true"><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#before-false-after-true" aria-label="Anchor link for: before false after true" data-anchorjs-icon=""></a></h3>
+
+<p>This is the default option. It enforces spacing after semicolons and disallows spacing before semicolons.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi-spacing: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"error"</span><span class="p">)</span> <span class="p">;</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="k">break</span> <span class="p">;</span> <span class="p">}</span><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span> <span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span> <span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span><span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi-spacing: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span> <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"error"</span><span class="p">);</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="k">break</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/><span class="k">for</span> <span class="p">(;;)</span> <span class="p">{}</span><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{;}</span><br/><span class="p">;</span><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="before-true-after-false"><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#before-true-after-false" aria-label="Anchor link for: before true after false" data-anchorjs-icon=""></a></h3>
+
+<p>This option enforces spacing before semicolons and disallows spacing after semicolons.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi-spacing: ["error", { "before": true, "after": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="p">;</span> <span class="kd">var</span> <span class="nx">bar</span><span class="p">;</span><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"error"</span><span class="p">);</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span> <span class="k">break</span><span class="p">;</span> <span class="p">}</span><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span><span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span><span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span><span class="p">;</span> <span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi-spacing: ["error", { "before": true, "after": false }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="p">;</span><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="p">;</span><span class="kd">var</span> <span class="nx">bar</span> <span class="p">;</span><br/><span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s2">"error"</span><span class="p">)</span> <span class="p">;</span><br/><span class="k">while</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><span class="k">break</span> <span class="p">;}</span><br/><span class="k">for</span> <span class="p">(</span><span class="nx">i</span> <span class="o">=</span> <span class="mi">0</span> <span class="p">;</span><span class="nx">i</span> <span class="o">&lt;</span> <span class="mi">10</span> <span class="p">;</span><span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of spacing before or after semicolons.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="semi">semi</a></li>
+  <li><a href="no-extra-semi">no-extra-semi</a></li>
+  <li><a href="comma-spacing">comma-spacing</a></li>
+  <li><a href="block-spacing">block-spacing</a></li>
+  <li><a href="space-in-parens">space-in-parens</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.16.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/semi-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/semi-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/semi.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/semi.html
new file mode 100644
index 0000000..3f8bb6f
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/semi.html
@@ -0,0 +1,142 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-or-disallow-semicolons-semi">Enforce or Disallow Semicolons (semi)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>JavaScript is unique amongst the C-like languages in that it doesn’t require semicolons at the end of each statement. In many cases, the JavaScript engine can determine that a semicolon should be in a certain spot and will automatically add it. This feature is known as <strong>automatic semicolon insertion (ASI)</strong> and is considered one of the more controversial features of JavaScript. For example, the following lines are both valid:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"ESLint"</span><br/><span class="kd">var</span> <span class="nx">website</span> <span class="o">=</span> <span class="s2">"eslint.org"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>On the first line, the JavaScript engine will automatically insert a semicolon, so this is not considered a syntax error. The JavaScript engine still knows how to interpret the line and knows that the line end indicates the end of the statement.</p>
+
+<p>In the debate over ASI, there are generally two schools of thought. The first is that we should treat ASI as if it didn’t exist and always include semicolons manually. The rationale is that it’s easier to always include semicolons than to try to remember when they are or are not required, and thus decreases the possibility of introducing an error.</p>
+
+<p>However, the ASI mechanism can sometimes be tricky to people who are using semicolons. For example, consider this code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">return</span><br/><span class="p">{</span><br/>    <span class="na">name</span><span class="p">:</span> <span class="s2">"ESLint"</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>This may look like a <code class="highlighter-rouge">return</code> statement that returns an object literal, however, the JavaScript engine will interpret this code as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">return</span><span class="p">;</span><br/><span class="p">{</span><br/>    <span class="nl">name</span><span class="p">:</span> <span class="s2">"ESLint"</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Effectively, a semicolon is inserted after the <code class="highlighter-rouge">return</code> statement, causing the code below it (a labeled literal inside a block) to be unreachable. This rule and the <a href="no-unreachable">no-unreachable</a> rule will protect your code from such cases.</p>
+
+<p>On the other side of the argument are those who says that since semicolons are inserted automatically, they are optional and do not need to be inserted manually. However, the ASI mechanism can also be tricky to people who don’t use semicolons. For example, consider this code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">globalCounter</span> <span class="o">=</span> <span class="p">{</span> <span class="p">}</span><br/><br/><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">n</span> <span class="o">=</span> <span class="mi">0</span><br/>    <span class="nx">globalCounter</span><span class="p">.</span><span class="nx">increment</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span> <span class="o">++</span><span class="nx">n</span><br/>    <span class="p">}</span><br/><span class="p">})()</span><br/></code></pre>
+</div>
+
+<p>In this example, a semicolon will not be inserted after the first line, causing a run-time error (because an empty object is called as if it’s a function). The <a href="no-unexpected-multiline">no-unexpected-multiline</a> rule can protect your code from such cases.</p>
+
+<p>Although ASI allows for more freedom over your coding style, it can also make your code behave in an unexpected way, whether you use semicolons or not. Therefore, it is best to know when ASI takes place and when it does not, and have ESLint protect your code from these potentially unexpected cases. In short, as once described by Isaac Schlueter, a <code class="highlighter-rouge">\n</code> character always ends a statement (just like a semicolon) unless one of the following is true:</p>
+
+<ol>
+  <li>The statement has an unclosed paren, array literal, or object literal or ends in some other way that is not a valid way to end a statement. (For instance, ending with <code class="highlighter-rouge">.</code> or <code class="highlighter-rouge">,</code>.)</li>
+  <li>The line is <code class="highlighter-rouge">--</code> or <code class="highlighter-rouge">++</code> (in which case it will decrement/increment the next token.)</li>
+  <li>It is a <code class="highlighter-rouge">for()</code>, <code class="highlighter-rouge">while()</code>, <code class="highlighter-rouge">do</code>, <code class="highlighter-rouge">if()</code>, or <code class="highlighter-rouge">else</code>, and there is no <code class="highlighter-rouge"><span class="p">{</span></code></li>
+  <li>The next line starts with <code class="highlighter-rouge">[</code>, <code class="highlighter-rouge">(</code>, <code class="highlighter-rouge">+</code>, <code class="highlighter-rouge">*</code>, <code class="highlighter-rouge">/</code>, <code class="highlighter-rouge">-</code>, <code class="highlighter-rouge">,</code>, <code class="highlighter-rouge">.</code>, or some other binary operator that can only be found between two tokens in a single expression.</li>
+</ol>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at ensuring consistent use of semicolons. You can decide whether or not to require semicolons at the end of statements.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one or two options. The first one is a string, which could be <code class="highlighter-rouge">"always"</code> or <code class="highlighter-rouge">"never"</code>. The default is <code class="highlighter-rouge">"always"</code>. The second one is an object for more fine-grained configuration when the first option is <code class="highlighter-rouge">"always"</code>.</p>
+
+<p>You can set the option in configuration like this:</p>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>By using the default option, semicolons must be used any place where they are valid.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="err">semi:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"ESLint"</span><br/><br/><span class="nx">object</span><span class="p">.</span><span class="nx">method</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"ESLint"</span><span class="p">;</span><br/><br/><span class="nx">object</span><span class="p">.</span><span class="nx">method</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h4 id="fine-grained-control">Fine-grained control<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#fine-grained-control" aria-label="Anchor link for: fine grained control" data-anchorjs-icon=""></a></h4>
+
+<p>When setting the first option as “always”, an additional option can be added to omit the last semicolon in a one-line block, that is, a block in which its braces (and therefore the content of the block) are in the same line:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="err">semi:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"> </span><span class="nt">"omitLastInOneLineBlock"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">()</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi: ["error", "always", { "omitLastInOneLineBlock": true}] */</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">()</span> <span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span><span class="p">)</span> <span class="p">{</span> <span class="nx">bar</span><span class="p">();</span> <span class="nx">baz</span><span class="p">()</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="never">“never”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p>If you want to enforce that semicolons are never used, switch the configuration to:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="err">semi:</span><span class="w"> </span><span class="p">[</span><span class="mi">2</span><span class="p">,</span><span class="w"> </span><span class="s2">"never"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>Then, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"ESLint"</span><span class="p">;</span><br/><br/><span class="nx">object</span><span class="p">.</span><span class="nx">method</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>And the following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"ESLint"</span><br/><br/><span class="nx">object</span><span class="p">.</span><span class="nx">method</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Even in <code class="highlighter-rouge">"never"</code> mode, semicolons are still allowed to disambiguate statements beginning with <code class="highlighter-rouge">[</code>, <code class="highlighter-rouge">(</code>, <code class="highlighter-rouge">/</code>, <code class="highlighter-rouge">+</code>, or <code class="highlighter-rouge">-</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint semi: ["error", "never"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">name</span> <span class="o">=</span> <span class="s2">"ESLint"</span><br/><br/><span class="p">;(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">})()</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you do not want to enforce semicolon usage (or omission) in any particular way, then you can turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://blog.izs.me/post/2353458699/an-open-letter-to-javascript-leaders-regarding">An Open Letter to JavaScript Leaders Regarding Semicolons</a></li>
+  <li><a href="http://inimino.org/~inimino/blog/javascript_semicolons">JavaScript Semicolon Insertion</a></li>
+  <li><a href="http://jamesallardice.com/understanding-automatic-semi-colon-insertion-in-javascript/">Understanding Automatic Semicolon Insertion in JavaScript</a></li>
+</ul>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="no-extra-semi">no-extra-semi</a></li>
+  <li><a href="no-unexpected-multiline">no-unexpected-multiline</a></li>
+  <li><a href="semi-spacing">semi-spacing</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/semi.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/semi.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/sort-imports.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/sort-imports.html
new file mode 100644
index 0000000..246ffbb
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/sort-imports.html
@@ -0,0 +1,134 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="import-sorting-sort-imports">Import Sorting (sort-imports)</h1>
+
+<p>The import statement is used to import members (functions, objects or primitives) that have been exported from an external module. Using a specific member syntax:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// single - Import single member.</span><br/><span class="kr">import</span> <span class="nx">myMember</span> <span class="nx">from</span> <span class="s2">"my-module.js"</span><span class="p">;</span><br/><br/><span class="c1">// multiple - Import multiple members.</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">foo</span><span class="p">,</span> <span class="nx">bar</span><span class="p">}</span> <span class="nx">from</span> <span class="s2">"my-module.js"</span><span class="p">;</span><br/><br/><span class="c1">// all - Import all members, where myModule contains all the exported bindings.</span><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">as</span> <span class="nx">myModule</span> <span class="nx">from</span> <span class="s2">"my-module.js"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The import statement can also import a module without exported bindings. Used when the module does not export anything, but runs it own code or changes the global context object.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// none - Import module without exported bindings.</span><br/><span class="kr">import</span> <span class="s2">"my-module.js"</span><br/></code></pre>
+</div>
+
+<p>When declaring multiple imports, a sorted list of import declarations make it easier for developers to read the code and find necessary imports later. This rule is purely a matter of style.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule checks all import declarations and verifies that all imports are first sorted by the used member syntax and then alphabetically by the first member or alias name.</p>
+
+<p>The sort order of import declarations based on the member syntax can be configured via the <code class="highlighter-rouge">memberSyntaxSortOrder</code> option.
+The default member syntax sort order is:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">none</code> - import module without exported bindings.</li>
+  <li><code class="highlighter-rouge">all</code> - import all members provided by exported bindings.</li>
+  <li><code class="highlighter-rouge">multiple</code> - import multiple members.</li>
+  <li><code class="highlighter-rouge">single</code> - import single member.</li>
+</ul>
+
+<p>The following example shows correct sorted import declarations:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="s1">'module-without-export.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">as</span> <span class="nx">foo</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">as</span> <span class="nx">bar</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">alpha</span><span class="p">,</span> <span class="nx">beta</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'alpha.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">delta</span><span class="p">,</span> <span class="nx">gamma</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'delta.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'baz.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">b</span> <span class="nx">from</span> <span class="s1">'qux.js'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="nx">b</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">A</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">as</span> <span class="nx">b</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">b</span><span class="p">,</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">c</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">b</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">c</span> <span class="nx">from</span> <span class="s1">'baz.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="s1">'foo.js'</span><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'baz.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">c</span> <span class="nx">from</span> <span class="s1">'qux.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts an object with its properties as</p>
+
+<ul>
+  <li><code class="highlighter-rouge">ignoreCase</code> (default: <code class="highlighter-rouge">false</code>)</li>
+  <li><code class="highlighter-rouge">ignoreMemberSort</code> (default: <code class="highlighter-rouge">false</code>)</li>
+  <li><code class="highlighter-rouge">memberSyntaxSortOrder</code> (default: <code class="highlighter-rouge">["none", "all", "multiple", "single"]</code>)</li>
+</ul>
+
+<p>Default option settings are</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"sort-imports"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"ignoreCase"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"><br/>        </span><span class="nt">"ignoreMemberSort"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"><br/>        </span><span class="nt">"memberSyntaxSortOrder"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"none"</span><span class="p">,</span><span class="w"> </span><span class="s2">"all"</span><span class="p">,</span><span class="w"> </span><span class="s2">"multiple"</span><span class="p">,</span><span class="w"> </span><span class="s2">"single"</span><span class="p">]</span><span class="w"><br/>    </span><span class="p">}]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="ignorecase"><code class="highlighter-rouge">ignoreCase</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignorecase" aria-label="Anchor link for: ignorecase" data-anchorjs-icon=""></a></h3>
+
+<p>When <code class="highlighter-rouge">true</code> the rule ignores the case-sensitivity of the imports local name.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: ["error", { "ignoreCase": true }]*/</span><br/><br/><span class="kr">import</span> <span class="nx">B</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: ["error", { "ignoreCase": true }]*/</span><br/><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">B</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">c</span> <span class="nx">from</span> <span class="s1">'baz.js'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Default is <code class="highlighter-rouge">false</code>.</p>
+
+<h3 id="ignoremembersort"><code class="highlighter-rouge">ignoreMemberSort</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignoremembersort" aria-label="Anchor link for: ignoremembersort" data-anchorjs-icon=""></a></h3>
+
+<p>Ignores the member sorting within a <code class="highlighter-rouge">multiple</code> member import declaration.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">b</span><span class="p">,</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">c</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: ["error", { "ignoreMemberSort": true }]*/</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">b</span><span class="p">,</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">c</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><br/></code></pre>
+</div>
+
+<p>Default is <code class="highlighter-rouge">false</code>.</p>
+
+<h3 id="membersyntaxsortorder"><code class="highlighter-rouge">memberSyntaxSortOrder</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#membersyntaxsortorder" aria-label="Anchor link for: membersyntaxsortorder" data-anchorjs-icon=""></a></h3>
+
+<p>The member syntax sort order can be configured with this option. There are four different styles and the default member syntax sort order is:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">none</code> - import module without exported bindings.</li>
+  <li><code class="highlighter-rouge">all</code> - import all members provided by exported bindings.</li>
+  <li><code class="highlighter-rouge">multiple</code> - import multiple members.</li>
+  <li><code class="highlighter-rouge">single</code> - import single member.</li>
+</ul>
+
+<p>Use this option if you want a different sort order. Every style must be defined in the sort order (There shall be four items in the array).</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: "error"*/</span><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">as</span> <span class="nx">b</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-imports: ["error", { "memberSyntaxSortOrder": ['single', 'all', 'multiple', 'none'] }]*/</span><br/><br/><span class="kr">import</span> <span class="nx">a</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">as</span> <span class="nx">b</span> <span class="nx">from</span> <span class="s1">'bar.js'</span><span class="p">;</span><br/><br/><span class="cm">/*eslint sort-imports: ["error", { "memberSyntaxSortOrder": ['all', 'single', 'multiple', 'none'] }]*/</span><br/><br/><span class="kr">import</span> <span class="o">*</span> <span class="nx">as</span> <span class="nx">foo</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="nx">z</span> <span class="nx">from</span> <span class="s1">'zoo.js'</span><span class="p">;</span><br/><span class="kr">import</span> <span class="p">{</span><span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">}</span> <span class="nx">from</span> <span class="s1">'foo.js'</span><span class="p">;</span><br/><br/></code></pre>
+</div>
+
+<p>Default is <code class="highlighter-rouge">["none", "all", "multiple", "single"]</code>.</p>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is a formatting preference and not following it won’t negatively affect the quality of your code. If alphabetizing imports isn’t a part of your coding standards, then you can leave this rule disabled.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-beta.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/sort-imports.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/sort-imports.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/sort-vars.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/sort-vars.html
new file mode 100644
index 0000000..b88666b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/sort-vars.html
@@ -0,0 +1,62 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="variable-sorting-sort-vars">Variable Sorting (sort-vars)</h1>
+
+<p>When declaring multiple variables within the same block, some developers prefer to sort variable names alphabetically to be able to find necessary variable easier at the later time. Others feel that it adds complexity and becomes burden to maintain.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule checks all variable declaration blocks and verifies that all variables are sorted alphabetically.
+The default configuration of the rule is case-sensitive.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-vars: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">a</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">B</span><span class="p">,</span> <span class="nx">c</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">A</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-vars: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">,</span> <span class="nx">c</span><span class="p">,</span> <span class="nx">d</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">_a</span> <span class="o">=</span> <span class="mi">10</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">_b</span> <span class="o">=</span> <span class="mi">20</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">A</span><span class="p">,</span> <span class="nx">a</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">B</span><span class="p">,</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">c</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>Alphabetical list is maintained starting from the first variable and excluding any that are considered problems. So the following code will produce two problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-vars: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">c</span><span class="p">,</span> <span class="nx">d</span><span class="p">,</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">b</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>But this one, will only produce one:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-vars: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">c</span><span class="p">,</span> <span class="nx">d</span><span class="p">,</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">e</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>"sort-vars": [&lt;enabled&gt;, { "ignoreCase": &lt;boolean&gt; }]<br/></code></pre>
+</div>
+
+<h3 id="ignorecase"><code class="highlighter-rouge">ignoreCase</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#ignorecase" aria-label="Anchor link for: ignorecase" data-anchorjs-icon=""></a></h3>
+
+<p>When <code class="highlighter-rouge">true</code> the rule ignores the case-sensitivity of the variables order.</p>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint sort-vars: ["error", { "ignoreCase": true }]*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">A</span><span class="p">;</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">,</span> <span class="nx">B</span><span class="p">,</span> <span class="nx">c</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is a formatting preference and not following it won’t negatively affect the quality of your code. If you alphabetizing variables isn’t a part of your coding standards, then you can leave this rule off.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/sort-vars.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/sort-vars.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/space-before-blocks.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-before-blocks.html
new file mode 100644
index 0000000..b603883
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-before-blocks.html
@@ -0,0 +1,110 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-space-before-blocks-space-before-blocks">Require Or Disallow Space Before Blocks (space-before-blocks)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Consistency is an important part of any style guide.
+While it is a personal preference where to put the opening brace of blocks,
+it should be consistent across a whole project.
+Having an inconsistent style distracts the reader from seeing the important parts of the code.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule will enforce consistency of spacing before blocks. It is only applied on blocks that don’t begin on a new line.</p>
+
+<ul>
+  <li>This rule ignores spacing which is between <code class="highlighter-rouge">=&gt;</code> and a block. The spacing is handled by the <code class="highlighter-rouge">arrow-spacing</code> rule.</li>
+  <li>This rule ignores spacing which is between a keyword and a block. The spacing is handled by the <code class="highlighter-rouge">keyword-spacing</code> rule.</li>
+</ul>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one argument. If it is <code class="highlighter-rouge">"always"</code> then blocks must always have at least one preceding space. If <code class="highlighter-rouge">"never"</code>
+then all blocks should never have any preceding space. If different spacing is desired for function
+blocks, keyword blocks and classes, an optional configuration object can be passed as the rule argument to
+configure the cases separately.</p>
+
+<p>( e.g. <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="err">classes</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code> )</p>
+
+<p>The default is <code class="highlighter-rouge">"always"</code>.</p>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">){</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">(){}</span><br/><br/><span class="k">for</span> <span class="p">(;;){</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">a</span><span class="p">){}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span><span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span> <span class="k">else</span><span class="p">{</span> <span class="cm">/*no error. this is checked by `keyword-spacing` rule.*/</span><br/>    <span class="nx">c</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="k">for</span> <span class="p">(;;)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<h3 id="never">“never”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", "never"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="k">for</span> <span class="p">(;;)</span> <span class="p">{</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", "never"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">){</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">(){}</span><br/><br/><span class="k">for</span> <span class="p">(;;){</span><br/>    <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="k">try</span><span class="p">{}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">a</span><span class="p">){}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span><span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="err">classes</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", { "functions": "never", "keywords": "always", classes: "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">a</span><span class="p">){}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span><span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="err">classes</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", { "functions": "never", "keywords": "always", classes: "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">for</span> <span class="p">(;;)</span> <span class="p">{</span><br/>  <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="nx">describe</span><span class="p">(</span><span class="kd">function</span><span class="p">(){</span><br/>  <span class="c1">// ...</span><br/><span class="p">});</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="err">classes</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", { "functions": "always", "keywords": "never", classes: "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">(){}</span><br/><br/><span class="k">try</span> <span class="p">{}</span> <span class="k">catch</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="err">classes</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", { "functions": "always", "keywords": "never", classes: "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">a</span><span class="p">){</span><br/>  <span class="nx">b</span><span class="p">();</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">a</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span><span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">()</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="err">classes</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", { "functions": "never", "keywords": "never", classes: "always" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span><span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge"><span class="p">{</span><span class="w"> </span><span class="nt">"functions"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="nt">"keywords"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="err">classes</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="w"> </span><span class="p">}</span></code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-blocks: ["error", { "functions": "never", "keywords": "never", classes: "always" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>  <span class="nx">constructor</span><span class="p">(){}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of spacing before blocks or if you are using the <code class="highlighter-rouge">space-after-keywords</code> rule set to <code class="highlighter-rouge">"never"</code>.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="keyword-spacing">keyword-spacing</a></li>
+  <li><a href="arrow-spacing">arrow-spacing</a></li>
+  <li><a href="brace-style">brace-style</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.9.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/space-before-blocks.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/space-before-blocks.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/space-before-function-paren.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-before-function-paren.html
new file mode 100644
index 0000000..88b217f
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-before-function-paren.html
@@ -0,0 +1,107 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-a-space-before-function-parenthesis-space-before-function-paren">Require or disallow a space before function parenthesis (space-before-function-paren)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>When formatting a function, whitespace is allowed between the function name or <code class="highlighter-rouge">function</code> keyword and the opening paren. Named functions also require a space between the <code class="highlighter-rouge">function</code> keyword and the function name, but anonymous functions require no whitespace. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">withoutSpace</span><span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">withSpace</span> <span class="p">(</span><span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">anonymousWithoutSpace</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{};</span><br/><br/><span class="kd">var</span> <span class="nx">anonymousWithSpace</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{};</span><br/></code></pre>
+</div>
+
+<p>Style guides may require a space after the <code class="highlighter-rouge">function</code> keyword for anonymous functions, while others specify no whitespace. Similarly, the space after a function name may or may not be required.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to enforce consistent spacing before function parentheses and as such, will warn whenever whitespace doesn’t match the preferences specified.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule takes one argument. If it is <code class="highlighter-rouge">"always"</code> then all named functions and anonymous functions must have space before function parentheses. If <code class="highlighter-rouge">"never"</code> then all named functions and anonymous functions must not have space before function parentheses. If you want different spacing for named and anonymous functions you can pass a configuration object as the rule argument to configure those separately (e. g. <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"anonymous"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="nt">"named"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">}</span></code>). In this case, you can use “ignore” to only apply the rule to one type of function (e. g. <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"anonymous"</span><span class="p">:</span><span class="w"> </span><span class="s2">"ignore"</span><span class="p">,</span><span class="w"> </span><span class="nt">"named"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">}</span></code> will warn on spaces for named functions, but will not warn on anonymous functions one way or the other).</p>
+
+<p>The default configuration is <code class="highlighter-rouge">"always"</code>.</p>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="never">“never”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", "never"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="anonymous-always-named-never"><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"anonymous"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="nt">"named"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">}</span></code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#anonymous-always-named-never" aria-label="Anchor link for: anonymous always named never" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", { "anonymous": "always", "named": "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", { "anonymous": "always", "named": "never" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="anonymous-never-named-always"><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"anonymous"</span><span class="p">:</span><span class="w"> </span><span class="s2">"never"</span><span class="p">,</span><span class="w"> </span><span class="nt">"named"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">}</span></code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#anonymous-never-named-always" aria-label="Anchor link for: anonymous never named always" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", { "anonymous": "never", "named": "always" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", { "anonymous": "never", "named": "always" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h3 id="anonymous-ignore-named-always"><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"anonymous"</span><span class="p">:</span><span class="w"> </span><span class="s2">"ignore"</span><span class="p">,</span><span class="w"> </span><span class="nt">"named"</span><span class="p">:</span><span class="w"> </span><span class="s2">"always"</span><span class="p">}</span></code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#anonymous-ignore-named-always" aria-label="Anchor link for: anonymous ignore named always" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", { "anonymous": "ignore", "named": "always" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-before-function-paren: ["error", { "anonymous": "ignore", "named": "always" }]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">};</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span> <span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="nx">constructor</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="nx">bar</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="c1">// ...</span><br/>    <span class="p">}</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of spacing before function parenthesis.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="space-after-keywords">space-after-keywords</a></li>
+  <li><a href="space-return-throw-case">space-return-throw-case</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.18.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/space-before-function-paren.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/space-before-function-paren.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/space-in-parens.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-in-parens.html
new file mode 100644
index 0000000..2c8ad20
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-in-parens.html
@@ -0,0 +1,174 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="disallow-or-enforce-spaces-inside-of-parentheses-space-in-parens">Disallow or enforce spaces inside of parentheses (space-in-parens)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Some style guides require or disallow spaces inside of parentheses:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="nx">foo</span><span class="p">(</span> <span class="s1">'bar'</span> <span class="p">);</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span> <span class="p">)</span> <span class="o">*</span> <span class="mi">3</span><span class="p">;</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="s1">'bar'</span><span class="p">);</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">)</span> <span class="o">*</span> <span class="mi">3</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule will enforce consistency of spacing directly inside of parentheses, by disallowing or requiring one or more spaces to the right of <code class="highlighter-rouge">(</code> and to the left of <code class="highlighter-rouge">)</code>. In either case, <code class="highlighter-rouge">()</code> will still be allowed.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>There are two options for this rule:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> enforces a space inside of parentheses</li>
+  <li><code class="highlighter-rouge">"never"</code> enforces zero spaces inside of parentheses (default)</li>
+</ul>
+
+<p>Depending on your coding conventions, you can choose either option by specifying it in your configuration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"space-in-parens"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="always">“always”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>When <code class="highlighter-rouge">"always"</code> is set, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always"]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="s1">'bar'</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span><span class="s1">'bar'</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span><span class="s1">'bar'</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">)</span> <span class="o">*</span> <span class="mi">3</span><span class="p">;</span><br/><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="s1">'bar'</span><span class="p">;</span> <span class="p">}());</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always"]*/</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="s1">'bar'</span> <span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span> <span class="p">)</span> <span class="o">*</span> <span class="mi">3</span><span class="p">;</span><br/><span class="p">(</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="s1">'bar'</span><span class="p">;</span> <span class="p">}()</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<h3 id="never">“never”<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p>When <code class="highlighter-rouge">"never"</code> is used, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never"]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="s1">'bar'</span><span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span><span class="s1">'bar'</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="s1">'bar'</span> <span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span> <span class="p">)</span> <span class="o">*</span> <span class="mi">3</span><span class="p">;</span><br/><span class="p">(</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="s1">'bar'</span><span class="p">;</span> <span class="p">}()</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never"]*/</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/><br/><span class="nx">foo</span><span class="p">(</span><span class="s1">'bar'</span><span class="p">);</span><br/><br/><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="p">(</span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">)</span> <span class="o">*</span> <span class="mi">3</span><span class="p">;</span><br/><span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="s1">'bar'</span><span class="p">;</span> <span class="p">}());</span><br/></code></pre>
+</div>
+
+<h3 id="exceptions">Exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<p>An object literal may be used as a third array item to specify exceptions, with the key <code class="highlighter-rouge">"exceptions"</code> and an array as the value. These exceptions work in the context of the first option. That is, if <code class="highlighter-rouge">"always"</code> is set to enforce spacing, then any “exception” will <em>disallow</em> spacing. Conversely, if <code class="highlighter-rouge">"never"</code> is set to disallow spacing, then any “exception” will <em>enforce</em> spacing.</p>
+
+<p>The following exceptions are available: <code class="highlighter-rouge">["{}", "[]", "()", "empty"]</code>.</p>
+
+<p>For example, given <code class="highlighter-rouge">"space-in-parens": ["error", "always", { "exceptions": ["{}"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["{}"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">}</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="mi">1</span><span class="p">,</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">}</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["{}"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">({</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">});</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="mi">1</span><span class="p">,</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">});</span><br/></code></pre>
+</div>
+
+<p>Or, given <code class="highlighter-rouge">"space-in-parens": ["error", "never", { "exceptions": ["{}"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["{}"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">({</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">});</span><br/><span class="nx">foo</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">});</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["{}"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">}</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span><span class="mi">1</span><span class="p">,</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">}</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Given <code class="highlighter-rouge">"space-in-parens": ["error", "always", { "exceptions": ["[]"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["[]"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">[</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">]</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">[</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">],</span> <span class="mi">1</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["[]"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">([</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">]);</span><br/><span class="nx">foo</span><span class="p">([</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">],</span> <span class="mi">1</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Or, given <code class="highlighter-rouge">"space-in-parens": ["error", "never", { "exceptions": ["[]"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["[]"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">([</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">]);</span><br/><span class="nx">foo</span><span class="p">([</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">],</span> <span class="mi">1</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["[]"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">[</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">]</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">[</span><span class="nx">bar</span><span class="p">,</span> <span class="nx">baz</span><span class="p">],</span> <span class="mi">1</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Given <code class="highlighter-rouge">"space-in-parens": ["error", "always", { "exceptions": ["()"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["()"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">(</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span> <span class="p">)</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">(</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span> <span class="p">),</span> <span class="mi">1</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["()"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">((</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span> <span class="p">));</span><br/><span class="nx">foo</span><span class="p">((</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span> <span class="p">),</span> <span class="mi">1</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>Or, given <code class="highlighter-rouge">"space-in-parens": ["error", "never", { "exceptions": ["()"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["()"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">((</span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">));</span><br/><span class="nx">foo</span><span class="p">((</span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">),</span> <span class="mi">1</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["()"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">(</span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">)</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">(</span><span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">),</span> <span class="mi">1</span><span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The <code class="highlighter-rouge">"empty"</code> exception concerns empty parentheses, and works the same way as the other exceptions, inverting the first option.</p>
+
+<p>For example, given <code class="highlighter-rouge">"space-in-parens": ["error", "always", { "exceptions": ["empty"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["empty"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["empty"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p>Or, given <code class="highlighter-rouge">"space-in-parens": ["error", "never", { "exceptions": ["empty"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["empty"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "never", { "exceptions": ["empty"] }]*/</span><br/><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>You can include multiple entries in the <code class="highlighter-rouge">"exceptions"</code> array. For example, given <code class="highlighter-rouge">"space-in-parens": ["error", "always", { "exceptions": ["{}", "[]"] }]</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["{}", "[]"] }]*/</span><br/><br/><span class="nx">bar</span><span class="p">(</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span><span class="s1">'baz'</span><span class="p">}</span> <span class="p">);</span><br/><span class="nx">baz</span><span class="p">(</span> <span class="mi">1</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">]</span> <span class="p">);</span><br/><span class="nx">foo</span><span class="p">(</span> <span class="p">{</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">},</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">]</span> <span class="p">);</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-in-parens: ["error", "always", { "exceptions": ["{}", "[]"] }]*/</span><br/><br/><span class="nx">bar</span><span class="p">({</span><span class="na">bar</span><span class="p">:</span><span class="s1">'baz'</span><span class="p">});</span><br/><span class="nx">baz</span><span class="p">(</span> <span class="mi">1</span><span class="p">,</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">]);</span><br/><span class="nx">foo</span><span class="p">({</span><span class="na">bar</span><span class="p">:</span> <span class="s1">'baz'</span><span class="p">},</span> <span class="p">[</span><span class="mi">1</span><span class="p">,</span> <span class="mi">2</span><span class="p">]);</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You can turn this rule off if you are not concerned with the consistency of spacing between parentheses.</p>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="space-in-brackets">space-in-brackets</a> (deprecated)</li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.8.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/space-in-parens.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/space-in-parens.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/space-infix-ops.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-infix-ops.html
new file mode 100644
index 0000000..af4d56d
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-infix-ops.html
@@ -0,0 +1,59 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-spaces-around-infix-operators-space-infix-ops">Require Spaces Around Infix Operators (space-infix-ops)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>While formatting preferences are very personal, a number of style guides require spaces around operators, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">sum</span> <span class="o">=</span> <span class="mi">1</span> <span class="o">+</span> <span class="mi">2</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The proponents of these extra spaces believe it make the code easier to read and can more easily highlight potential errors, such as:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">sum</span> <span class="o">=</span> <span class="nx">i</span><span class="o">+++</span><span class="mi">2</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>While this is valid JavaScript syntax, it is hard to determine what the author intended.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at ensuring there are spaces around infix operators.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule accepts a single options argument with the following defaults:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"space-infix-ops"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"int32Hint"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="int32hint"><code class="highlighter-rouge">int32Hint</code><a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#int32hint" aria-label="Anchor link for: int32hint" data-anchorjs-icon=""></a></h3>
+
+<p>Set the <code class="highlighter-rouge">int32Hint</code> option to <code class="highlighter-rouge">true</code> (default is <code class="highlighter-rouge">false</code>) to allow write <code class="highlighter-rouge">a|0</code> without space.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">var</span> <span class="nx">foo</span> <span class="o">=</span> <span class="nx">bar</span><span class="o">|</span><span class="mi">0</span><span class="p">;</span> <span class="c1">// `foo` is forced to be signed 32 bit integer</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-infix-ops: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">a</span><span class="o">+</span><span class="nx">b</span><br/><br/><span class="nx">a</span><span class="o">+</span> <span class="nx">b</span><br/><br/><span class="nx">a</span> <span class="o">+</span><span class="nx">b</span><br/><br/><span class="nx">a</span><span class="p">?</span><span class="nx">b</span><span class="p">:</span><span class="nx">c</span><br/><br/><span class="kr">const</span> <span class="nx">a</span><span class="o">=</span><span class="p">{</span><span class="na">b</span><span class="p">:</span><span class="mi">1</span><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">a</span><span class="o">=</span><span class="mi">0</span><span class="p">}</span><span class="o">=</span><span class="nx">bar</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="o">=</span><span class="mi">0</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-infix-ops: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="nx">a</span> <span class="o">+</span> <span class="nx">b</span><br/><br/><span class="nx">a</span>       <span class="o">+</span> <span class="nx">b</span><br/><br/><span class="nx">a</span> <span class="p">?</span> <span class="nx">b</span> <span class="p">:</span> <span class="nx">c</span><br/><br/><span class="kr">const</span> <span class="nx">a</span> <span class="o">=</span> <span class="p">{</span><span class="na">b</span><span class="p">:</span><span class="mi">1</span><span class="p">};</span><br/><br/><span class="kd">var</span> <span class="p">{</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">}</span> <span class="o">=</span> <span class="nx">bar</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span> <span class="o">=</span> <span class="mi">0</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.2.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/space-infix-ops.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/space-infix-ops.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/space-unary-ops.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-unary-ops.html
new file mode 100644
index 0000000..2ffa6de
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/space-unary-ops.html
@@ -0,0 +1,68 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-spaces-beforeafter-unary-operators-space-unary-ops">Require or disallow spaces before/after unary operators (space-unary-ops)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Some styleguides require or disallow spaces before or after unary operators. This is mainly a stylistic issue, however, some JavaScript expressions can be written without spacing which makes it harder to read and maintain.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces consistency regarding the spaces after <code class="highlighter-rouge">words</code> unary operators and after/before <code class="highlighter-rouge">nonwords</code> unary operators.</p>
+
+<p>Examples of unary <code class="highlighter-rouge">words</code> operators:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// new</span><br/><span class="kd">var</span> <span class="nx">joe</span> <span class="o">=</span> <span class="k">new</span> <span class="nx">Person</span><span class="p">();</span><br/><br/><span class="c1">// delete</span><br/><span class="kd">var</span> <span class="nx">obj</span> <span class="o">=</span> <span class="p">{</span><br/>    <span class="na">foo</span><span class="p">:</span> <span class="s1">'bar'</span><br/><span class="p">};</span><br/><span class="k">delete</span> <span class="nx">obj</span><span class="p">.</span><span class="nx">foo</span><span class="p">;</span><br/><br/><span class="c1">// typeof</span><br/><span class="k">typeof</span> <span class="p">{}</span> <span class="c1">// object</span><br/><br/><span class="c1">// void</span><br/><span class="k">void</span> <span class="mi">0</span> <span class="c1">// undefined</span><br/></code></pre>
+</div>
+
+<p>Examples of unary <code class="highlighter-rouge">nonwords</code> operators:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">([</span><span class="mi">1</span><span class="p">,</span><span class="mi">2</span><span class="p">,</span><span class="mi">3</span><span class="p">].</span><span class="nx">indexOf</span><span class="p">(</span><span class="mi">1</span><span class="p">)</span> <span class="o">!==</span> <span class="o">-</span><span class="mi">1</span><span class="p">)</span> <span class="p">{};</span><br/><span class="nx">foo</span> <span class="o">=</span> <span class="o">--</span><span class="nx">foo</span><span class="p">;</span><br/><span class="nx">bar</span> <span class="o">=</span> <span class="nx">bar</span><span class="o">++</span><span class="p">;</span><br/><span class="nx">baz</span> <span class="o">=</span> <span class="o">!</span><span class="nx">foo</span><span class="p">;</span><br/><span class="nx">qux</span> <span class="o">=</span> <span class="o">!!</span><span class="nx">baz</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule has three options:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">words</code> - applies to unary word operators such as: <code class="highlighter-rouge">new</code>, <code class="highlighter-rouge">delete</code>, <code class="highlighter-rouge">typeof</code>, <code class="highlighter-rouge">void</code>, <code class="highlighter-rouge">yield</code></li>
+  <li><code class="highlighter-rouge">nonwords</code> - applies to unary operators such as: <code class="highlighter-rouge">-</code>, <code class="highlighter-rouge">+</code>, <code class="highlighter-rouge">--</code>, <code class="highlighter-rouge">++</code>, <code class="highlighter-rouge">!</code>, <code class="highlighter-rouge">!!</code></li>
+  <li><code class="highlighter-rouge">overrides</code> - specifies overwriting usage of spacing for each
+operator, word or non word. This is empty by default, but can be used
+to enforce or disallow spacing around operators. For example:</li>
+</ul>
+
+<div class="highlighter-rouge"><pre class="highlight"><code>    <span class="s2">"space-unary-ops"</span><span class="err">:</span> <span class="p">[</span><br/>        <span class="mi">2</span><span class="p">,</span> <span class="p">{</span><br/>          <span class="s2">"words"</span><span class="p">:</span> <span class="kc">true</span><span class="p">,</span><br/>          <span class="s2">"nonwords"</span><span class="p">:</span> <span class="kc">false</span><span class="p">,</span><br/>          <span class="s2">"overrides"</span><span class="p">:</span> <span class="p">{</span><br/>            <span class="s2">"new"</span><span class="p">:</span> <span class="kc">false</span><span class="p">,</span><br/>            <span class="s2">"++"</span><span class="p">:</span> <span class="kc">true</span><br/>          <span class="p">}</span><br/>    <span class="p">}]</span><br/></code></pre>
+</div>
+
+<p>In this case, spacing will be disallowed after a <code class="highlighter-rouge">new</code> operator and required before/after a <code class="highlighter-rouge">++</code> operator.</p>
+
+<p>Given the default values <code class="highlighter-rouge">words</code>: <code class="highlighter-rouge">true</code>, <code class="highlighter-rouge">nonwords</code>: <code class="highlighter-rouge">false</code>, the following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-unary-ops: "error"*/</span><br/><br/><span class="k">typeof</span><span class="o">!</span><span class="nx">foo</span><span class="p">;</span><br/><br/><span class="k">void</span><span class="p">{</span><span class="na">foo</span><span class="p">:</span><span class="mi">0</span><span class="p">};</span><br/><br/><span class="k">new</span><span class="p">[</span><span class="nx">foo</span><span class="p">][</span><span class="mi">0</span><span class="p">];</span><br/><br/><span class="k">delete</span><span class="p">(</span><span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><span class="p">);</span><br/><br/><span class="o">++</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="nx">foo</span> <span class="o">--</span><span class="p">;</span><br/><br/><span class="o">-</span> <span class="nx">foo</span><span class="p">;</span><br/><br/><span class="o">+</span> <span class="s2">"3"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-unary-ops: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">yield</span><span class="p">(</span><span class="mi">0</span><span class="p">)</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>Given the default values <code class="highlighter-rouge">words</code>: <code class="highlighter-rouge">true</code>, <code class="highlighter-rouge">nonwords</code>: <code class="highlighter-rouge">false</code>, the following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-unary-ops: "error"*/</span><br/><br/><span class="c1">// Word unary operator "delete" is followed by a whitespace.</span><br/><span class="k">delete</span> <span class="nx">foo</span><span class="p">.</span><span class="nx">bar</span><span class="p">;</span><br/><br/><span class="c1">// Word unary operator "new" is followed by a whitespace.</span><br/><span class="k">new</span> <span class="nx">Foo</span><span class="p">;</span><br/><br/><span class="c1">// Word unary operator "void" is followed by a whitespace.</span><br/><span class="k">void</span> <span class="mi">0</span><span class="p">;</span><br/><br/><span class="c1">// Unary operator "++" is not followed by whitespace.</span><br/><span class="o">++</span><span class="nx">foo</span><span class="p">;</span><br/><br/><span class="c1">// Unary operator "--" is not preceded by whitespace.</span><br/><span class="nx">foo</span><span class="o">--</span><span class="p">;</span><br/><br/><span class="c1">// Unary operator "-" is not followed by whitespace.</span><br/><span class="o">-</span><span class="nx">foo</span><span class="p">;</span><br/><br/><span class="c1">// Unary operator "+" is not followed by whitespace.</span><br/><span class="o">+</span><span class="s2">"3"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint space-unary-ops: "error"*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span><span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">yield</span> <span class="p">(</span><span class="mi">0</span><span class="p">)</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.10.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/space-unary-ops.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/space-unary-ops.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/spaced-comment.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/spaced-comment.html
new file mode 100644
index 0000000..8d91681
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/spaced-comment.html
@@ -0,0 +1,164 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="requires-or-disallows-a-whitespace-space-or-tab-beginning-a-comment-spaced-comment">Requires or disallows a whitespace (space or tab) beginning a comment (spaced-comment)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>Some style guides require or disallow a whitespace immediately after the initial <code class="highlighter-rouge">//</code> or <code class="highlighter-rouge">/*</code> of a comment.
+Whitespace after the <code class="highlighter-rouge">//</code> or <code class="highlighter-rouge">/*</code> makes it easier to read text in comments.
+On the other hand, commenting out code is easier without having to put a whitespace right after the <code class="highlighter-rouge">//</code> or <code class="highlighter-rouge">/*</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule will enforce consistency of spacing after the start of a comment <code class="highlighter-rouge">//</code> or <code class="highlighter-rouge">/*</code>. It also provides several
+exceptions for various documentation styles.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes two options.</p>
+
+<ul>
+  <li>
+    <p>The first is a string which be either <code class="highlighter-rouge">"always"</code> or <code class="highlighter-rouge">"never"</code>. The default is <code class="highlighter-rouge">"always"</code>.</p>
+
+    <ul>
+      <li>
+        <p>If <code class="highlighter-rouge">"always"</code> then the <code class="highlighter-rouge">//</code> or <code class="highlighter-rouge">/*</code> must be followed by at least one whitespace.</p>
+      </li>
+      <li>
+        <p>If <code class="highlighter-rouge">"never"</code> then there should be no whitespace following.</p>
+      </li>
+    </ul>
+  </li>
+  <li>
+    <p>This rule can also take a 2nd option, an object with either of the following keys: <code class="highlighter-rouge">"exceptions"</code> and <code class="highlighter-rouge">"markers"</code>.</p>
+
+    <ul>
+      <li>The <code class="highlighter-rouge">"exceptions"</code> value is an array of string patterns which are considered exceptions to the rule.
+  Please note that exceptions are ignored if the first argument is <code class="highlighter-rouge">"never"</code>.</li>
+    </ul>
+
+    <p><code class="highlighter-rouge">json
+  "spaced-comment": ["error", "always", { "exceptions": ["-", "+"] }]
+ </code></p>
+
+    <ul>
+      <li>The <code class="highlighter-rouge">"markers"</code> value is an array of string patterns which are considered markers for docblock-style comments,
+  such as an additional <code class="highlighter-rouge">/</code>, used to denote documentation read by doxygen, vsdoc, etc. which must have additional characters.
+  The <code class="highlighter-rouge">"markers"</code> array will apply regardless of the value of the first argument, e.g. <code class="highlighter-rouge">"always"</code> or <code class="highlighter-rouge">"never"</code>.</li>
+    </ul>
+
+    <p><code class="highlighter-rouge">json
+  "spaced-comment": ["error", "always", { "markers": ["/"] }]
+ </code></p>
+  </li>
+</ul>
+
+<p>The difference between a marker and an exception is that a marker only appears at the beginning of the comment whereas
+exceptions can occur anywhere in the comment string.</p>
+
+<p>You can also define separate exceptions and markers for block and line comments:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"spaced-comment"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"always"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"line"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"markers"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"/"</span><span class="p">],</span><span class="w"><br/>        </span><span class="nt">"exceptions"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"-"</span><span class="p">,</span><span class="w"> </span><span class="s2">"+"</span><span class="p">]</span><span class="w"><br/>    </span><span class="p">},</span><span class="w"><br/>    </span><span class="nt">"block"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"markers"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"!"</span><span class="p">],</span><span class="w"><br/>        </span><span class="nt">"exceptions"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"*"</span><span class="p">]</span><span class="w"><br/>    </span><span class="p">}</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint spaced-comment: ["error", "always"]*/</span><br/><br/><span class="c1">//This is a comment with no whitespace at the beginning</span><br/><br/><span class="cm">/*This is a comment with no whitespace at the beginning */</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always"] */</span><br/><br/><span class="c1">// This is a comment with a whitespace at the beginning</span><br/><br/><span class="cm">/* This is a comment with a whitespace at the beginning */</span><br/><br/><span class="cm">/*<br/> * This is a comment with a whitespace at the beginning<br/> */</span><br/><br/><span class="cm">/*<br/>This comment has a newline<br/>*/</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always"] */</span><br/><br/><span class="cm">/**<br/>* I am jsdoc<br/>*/</span><br/></code></pre>
+</div>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint spaced-comment: ["error", "never"]*/</span><br/><br/><span class="c1">// This is a comment with a whitespace at the beginning</span><br/><br/><span class="cm">/* This is a comment with a whitespace at the beginning */</span><br/><br/><span class="cm">/* \nThis is a comment with a whitespace at the beginning */</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint spaced-comment: ["error", "never"]*/</span><br/><br/><span class="cm">/*This is a comment with no whitespace at the beginning */</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint spaced-comment: ["error", "never"]*/</span><br/><br/><span class="cm">/**<br/>* I am jsdoc<br/>*/</span><br/></code></pre>
+</div>
+
+<h3 id="exceptions">exceptions<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptions" aria-label="Anchor link for: exceptions" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-"] } }] */</span><br/><br/><span class="c1">//--------------</span><br/><span class="c1">// Comment block</span><br/><span class="c1">//--------------</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */</span><br/><br/><span class="c1">//------++++++++</span><br/><span class="c1">// Comment block</span><br/><span class="c1">//------++++++++</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "exceptions": ["-", "+"] }] */</span><br/><br/><span class="cm">/*------++++++++*/</span><br/><span class="cm">/* Comment block */</span><br/><span class="cm">/*------++++++++*/</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-+"] } }] */</span><br/><br/><span class="cm">/*-+-+-+-+-+-+-+*/</span><br/><span class="c1">// Comment block</span><br/><span class="cm">/*-+-+-+-+-+-+-+*/</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "exceptions": ["-"] }] */</span><br/><br/><span class="c1">//--------------</span><br/><span class="c1">// Comment block</span><br/><span class="c1">//--------------</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "line": { "exceptions": ["-"] } }] */</span><br/><br/><span class="c1">//--------------</span><br/><span class="c1">// Comment block</span><br/><span class="c1">//--------------</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "exceptions": ["*"] }] */</span><br/><br/><span class="cm">/****************<br/> * Comment block<br/> ****************/</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "exceptions": ["-+"] }] */</span><br/><br/><span class="c1">//-+-+-+-+-+-+-+</span><br/><span class="c1">// Comment block</span><br/><span class="c1">//-+-+-+-+-+-+-+</span><br/><br/><span class="cm">/*-+-+-+-+-+-+-+*/</span><br/><span class="c1">// Comment block</span><br/><span class="cm">/*-+-+-+-+-+-+-+*/</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "block": { "exceptions": ["-+"] } }] */</span><br/><br/><span class="cm">/*-+-+-+-+-+-+-+*/</span><br/><span class="c1">// Comment block</span><br/><span class="cm">/*-+-+-+-+-+-+-+*/</span><br/></code></pre>
+</div>
+
+<h3 id="markers">markers<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#markers" aria-label="Anchor link for: markers" data-anchorjs-icon=""></a></h3>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */</span><br/><br/><span class="c1">///This is a comment with a marker but without whitespace</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "markers": ["/"] }] */</span><br/><br/><span class="c1">/// This is a comment with a marker</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint spaced-comment: ["error", "never", { "markers": ["!&lt;"] }]*/</span><br/><br/><span class="c1">//!&lt;This is a line comment with a marker</span><br/><br/><span class="cm">/*!&lt;this is a block comment with a marker<br/>subsequent lines are ignored<br/>*/</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/* eslint spaced-comment: ["error", "always", { "markers": ["global"] }] */</span><br/><br/><span class="cm">/*global ABC*/</span><br/></code></pre>
+</div>
+
+<h2 id="related-rules">Related Rules<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#related-rules" aria-label="Anchor link for: related rules" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="spaced-line-comment">spaced-line-comment</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.23.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/spaced-comment.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/spaced-comment.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/strict.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/strict.html
new file mode 100644
index 0000000..8049779
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/strict.html
@@ -0,0 +1,120 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="strict-mode-directives-strict">Strict Mode Directives (strict)</h1>
+
+<p>A strict mode directive at the beginning of a script or function body enables strict mode semantics.</p>
+
+<p>When used globally, the entire script, including all contained functions, are strict mode code:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"use strict"</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>It is also possible to specify function-level strict mode, such that strict mode applies only to the function in which the directive occurs:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">};</span><br/></code></pre>
+</div>
+
+<p>Unlike scripts, ECMAScript modules are always in strict mode. Strict mode directives in ECMAScript modules have no effect.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule is aimed at using strict mode directives effectively, and as such, will flag any unexpected uses or omissions of strict mode directives.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>There are four options for this rule:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"safe"</code> - require <code class="highlighter-rouge">"use strict"</code> globally when inside a module wrapper and in function scopes everywhere else. This is the default.</li>
+  <li><code class="highlighter-rouge">"never"</code> - disallow <code class="highlighter-rouge">"use strict"</code>.</li>
+  <li><code class="highlighter-rouge">"global"</code> - require <code class="highlighter-rouge">"use strict"</code> in the global scope.</li>
+  <li><code class="highlighter-rouge">"function"</code> - require <code class="highlighter-rouge">"use strict"</code> in function scopes only.</li>
+</ul>
+
+<p>All strict mode directives are flagged as unnecessary if ECMAScript modules or implied strict mode are enabled (see <a href="../user-guide/configuring#specifying-parser-options">Specifying Parser Options</a>). This behaviour does not depend on the rule options, but can be silenced by disabling this rule.</p>
+
+<h3 id="safe">safe<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#safe" aria-label="Anchor link for: safe" data-anchorjs-icon=""></a></h3>
+
+<p>Node.js and the CommonJS module system wrap modules inside a hidden function wrapper that defines each module’s scope. The wrapper makes it safe to concatenate strict mode modules while maintaining their original strict mode directives. When the <code class="highlighter-rouge">node</code> or <code class="highlighter-rouge">commonjs</code> environments are enabled or <code class="highlighter-rouge">globalReturn</code> is enabled in <code class="highlighter-rouge">ecmaFeatures</code>, ESLint considers code to be inside the module wrapper, and <code class="highlighter-rouge">"safe"</code> mode corresponds to <code class="highlighter-rouge">"global"</code> mode and enforces global strict mode directives. Everywhere else, <code class="highlighter-rouge">"safe"</code> mode corresponds to <code class="highlighter-rouge">"function"</code> mode and enforces strict mode directives inside top-level functions.</p>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p>This mode forbids any occurrence of a strict mode directive.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint strict: ["error", "never"]*/</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">};</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/><span class="nx">bar</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint strict: ["error", "never"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="kd">var</span> <span class="nx">bar</span> <span class="o">=</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">};</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/><span class="nx">bar</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="global">global<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#global" aria-label="Anchor link for: global" data-anchorjs-icon=""></a></h3>
+
+<p>This mode ensures that all code is in strict mode and that there are no extraneous strict mode directives at the top level or in nested functions, which are themselves already strict by virtue of being contained in strict global code. It requires that global code contains exactly one strict mode directive. Strict mode directives inside functions are considered unnecessary. Multiple strict mode directives at any level also trigger warnings.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"global"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint strict: ["error", "global"]*/</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/><br/>    <span class="k">return</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="s2">"use strict"</span><span class="p">;</span><br/>        <span class="s2">"use strict"</span><span class="p">;</span><br/><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"global"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint strict: ["error", "global"]*/</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="function">function<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#function" aria-label="Anchor link for: function" data-anchorjs-icon=""></a></h3>
+
+<p>This mode ensures that all function bodies are strict mode code, while global code is not. Particularly if a build step concatenates multiple scripts, a strict mode directive in global code of one script could unintentionally enable strict mode in another script that was not intended to be strict code. It forbids any occurrence of a strict mode directive in global code. It requires exactly one strict mode directive in each function declaration or expression whose parent is global code. Strict mode directives inside nested functions are considered unnecessary. Multiple strict mode directives at any level also trigger warnings.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"function"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint strict: ["error", "function"]*/</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// Missing strict mode directive</span><br/><br/>    <span class="k">return</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="s2">"use strict"</span><span class="p">;</span>   <span class="c1">// Unnecessary; parent should contain a strict mode directive</span><br/>        <span class="s2">"use strict"</span><span class="p">;</span><br/><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"function"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint strict: ["error", "function"]*/</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/><br/>    <span class="k">return</span> <span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>        <span class="k">return</span><span class="p">;</span><br/>    <span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/><br/>    <span class="k">return</span><span class="p">;</span><br/><span class="p">}());</span><br/><br/><span class="nx">foo</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<h3 id="earlier-default-removed">earlier default (removed)<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#earlier-default-removed" aria-label="Anchor link for: earlier default removed" data-anchorjs-icon=""></a></h3>
+
+<p><strong>Replacement notice</strong>: This mode, previously enabled by turning on the rule without specifying a mode, has been removed in ESLint v1.0. <code class="highlighter-rouge">"function"</code> mode is most similar to the deprecated behavior.</p>
+
+<p>This mode ensures that all functions are executed in strict mode. A strict mode directive must be present in global code or in every top-level function declaration or expression. It does not concern itself with unnecessary strict mode directives in nested functions that are already strict, nor with multiple strict mode directives at the same level.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for an earlier default option which has been removed:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// "strict": "error"</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for an earlier default option which has been removed:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// "strict": "error"</span><br/><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// "strict": "error"</span><br/><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/><br/>    <span class="k">return</span> <span class="kc">true</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// "strict": "error"</span><br/><br/><span class="p">(</span><span class="kd">function</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="s2">"use strict"</span><span class="p">;</span><br/><br/>    <span class="c1">// other code</span><br/><span class="p">}());</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>In a codebase that has both strict and non-strict code, either turn this rule off, or <a href="http://eslint.org/docs/user-guide/configuring">selectively disable it</a> where necessary. For example, functions referencing <code class="highlighter-rouge">arguments.callee</code> are invalid in strict mode. A <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode/Transitioning_to_strict_mode#Differences_from_non-strict_to_strict">full list of strict mode differences</a> is available on MDN.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/strict.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/strict.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/template-curly-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/template-curly-spacing.html
new file mode 100644
index 0000000..395da2d
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/template-curly-spacing.html
@@ -0,0 +1,65 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-usage-of-spacing-in-template-strings-template-curly-spacing">Enforce Usage of Spacing in Template Strings (template-curly-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<p>We can embed expressions in template strings with using a pair of <code class="highlighter-rouge">${</code> and <code class="highlighter-rouge">}</code>.
+This rule can force usage of spacing inside of the curly brace pair according to style guides.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">let</span> <span class="nx">hello</span> <span class="o">=</span> <span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><span class="nx">people</span><span class="p">.</span><span class="nx">name</span><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to maintain consistency around the spacing inside of template literals.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"template-curly-spacing"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"never"</span><span class="p">]</span><span class="w"><br/></span><span class="p">}</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>This rule has one option which has either <code class="highlighter-rouge">"never"</code> or <code class="highlighter-rouge">"always"</code> as value.</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"never"</code> (by default) - Disallows spaces inside of the curly brace pair.</li>
+  <li><code class="highlighter-rouge">"always"</code> - Requires one or more spaces inside of the curly brace pair.</li>
+</ul>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge">"never"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint template-curly-spacing: "error"*/</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span> <span class="nx">people</span><span class="p">.</span><span class="nx">name</span><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><span class="nx">people</span><span class="p">.</span><span class="nx">name</span> <span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span> <span class="nx">people</span><span class="p">.</span><span class="nx">name</span> <span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are considered problems when configured <code class="highlighter-rouge">"always"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint template-curly-spacing: ["error", "always"]*/</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span> <span class="nx">people</span><span class="p">.</span><span class="nx">name</span><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><span class="nx">people</span><span class="p">.</span><span class="nx">name</span> <span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><span class="nx">people</span><span class="p">.</span><span class="nx">name</span><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge">"never"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint template-curly-spacing: "error"*/</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><span class="nx">people</span><span class="p">.</span><span class="nx">name</span><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><br/>    <span class="nx">people</span><span class="p">.</span><span class="nx">name</span><br/><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems when configured <code class="highlighter-rouge">"always"</code>:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint template-curly-spacing: ["error", "always"]*/</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span> <span class="nx">people</span><span class="p">.</span><span class="nx">name</span> <span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/><br/><span class="err">`</span><span class="nx">hello</span><span class="p">,</span> <span class="nx">$</span><span class="p">{</span><br/>    <span class="nx">people</span><span class="p">.</span><span class="nx">name</span><br/><span class="p">}</span><span class="o">!</span><span class="err">`</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you don’t want to be notified about usage of spacing inside of template strings, then it’s safe to disable this rule.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-rc.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/template-curly-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/template-curly-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/use-isnan.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/use-isnan.html
new file mode 100644
index 0000000..1a3a8fa
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/use-isnan.html
@@ -0,0 +1,48 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-calls-to-isnan-when-checking-for-nan-use-isnan">require calls to <code class="highlighter-rouge">isNaN()</code> when checking for <code class="highlighter-rouge">NaN</code> (use-isnan)</h1>
+
+<p>In JavaScript, <code class="highlighter-rouge">NaN</code> is a special value of the <code class="highlighter-rouge">Number</code> type. It’s used to represent any of the “not-a-number” values represented by the double-precision 64-bit format as specified by the IEEE Standard for Binary Floating-Point Arithmetic.</p>
+
+<p>Because <code class="highlighter-rouge">NaN</code> is unique in JavaScript by not being equal to anything, including itself, the results of comparisons to <code class="highlighter-rouge">NaN</code> are confusing:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">NaN === NaN</code> or <code class="highlighter-rouge">NaN == NaN</code> evaluate to false</li>
+  <li><code class="highlighter-rouge">NaN !== NaN</code> or <code class="highlighter-rouge">NaN != NaN</code> evaluate to true</li>
+</ul>
+
+<p>Therefore, use <code class="highlighter-rouge">Number.isNaN()</code> or global <code class="highlighter-rouge">isNaN()</code> functions to test whether a value is <code class="highlighter-rouge">NaN</code>.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule disallows comparisons to ‘NaN’.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint use-isnan: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">==</span> <span class="kc">NaN</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">foo</span> <span class="o">!=</span> <span class="kc">NaN</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint use-isnan: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nb">isNaN</span><span class="p">(</span><span class="nx">foo</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">!</span><span class="nb">isNaN</span><span class="p">(</span><span class="nx">foo</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://jslinterrors.com/use-the-isnan-function-to-compare-with-nan/">Use the isNaN function to compare with NaN</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.6.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/use-isnan.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/use-isnan.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/valid-jsdoc.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/valid-jsdoc.html
new file mode 100644
index 0000000..263f1e2
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/valid-jsdoc.html
@@ -0,0 +1,121 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="validates-jsdoc-comments-are-syntactically-correct-valid-jsdoc">Validates JSDoc comments are syntactically correct (valid-jsdoc)</h1>
+
+<p><a href="http://usejsdoc.org">JSDoc</a> is a JavaScript API documentation generator. It uses specially-formatted comments inside of code to generate API documentation automatically. For example, this is what a JSDoc comment looks like for a function:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {int} num1 The first number.<br/> * @param {int} num2 The second number.<br/> * @returns {int} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">sum</span><span class="p">(</span><span class="nx">num1</span><span class="p">,</span> <span class="nx">num2</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">num1</span> <span class="o">+</span> <span class="nx">num2</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The JSDoc comments have a syntax all their own, and it is easy to mistakenly mistype a comment because comments aren’t often checked for correctness in editors. Further, it’s very easy for the function definition to get out of sync with the comments, making the comments a source of confusion and error.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to prevent invalid and incomplete JSDoc comments. It will warn when any of the following is true:</p>
+
+<ul>
+  <li>There is a JSDoc syntax error</li>
+  <li>A <code class="highlighter-rouge">@param</code> or <code class="highlighter-rouge">@returns</code> is used without a type specified</li>
+  <li>A <code class="highlighter-rouge">@param</code> or <code class="highlighter-rouge">@returns</code> is used without a description</li>
+  <li>A comment for a function is missing <code class="highlighter-rouge">@returns</code></li>
+  <li>A parameter has no associated <code class="highlighter-rouge">@param</code> in the JSDoc comment</li>
+  <li><code class="highlighter-rouge">@param</code>s are out of order with named arguments</li>
+</ul>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint valid-jsdoc: "error"*/</span><br/><br/><span class="c1">// missing type for @param and missing @returns</span><br/><span class="cm">/**                                 // 2 errors<br/> * A description<br/> * @param num1 The first number.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">num1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="c1">// missing description for @param</span><br/><span class="cm">/**                                 //error Missing JSDoc parameter description for 'num1'.<br/> * A description<br/> * @param {int} num1<br/> * @returns {void}<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">num1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="c1">// no description for @returns</span><br/><span class="cm">/**                                 //error Missing JSDoc return description.<br/> * A description<br/> * @returns {int}<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="c1">// no type for @returns</span><br/><span class="cm">/**                                 //error JSDoc syntax error.<br/> * A description<br/> * @returns Something awesome<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="c1">// missing @param</span><br/><span class="cm">/**                                 //error Missing JSDoc for parameter 'a'.<br/> * A description<br/> * @returns {void}<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="c1">// incorrect @param</span><br/><span class="cm">/**                                 //error Expected JSDoc for 'a' but found 'b'.<br/> * A description<br/> * @param {string} b Desc<br/> * @returns {void}<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint valid-jsdoc: "error"*/</span><br/><br/><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {int} num1 The first number.<br/> * @param {int} num2 The second number.<br/> * @returns {int} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">num1</span><span class="p">,</span> <span class="nx">num2</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">num1</span> <span class="o">+</span> <span class="nx">num2</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="cm">/**<br/> * Represents a sum.<br/> * @param {int} num1 The first number.<br/> * @param {int} num2 The second number.<br/> * @constructor<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">num1</span><span class="p">,</span> <span class="nx">num2</span><span class="p">)</span> <span class="p">{</span> <span class="p">}</span><br/><br/><span class="c1">// use of @override make @param and @returns optional</span><br/><span class="cm">/**<br/> * A description<br/> * @override<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">a</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="nx">a</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// @returns is not required for a constructor</span><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="cm">/**<br/>    *<br/>    * @param {int} num1 The first number.<br/>    */</span><br/>    <span class="nx">constructor</span><span class="p">(</span><span class="nx">num1</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="k">this</span><span class="p">.</span><span class="nx">num1</span> <span class="o">=</span> <span class="nx">num1</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="c1">// @returns allowed without return if used with @abstract</span><br/><span class="kr">class</span> <span class="nx">Foo</span> <span class="p">{</span><br/>    <span class="cm">/**<br/>     * @abstract<br/>     * @return {Number} num<br/>     */</span><br/>    <span class="nx">abstractMethod</span> <span class="p">()</span> <span class="p">{</span><br/>        <span class="k">throw</span> <span class="k">new</span> <span class="nb">Error</span><span class="p">(</span><span class="s1">'Not implemented'</span><span class="p">);</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/></code></pre>
+</div>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<h3 id="prefer">prefer<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#prefer" aria-label="Anchor link for: prefer" data-anchorjs-icon=""></a></h3>
+
+<p>JSDoc offers a lot of tags with overlapping meaning. For example, both <code class="highlighter-rouge">@return</code> and <code class="highlighter-rouge">@returns</code> are acceptable for specifying the return value of a function. However, you may want to enforce a certain tag be used instead of others. You can specify your preferences regarding tag substitution by providing a mapping called <code class="highlighter-rouge">prefer</code> in the rule configuration. For example, to specify that <code class="highlighter-rouge">@returns</code> should be used instead of <code class="highlighter-rouge">@return</code>, you can use the following configuration:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"valid-jsdoc"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"prefer"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"return"</span><span class="p">:</span><span class="w"> </span><span class="s2">"returns"</span><span class="w"><br/>    </span><span class="p">}</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>With this configuration, ESLint will warn when it finds <code class="highlighter-rouge">@return</code> and recommend to replace it with <code class="highlighter-rouge">@returns</code>.</p>
+
+<h3 id="requirereturn">requireReturn<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#requirereturn" aria-label="Anchor link for: requirereturn" data-anchorjs-icon=""></a></h3>
+
+<p>By default ESLint requires you to document every function with a <code class="highlighter-rouge">@return</code> tag regardless of whether there is anything returned by the function. If instead you want to enforce that only functions with a <code class="highlighter-rouge">return</code> statement are documented with a <code class="highlighter-rouge">@return</code> tag, set the <code class="highlighter-rouge">requireReturn</code> option to <code class="highlighter-rouge">false</code>.  When <code class="highlighter-rouge">requireReturn</code> is <code class="highlighter-rouge">false</code>, every function documented with a <code class="highlighter-rouge">@return</code> tag must have a <code class="highlighter-rouge">return</code> statement, and every function with a <code class="highlighter-rouge">return</code> statement must have a <code class="highlighter-rouge">@return</code> tag.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"valid-jsdoc"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"requireReturn"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="requireparamdescription">requireParamDescription<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#requireparamdescription" aria-label="Anchor link for: requireparamdescription" data-anchorjs-icon=""></a></h3>
+
+<p>By default ESLint requires you to specify a description for each <code class="highlighter-rouge">@param</code>. You can choose not to require descriptions for parameters by setting <code class="highlighter-rouge">requireParamDescription</code> to <code class="highlighter-rouge">false</code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"valid-jsdoc"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"requireParamDescription"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="requirereturndescription">requireReturnDescription<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#requirereturndescription" aria-label="Anchor link for: requirereturndescription" data-anchorjs-icon=""></a></h3>
+
+<p>By default ESLint requires you to specify a description for each <code class="highlighter-rouge">@return</code>. You can choose not to require descriptions for <code class="highlighter-rouge">@return</code> by setting <code class="highlighter-rouge">requireReturnDescription</code> to <code class="highlighter-rouge">false</code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"valid-jsdoc"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"requireReturnDescription"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="matchdescription">matchDescription<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#matchdescription" aria-label="Anchor link for: matchdescription" data-anchorjs-icon=""></a></h3>
+
+<p>Specify a regular expression to validate jsdoc comment block description against.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"valid-jsdoc"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"matchDescription"</span><span class="p">:</span><span class="w"> </span><span class="s2">"^[A-Z][A-Za-z0-9\\s]*[.]$"</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="requirereturntype">requireReturnType<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#requirereturntype" aria-label="Anchor link for: requirereturntype" data-anchorjs-icon=""></a></h3>
+
+<p>By default ESLint requires you to specify <code class="highlighter-rouge">type</code> for <code class="highlighter-rouge">@return</code> tag for every documented function.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"valid-jsdoc"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"requireReturnType"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<h3 id="prefertype">preferType<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#prefertype" aria-label="Anchor link for: prefertype" data-anchorjs-icon=""></a></h3>
+
+<p>It will validate all the types from jsdoc with the options setup by the user. Inside the options, key should be what the type you want to check and the value of it should be what the expected type should be. Note that we don’t check for spelling mistakes with this option.
+In the example below, it will expect the “object” to start with an uppercase and all the “string” type to start with a lowercase.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"valid-jsdoc"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>    </span><span class="nt">"preferType"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="w"><br/>        </span><span class="nt">"String"</span><span class="p">:</span><span class="w"> </span><span class="s2">"string"</span><span class="p">,</span><span class="w"><br/>        </span><span class="nt">"object"</span><span class="p">:</span><span class="w"> </span><span class="s2">"Object"</span><span class="p">,</span><span class="w"><br/>        </span><span class="nt">"test"</span><span class="p">:</span><span class="w"> </span><span class="s2">"TesT"</span><span class="w"><br/>    </span><span class="p">}</span><span class="w"><br/></span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for a sample of <code class="highlighter-rouge">"preferType"</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint valid-jsdoc: ["error", { "preferType": { "String": "string", "object": "Object", "test": "TesT" } }]*/</span><br/><br/><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {String} param1 The first parameter.<br/> * @returns {object} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">param1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="nx">param1</span><span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {Array&lt;String&gt;} param1 The first parameter.<br/> * @param  param2 The second parameter.<br/> * @returns {object} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span> <span class="nx">param2</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="nx">param1</span><span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {String|int} param1 The first parameter.<br/> * @returns {object} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">param1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="nx">param1</span><span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for a sample of <code class="highlighter-rouge">"preferType"</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint valid-jsdoc: ["error", { "preferType": { "String": "string", "object": "Object", "test": "TesT" } }]*/</span><br/><br/><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {string} param1 The first parameter.<br/> * @returns {Object} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">param1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="nx">param1</span><span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {Array&lt;string&gt;} param1 The first parameter.<br/> * @param  param2 The second parameter.<br/> * @returns {Object} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">param1</span><span class="p">,</span> <span class="nx">param2</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="nx">param1</span><span class="p">};</span><br/><span class="p">}</span><br/><br/><span class="cm">/**<br/> * Adds two numbers together.<br/> * @param {string|int} param1 The first parameter.<br/> * @returns {Object} The sum of the two numbers.<br/> */</span><br/><span class="kd">function</span> <span class="nx">foo</span><span class="p">(</span><span class="nx">param1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">{</span><span class="na">a</span><span class="p">:</span> <span class="nx">param1</span><span class="p">};</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If you aren’t using JSDoc, then you can safely turn this rule off.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://usejsdoc.org">JSDoc</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.4.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/valid-jsdoc.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/valid-jsdoc.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/valid-typeof.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/valid-typeof.html
new file mode 100644
index 0000000..f1c1643
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/valid-typeof.html
@@ -0,0 +1,37 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-comparing-typeof-expressions-against-valid-strings-valid-typeof">enforce comparing <code class="highlighter-rouge">typeof</code> expressions against valid strings (valid-typeof)</h1>
+
+<p>For a vast majority of use cases, the result of the <code class="highlighter-rouge">typeof</code> operator is one of the following string literals: <code class="highlighter-rouge">"undefined"</code>, <code class="highlighter-rouge">"object"</code>, <code class="highlighter-rouge">"boolean"</code>, <code class="highlighter-rouge">"number"</code>, <code class="highlighter-rouge">"string"</code>, <code class="highlighter-rouge">"function"</code> and <code class="highlighter-rouge">"symbol"</code>. It is usually a typing mistake to compare the result of a <code class="highlighter-rouge">typeof</code> operator to other string literals.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces comparing <code class="highlighter-rouge">typeof</code> expressions to valid string literals.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint valid-typeof: "error"*/</span><br/><br/><span class="k">typeof</span> <span class="nx">foo</span> <span class="o">===</span> <span class="s2">"strnig"</span><br/><span class="k">typeof</span> <span class="nx">foo</span> <span class="o">==</span> <span class="s2">"undefimed"</span><br/><span class="k">typeof</span> <span class="nx">bar</span> <span class="o">!=</span> <span class="s2">"nunber"</span><br/><span class="k">typeof</span> <span class="nx">bar</span> <span class="o">!==</span> <span class="s2">"fucntion"</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint valid-typeof: "error"*/</span><br/><br/><span class="k">typeof</span> <span class="nx">foo</span> <span class="o">===</span> <span class="s2">"string"</span><br/><span class="k">typeof</span> <span class="nx">bar</span> <span class="o">==</span> <span class="s2">"undefined"</span><br/><span class="k">typeof</span> <span class="nx">foo</span> <span class="o">===</span> <span class="nx">baz</span><br/><span class="k">typeof</span> <span class="nx">bar</span> <span class="o">===</span> <span class="k">typeof</span> <span class="nx">qux</span><br/></code></pre>
+</div>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>You may want to turn this rule off if you will be using the <code class="highlighter-rouge">typeof</code> operator on host objects.</p>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.5.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/valid-typeof.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/valid-typeof.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/vars-on-top.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/vars-on-top.html
new file mode 100644
index 0000000..bfd932b
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/vars-on-top.html
@@ -0,0 +1,54 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-variable-declarations-to-be-at-the-top-of-their-scope-vars-on-top">Require Variable Declarations to be at the top of their scope (vars-on-top)</h1>
+
+<p>The <code class="highlighter-rouge">vars-on-top</code> rule generates warnings when variable declarations are not used serially at the top of a function scope or the top of a program.
+By default variable declarations are always moved (“hoisted”) invisibly to the top of their containing scope by the JavaScript interpreter.
+This rule forces the programmer to represent that behaviour by manually moving the variable declaration to the top of its containing scope.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to keep all variable declarations in the leading series of statements.
+Allowing multiple declarations helps promote maintainability and is thus allowed.</p>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint vars-on-top: "error"*/</span><br/><br/><span class="c1">// Variable declarations in a block:</span><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">first</span><span class="p">;</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">first</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/>    <span class="kd">var</span> <span class="nx">second</span><span class="p">;</span><br/><span class="p">}</span><br/><br/><span class="c1">// Variable declaration in for initializer:</span><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">for</span> <span class="p">(</span><span class="kd">var</span> <span class="nx">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint vars-on-top: "error"*/</span><br/><br/><span class="c1">// Variables after other statements:</span><br/><span class="nx">f</span><span class="p">();</span><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">;</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for this rule:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint vars-on-top: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">first</span><span class="p">;</span><br/>    <span class="kd">var</span> <span class="nx">second</span><span class="p">;</span> <span class="c1">//multiple declarations are allowed at the top</span><br/>    <span class="k">if</span> <span class="p">(</span><span class="kc">true</span><span class="p">)</span> <span class="p">{</span><br/>        <span class="nx">first</span> <span class="o">=</span> <span class="kc">true</span><span class="p">;</span><br/>    <span class="p">}</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="kd">var</span> <span class="nx">i</span><span class="p">;</span><br/>    <span class="k">for</span> <span class="p">(</span><span class="nx">i</span><span class="o">=</span><span class="mi">0</span><span class="p">;</span> <span class="nx">i</span><span class="o">&lt;</span><span class="mi">10</span><span class="p">;</span> <span class="nx">i</span><span class="o">++</span><span class="p">)</span> <span class="p">{}</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint vars-on-top: "error"*/</span><br/><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">f</span><span class="p">();</span><br/></code></pre>
+</div>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint vars-on-top: "error"*/</span><br/><br/><span class="c1">// Directives may precede variable declarations.</span><br/><span class="s2">"use strict"</span><span class="p">;</span><br/><span class="kd">var</span> <span class="nx">a</span><span class="p">;</span><br/><span class="nx">f</span><span class="p">();</span><br/><br/><span class="c1">// Comments can describe variables.</span><br/><span class="kd">function</span> <span class="nx">doSomething</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="c1">// this is the first var.</span><br/>    <span class="kd">var</span> <span class="nx">first</span><span class="p">;</span><br/>    <span class="c1">// this is the second var.</span><br/>    <span class="kd">var</span> <span class="nx">second</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html">JavaScript Scoping and Hoisting</a></li>
+  <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/var#var_hoisting">var Hoisting</a></li>
+  <li><a href="http://danielhough.co.uk/blog/single-var-pattern-rant/">A criticism of the Single Var Pattern in JavaScript, and a simple alternative</a></li>
+  <li><a href="http://benalman.com/news/2012/05/multiple-var-statements-javascript/">Multiple var statements in JavaScript, not superfluous</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.8.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/vars-on-top.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/vars-on-top.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/wrap-iife.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/wrap-iife.html
new file mode 100644
index 0000000..506635a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/wrap-iife.html
@@ -0,0 +1,72 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-iifes-to-be-wrapped-wrap-iife">Require IIFEs to be Wrapped (wrap-iife)</h1>
+
+<p>You can immediately invoke function expressions, but not function declarations. A common technique to create an immediately-invoked function expression (IIFE) is to wrap a function declaration in parentheses. The opening parentheses causes the contained function to be parsed as an expression, rather than a declaration.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="c1">// function expression could be unwrapped</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};}();</span><br/><br/><span class="c1">// function declaration must be wrapped</span><br/><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="cm">/* side effects */</span> <span class="p">}();</span> <span class="c1">// SyntaxError</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule requires all immediately-invoked function expressions to be wrapped in parentheses.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>The rule takes one option which can enforce a consistent wrapping style:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"outside"</code> enforces always wrapping the <em>call</em> expression. The default is <code class="highlighter-rouge">"outside"</code>.</li>
+  <li><code class="highlighter-rouge">"inside"</code> enforces always wrapping the <em>function</em> expression.</li>
+  <li><code class="highlighter-rouge">"any"</code> enforces always wrapping, but allows either style.</li>
+</ul>
+
+<h3 id="outside">outside<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#outside" aria-label="Anchor link for: outside" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge">"outside"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-iife: ["error", "outside"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};}();</span> <span class="c1">// unwrapped</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};})();</span> <span class="c1">// wrapped function expression</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"outside"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-iife: ["error", "outside"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};}());</span> <span class="c1">// wrapped call expression</span><br/></code></pre>
+</div>
+
+<h3 id="inside">inside<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#inside" aria-label="Anchor link for: inside" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"inside"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-iife: ["error", "inside"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};}();</span> <span class="c1">// unwrapped</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};}());</span> <span class="c1">// wrapped call expression</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"inside"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-iife: ["error", "inside"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};})();</span> <span class="c1">// wrapped function expression</span><br/></code></pre>
+</div>
+
+<h3 id="any">any<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#any" aria-label="Anchor link for: any" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"any"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-iife: ["error", "any"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};}();</span> <span class="c1">// unwrapped</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"any"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-iife: ["error", "any"]*/</span><br/><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};}());</span> <span class="c1">// wrapped call expression</span><br/><span class="kd">var</span> <span class="nx">x</span> <span class="o">=</span> <span class="p">(</span><span class="kd">function</span> <span class="p">()</span> <span class="p">{</span> <span class="k">return</span> <span class="p">{</span> <span class="na">y</span><span class="p">:</span> <span class="mi">1</span> <span class="p">};})();</span> <span class="c1">// wrapped function expression</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.0.9.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/wrap-iife.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/wrap-iife.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/wrap-regex.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/wrap-regex.html
new file mode 100644
index 0000000..e2d71c2
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/wrap-regex.html
@@ -0,0 +1,36 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-regex-literals-to-be-wrapped-wrap-regex">Require Regex Literals to be Wrapped (wrap-regex)</h1>
+
+<p>When a regular expression is used in certain situations, it can end up looking like a division operator. For example:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="kd">function</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="sr">/foo/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="s2">"bar"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This is used to disambiguate the slash operator and facilitates more readable code.</p>
+
+<p>The following patterns are considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-regex: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="sr">/foo/</span><span class="p">.</span><span class="nx">test</span><span class="p">(</span><span class="s2">"bar"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>The following patterns are not considered problems:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint wrap-regex: "error"*/</span><br/><br/><span class="kd">function</span> <span class="nx">a</span><span class="p">()</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">(</span><span class="sr">/foo/</span><span class="p">).</span><span class="nx">test</span><span class="p">(</span><span class="s2">"bar"</span><span class="p">);</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.1.0.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/wrap-regex.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/wrap-regex.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/yield-star-spacing.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/yield-star-spacing.html
new file mode 100644
index 0000000..c1e01c1
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/yield-star-spacing.html
@@ -0,0 +1,86 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="enforce-spacing-around-the--in-yield-expressions-yield-star-spacing">Enforce spacing around the <code class="highlighter-rouge">*</code> in <code class="highlighter-rouge">yield*</code> expressions (yield-star-spacing)</h1>
+
+<p class="fixable icon">The <code class="highlighter-rouge">--fix</code> option on the <a href="../user-guide/command-line-interface#fix">command line</a> automatically fixes problems reported by this rule.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule enforces spacing around the <code class="highlighter-rouge">*</code> in <code class="highlighter-rouge">yield*</code> expressions.</p>
+
+<p>The rule takes one option, an object, which has two keys <code class="highlighter-rouge">before</code> and <code class="highlighter-rouge">after</code> having boolean values <code class="highlighter-rouge">true</code> or <code class="highlighter-rouge">false</code>.</p>
+
+<ul>
+  <li>
+    <p><code class="highlighter-rouge">before</code> enforces spacing between the <code class="highlighter-rouge">yield</code> and the <code class="highlighter-rouge">*</code>.
+If <code class="highlighter-rouge">true</code>, a space is required, otherwise spaces are disallowed.</p>
+  </li>
+  <li>
+    <p><code class="highlighter-rouge">after</code> enforces spacing between the <code class="highlighter-rouge">*</code> and the argument.
+If it is <code class="highlighter-rouge">true</code>, a space is required, otherwise spaces are disallowed.</p>
+  </li>
+</ul>
+
+<p>The default is <code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code>.</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"yield-star-spacing"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>The option also has a string shorthand:</p>
+
+<ul>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code> → <code class="highlighter-rouge">"after"</code></li>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code> → <code class="highlighter-rouge">"before"</code></li>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="p">}</span></code> → <code class="highlighter-rouge">"both"</code></li>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"before"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">,</span><span class="w"> </span><span class="nt">"after"</span><span class="p">:</span><span class="w"> </span><span class="kc">false</span><span class="p">}</span></code> → <code class="highlighter-rouge">"neither"</code></li>
+</ul>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="s2">"yield-star-spacing"</span><span class="err">:</span><span class="w"> </span><span class="p">[</span><span class="s2">"error"</span><span class="p">,</span><span class="w"> </span><span class="s2">"after"</span><span class="p">]</span><span class="w"><br/></span></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge">"after"</code> this spacing will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yield-star-spacing: ["error", "after"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">yield</span><span class="o">*</span> <span class="nx">other</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge">"before"</code> this spacing will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yield-star-spacing: ["error", "before"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span><span class="nx">generator</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">yield</span> <span class="o">*</span><span class="nx">other</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge">"both"</code> this spacing will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yield-star-spacing: ["error", "both"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span> <span class="o">*</span> <span class="nx">generator</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">yield</span> <span class="o">*</span> <span class="nx">other</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>When using <code class="highlighter-rouge">"neither"</code> this spacing will be enforced:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yield-star-spacing: ["error", "neither"]*/</span><br/><span class="cm">/*eslint-env es6*/</span><br/><br/><span class="kd">function</span><span class="o">*</span><span class="nx">generator</span><span class="p">()</span> <span class="p">{</span><br/>  <span class="k">yield</span><span class="o">*</span><span class="nx">other</span><span class="p">();</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>To use this rule you either need to <a href="../user-guide/configuring">use the <code class="highlighter-rouge">es6</code> environment</a> or
+<a href="../user-guide/configuring">set <code class="highlighter-rouge">ecmaVersion</code> to <code class="highlighter-rouge">6</code> in <code class="highlighter-rouge">parserOptions</code></a>.</p>
+
+<h2 id="when-not-to-use-it">When Not To Use It<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#when-not-to-use-it" aria-label="Anchor link for: when not to use it" data-anchorjs-icon=""></a></h2>
+
+<p>If your project will not be using generators or you are not concerned with spacing consistency, you do not need this rule.</p>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://leanpub.com/understandinges6/read/#leanpub-auto-generators">Understanding ES6: Generators</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 2.0.0-alpha-1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/yield-star-spacing.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/yield-star-spacing.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/eslint/yoda.html b/sonar-web-frontend-js/src/main/resources/rules/eslint/yoda.html
new file mode 100644
index 0000000..80a5ff1
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/eslint/yoda.html
@@ -0,0 +1,100 @@
+
+    <!-- Note: No pull requests accepted for this file. See README.md in the root directory for details. -->
+
+<h1 id="require-or-disallow-yoda-conditions-yoda">Require or disallow Yoda Conditions (yoda)</h1>
+
+<p>Yoda conditions are so named because the literal value of the condition comes first while the variable comes second. For example, the following is a Yoda condition:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="s2">"red"</span> <span class="o">===</span> <span class="nx">color</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This is called a Yoda condition because it reads as, “red is the color”, similar to the way the Star Wars character Yoda speaks. Compare to the other way of arranging the operands:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="k">if</span> <span class="p">(</span><span class="nx">color</span> <span class="o">===</span> <span class="s2">"red"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p>This typically reads, “color is red”, which is arguably a more natural way to describe the comparison.</p>
+
+<p>Proponents of Yoda conditions highlight that it is impossible to mistakenly use <code class="highlighter-rouge">=</code> instead of <code class="highlighter-rouge">==</code> because you cannot assign to a literal value. Doing so will cause a syntax error and you will be informed of the mistake early on. This practice was therefore very common in early programming where tools were not yet available.</p>
+
+<p>Opponents of Yoda conditions point out that tooling has made us better programmers because tools will catch the mistaken use of <code class="highlighter-rouge">=</code> instead of <code class="highlighter-rouge">==</code> (ESLint will catch this for you). Therefore, they argue, the utility of the pattern doesn’t outweigh the readability hit the code takes while using Yoda conditions.</p>
+
+<h2 id="rule-details">Rule Details<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#rule-details" aria-label="Anchor link for: rule details" data-anchorjs-icon=""></a></h2>
+
+<p>This rule aims to enforce consistent style of conditions which compare a variable to a literal value.</p>
+
+<h2 id="options">Options<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#options" aria-label="Anchor link for: options" data-anchorjs-icon=""></a></h2>
+
+<p>This rule can take a string option:</p>
+
+<ul>
+  <li>If it is the default <code class="highlighter-rouge">"never"</code>, then comparisons must never be Yoda conditions.</li>
+  <li>If it is <code class="highlighter-rouge">"always"</code>, then the literal value must always come first.</li>
+</ul>
+
+<p>The default <code class="highlighter-rouge">"never"</code> option can have exception options in an object literal:</p>
+
+<ul>
+  <li>If the <code class="highlighter-rouge">"exceptRange"</code> property is <code class="highlighter-rouge">true</code>, the rule <em>allows</em> yoda conditions in range comparisons which are wrapped directly in parentheses, including the parentheses of an <code class="highlighter-rouge">if</code> or <code class="highlighter-rouge">while</code> condition. The default value is <code class="highlighter-rouge">false</code>. A <em>range</em> comparison tests whether a variable is inside or outside the range between two literal values.</li>
+  <li>If the <code class="highlighter-rouge">"onlyEquality"</code> property is <code class="highlighter-rouge">true</code>, the rule reports yoda conditions <em>only</em> for the equality operators <code class="highlighter-rouge">==</code> and <code class="highlighter-rouge">===</code>. The default value is <code class="highlighter-rouge">false</code>.</li>
+</ul>
+
+<p>The <code class="highlighter-rouge">onlyEquality</code> option allows a superset of the exceptions which <code class="highlighter-rouge">exceptRange</code> allows, thus both options are not useful together.</p>
+
+<h3 id="never">never<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#never" aria-label="Anchor link for: never" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yoda: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="s2">"red"</span> <span class="o">===</span> <span class="nx">color</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="kc">true</span> <span class="o">==</span> <span class="nx">flag</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="mi">5</span> <span class="o">&gt;</span> <span class="nx">count</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">-</span><span class="mi">1</span> <span class="o">&lt;</span> <span class="nx">str</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">substr</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="mi">0</span> <span class="o">&lt;=</span> <span class="nx">x</span> <span class="o">&amp;&amp;</span> <span class="nx">x</span> <span class="o">&lt;</span> <span class="mi">1</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the default <code class="highlighter-rouge">"never"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yoda: "error"*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="mi">5</span> <span class="o">&amp;</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">value</span> <span class="o">===</span> <span class="s2">"red"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="exceptrange">exceptRange<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#exceptrange" aria-label="Anchor link for: exceptrange" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"never", { "exceptRange": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yoda: ["error", "never", { "exceptRange": true }]*/</span><br/><br/><span class="kd">function</span> <span class="nx">isReddish</span><span class="p">(</span><span class="nx">color</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">(</span><span class="nx">color</span><span class="p">.</span><span class="nx">hue</span> <span class="o">&lt;</span> <span class="mi">60</span> <span class="o">||</span> <span class="mi">300</span> <span class="o">&lt;</span> <span class="nx">color</span><span class="p">.</span><span class="nx">hue</span><span class="p">);</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">&lt;</span> <span class="o">-</span><span class="mi">1</span> <span class="o">||</span> <span class="mi">1</span> <span class="o">&lt;</span> <span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">count</span> <span class="o">&lt;</span> <span class="mi">10</span> <span class="o">&amp;&amp;</span> <span class="p">(</span><span class="mi">0</span> <span class="o">&lt;=</span> <span class="nx">rand</span> <span class="o">&amp;&amp;</span> <span class="nx">rand</span> <span class="o">&lt;</span> <span class="mi">1</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="kd">function</span> <span class="nx">howLong</span><span class="p">(</span><span class="nx">arr</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="k">return</span> <span class="p">(</span><span class="mi">0</span> <span class="o">&lt;=</span> <span class="nx">arr</span><span class="p">.</span><span class="nx">length</span> <span class="o">&amp;&amp;</span> <span class="nx">arr</span><span class="p">.</span><span class="nx">length</span> <span class="o">&lt;</span> <span class="mi">10</span><span class="p">)</span> <span class="p">?</span> <span class="s2">"short"</span> <span class="p">:</span> <span class="s2">"long"</span><span class="p">;</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="onlyequality">onlyEquality<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#onlyequality" aria-label="Anchor link for: onlyequality" data-anchorjs-icon=""></a></h3>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"never", { "onlyEquality": true }</code> options:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yoda: ["error", "never", { "onlyEquality": true }]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">&lt;</span> <span class="o">-</span><span class="mi">1</span> <span class="o">||</span> <span class="mi">9</span> <span class="o">&lt;</span> <span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">x</span> <span class="o">!==</span> <span class="s1">'foo'</span> <span class="o">&amp;&amp;</span> <span class="s1">'bar'</span> <span class="o">!=</span> <span class="nx">x</span><span class="p">)</span> <span class="p">{</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h3 id="always">always<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#always" aria-label="Anchor link for: always" data-anchorjs-icon=""></a></h3>
+
+<p class="incorrect icon">Examples of <strong>incorrect</strong> code for the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yoda: ["error", "always"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="nx">color</span> <span class="o">==</span> <span class="s2">"blue"</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<p class="correct icon">Examples of <strong>correct</strong> code for the <code class="highlighter-rouge">"always"</code> option:</p>
+
+<div class="highlighter-rouge"><pre class="highlight"><code><span class="cm">/*eslint yoda: ["error", "always"]*/</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="s2">"blue"</span> <span class="o">==</span> <span class="nx">value</span><span class="p">)</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/><br/><span class="k">if</span> <span class="p">(</span><span class="o">-</span><span class="mi">1</span> <span class="o">&lt;</span> <span class="nx">str</span><span class="p">.</span><span class="nx">indexOf</span><span class="p">(</span><span class="nx">substr</span><span class="p">))</span> <span class="p">{</span><br/>    <span class="c1">// ...</span><br/><span class="p">}</span><br/></code></pre>
+</div>
+
+<h2 id="further-reading">Further Reading<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#further-reading" aria-label="Anchor link for: further reading" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="http://en.wikipedia.org/wiki/Yoda_conditions">Yoda Conditions</a></li>
+  <li><a href="http://thomas.tuerke.net/on/design/?with=1249091668#msg1146181680">Yoda Notation and Safe Switching</a></li>
+</ul>
+
+<h2 id="version">Version<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#version" aria-label="Anchor link for: version" data-anchorjs-icon=""></a></h2>
+
+<p>This rule was introduced in ESLint 0.7.1.</p>
+
+<h2 id="resources">Resources<a style="font-family: anchorjs-icons; font-style: normal; font-variant: normal; font-weight: normal; padding-left: 0.375em;" class="anchorjs-link " href="#resources" aria-label="Anchor link for: resources" data-anchorjs-icon=""></a></h2>
+
+<ul>
+  <li><a href="https://github.com/eslint/eslint/tree/master/lib/rules/yoda.js">Rule source</a></li>
+  <li><a href="https://github.com/eslint/eslint/tree/master/docs/rules/yoda.md">Documentation source</a></li>
+</ul>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint.css b/sonar-web-frontend-js/src/main/resources/rules/jshint.css
index dc73024..5fd44fc 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint.css
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint.css
@@ -1 +1,2 @@
-#crd .row{zoom:1}#crd .row:after{content:"";display:table;clear:both}#crd .col-md-6{float:left;width:50%;padding-left:15px;padding-right:15px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#crd table{width:100%}#crd .pull-right{float:right!important}#crd blockquote{padding:10.5px 21px;border-left:5px solid #ddd;border-left-width:1px;color:#6f6f6f;margin:20px 0;font-size:14px;border-left-color:#e9e9e9;background-color:#f7f7f7}#crd blockquote ol:last-child,#crd blockquote p:last-child,#crd blockquote ul:last-child{margin-bottom:0}#crd code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}#crd code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:0}#crd .CodeMirror{font-family:monospace;background-color:#f7f7f7!important;line-height:1.3!important}#crd .CodeMirror+p{margin-top:15px}#crd .CodeMirror-scroll{overflow:auto}#crd .CodeMirror-lines{padding:4px 0}#crd .CodeMirror pre{padding:0 4px!important}#crd .CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}#crd .CodeMirror-gutters{border-right:1px solid #ccc;background-color:#e9e9e9;white-space:nowrap}#crd .CodeMirror-linenumber{padding:0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}#crd .CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}#crd .CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}#crd .CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}#crd .cm-tab{display:inline-block}#crd .CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}#crd .cm-s-default .cm-keyword{color:#708}#crd .cm-s-default .cm-atom{color:#219}#crd .cm-s-default .cm-number{color:#164}#crd .cm-s-default .cm-def{color:#00f}#crd .cm-s-default .cm-variable{color:#000}#crd .cm-s-default .cm-variable-2{color:#05a}#crd .cm-s-default .cm-variable-3{color:#085}#crd .cm-s-default .cm-operator,#crd .cm-s-default .cm-property{color:#000}#crd .cm-s-default .cm-comment{color:#a50}#crd .cm-s-default .cm-string{color:#a11}#crd .cm-s-default .cm-string-2{color:#f50}#crd .cm-s-default .cm-meta,#crd .cm-s-default .cm-qualifier{color:#555}#crd .cm-s-default .cm-builtin{color:#30a}#crd .cm-s-default .cm-bracket{color:#997}#crd .cm-s-default .cm-tag{color:#170}#crd .cm-s-default .cm-attribute{color:#00c}#crd .cm-s-default .cm-header{color:#00f}#crd .cm-s-default .cm-quote{color:#090}#crd .cm-s-default .cm-hr{color:#999}#crd .cm-s-default .cm-link{color:#00c}#crd .cm-negative{color:#d44}#crd .cm-positive{color:#292}#crd .cm-header,#crd .cm-strong{font-weight:700}#crd .cm-em{font-style:italic}#crd .cm-link{text-decoration:underline}#crd .cm-invalidchar,#crd .cm-s-default .cm-error{color:red}#crd div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}#crd div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}#crd .CodeMirror-activeline-background{background:#e8f2ff}#crd .CodeMirror{position:relative;overflow:hidden;background:#fff;color:#000}#crd .CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative;-moz-box-sizing:content-box;box-sizing:content-box}#crd .CodeMirror-sizer{position:relative;border-right:30px solid transparent;-moz-box-sizing:content-box;box-sizing:content-box}#crd .CodeMirror-gutter-filler,#crd .CodeMirror-hscrollbar,#crd .CodeMirror-scrollbar-filler,#crd .CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}#crd .CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}#crd .CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}#crd .CodeMirror-scrollbar-filler{right:0;bottom:0}#crd .CodeMirror-gutter-filler{left:0;bottom:0}#crd .CodeMirror-gutters{position:absolute;left:0;top:0;padding-bottom:30px;z-index:3}#crd .CodeMirror-gutter{white-space:normal;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:30px;margin-bottom:-32px;display:inline-block}#crd .CodeMirror-gutter-elt{position:absolute;cursor:default;z-index:4}#crd .CodeMirror-lines{cursor:text}#crd .CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0!important;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}#crd .editor .lint .dropdown-menu button,#crd .editor .lint .dropdown-menu input,#crd .editor .lint .dropdown-menu label,#crd .errors{font-size:14px}#crd .CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}#crd .CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}#crd .CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}#crd .CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}#crd .CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}#crd .CodeMirror-measure pre{position:static}#crd .CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}#crd div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:1}#crd .CodeMirror-focused div.CodeMirror-cursors{visibility:visible}#crd .CodeMirror-selected{background:#d9d9d9}#crd .CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}#crd .cm-searching{background:#ffa;background:rgba(255,255,0,.4)}#crd .cm-force-border{padding-right:.1px}@media print{#crd .CodeMirror div.CodeMirror-cursors{visibility:hidden}}#crd .editor{margin-top:30px;margin-bottom:30px}#crd .editor iframe{display:none}#crd .editor .lint{color:#fff;padding:8px}#crd .editor .lint.success{background-color:#2e953d}#crd .editor .lint.error{background-color:#c4291e}#crd .editor .lint .glyphicon{margin-top:2px;color:#fff;display:none}#crd .editor .lint .glyphicon:hover{color:#ddd}#crd .editor .lint .dropdown-menu{color:#333;font-size:14px;padding:10px;margin-right:15px;position:absolute;top:40px;display:none}#crd .editor .lint .dropdown-menu form{margin:10px 0}#crd .editor .version{margin-right:10px;margin-top:2px}#crd .editor .versions tr:first-child td{border-top:none}#crd .editor .version-actions .done{color:#aaa;cursor:default}#crd .editor .version-actions .done:hover{text-decoration:none}#crd .errors{margin-bottom:0}#crd .errors td:first-child{width:90px}#crd .errors tr:last-child td{border-bottom:1px solid #ddd}
\ No newline at end of file
+#crd .row{zoom:1}#crd .row:after{content:"";display:table;clear:both}#crd .col-md-6{float:left;width:50%;padding-left:15px;padding-right:15px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#crd table{width:100%}#crd .pull-right{float:right!important}#crd blockquote{padding:10.5px 21px;border-left:5px solid #ddd;border-left-width:1px;color:#6f6f6f;margin:20px 0;font-size:14px;border-left-color:#e9e9e9;background-color:#f7f7f7}#crd blockquote ol:last-child,#crd blockquote p:last-child,#crd blockquote ul:last-child{margin-bottom:0}#crd code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}#crd code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:0}
+#crd .CodeMirror{font-family:monospace;background-color:#f7f7f7!important;line-height:1.3!important}#crd .CodeMirror+p{margin-top:15px}#crd .CodeMirror-scroll{overflow:none}#crd .CodeMirror-lines{padding:4px 0}#crd .CodeMirror pre{padding:0 4px!important}#crd .CodeMirror-scrollbar-filler,.CodeMirror-gutter-filler{background-color:#fff}#crd .CodeMirror-gutters{border-right:1px solid #ccc;background-color:#e9e9e9;white-space:nowrap}#crd .CodeMirror-linenumber{padding:0 5px;min-width:20px;text-align:right;color:#999;-moz-box-sizing:content-box;box-sizing:content-box}#crd .CodeMirror div.CodeMirror-cursor{border-left:1px solid #000}#crd .CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}#crd .CodeMirror.cm-keymap-fat-cursor div.CodeMirror-cursor{width:auto;border:0;background:#7e7}#crd .cm-tab{display:inline-block}#crd .CodeMirror-ruler{border-left:1px solid #ccc;position:absolute}#crd .cm-s-default .cm-keyword{color:#708}#crd .cm-s-default .cm-atom{color:#219}#crd .cm-s-default .cm-number{color:#164}#crd .cm-s-default .cm-def{color:#00f}#crd .cm-s-default .cm-variable{color:#000}#crd .cm-s-default .cm-variable-2{color:#05a}#crd .cm-s-default .cm-variable-3{color:#085}#crd .cm-s-default .cm-operator,#crd .cm-s-default .cm-property{color:#000}#crd .cm-s-default .cm-comment{color:#a50}#crd .cm-s-default .cm-string{color:#a11}#crd .cm-s-default .cm-string-2{color:#f50}#crd .cm-s-default .cm-meta,#crd .cm-s-default .cm-qualifier{color:#555}#crd .cm-s-default .cm-builtin{color:#30a}#crd .cm-s-default .cm-bracket{color:#997}#crd .cm-s-default .cm-tag{color:#170}#crd .cm-s-default .cm-attribute{color:#00c}#crd .cm-s-default .cm-header{color:#00f}#crd .cm-s-default .cm-quote{color:#090}#crd .cm-s-default .cm-hr{color:#999}#crd .cm-s-default .cm-link{color:#00c}#crd .cm-negative{color:#d44}#crd .cm-positive{color:#292}#crd .cm-header,#crd .cm-strong{font-weight:700}#crd .cm-em{font-style:italic}#crd .cm-link{text-decoration:underline}#crd .cm-invalidchar,#crd .cm-s-default .cm-error{color:red}#crd div.CodeMirror span.CodeMirror-matchingbracket{color:#0f0}#crd div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#f22}#crd .CodeMirror-activeline-background{background:#e8f2ff}#crd .CodeMirror{position:relative;overflow:hidden;background:#fff;color:#000}#crd .CodeMirror-scroll{margin-bottom:-30px;margin-right:-30px;padding-bottom:30px;height:100%;outline:0;position:relative;-moz-box-sizing:content-box;box-sizing:content-box}#crd .CodeMirror-sizer{position:relative;border-right:30px solid transparent;-moz-box-sizing:content-box;box-sizing:content-box;min-height:initial !important}#crd .CodeMirror-gutter-filler,#crd .CodeMirror-hscrollbar,#crd .CodeMirror-scrollbar-filler,#crd .CodeMirror-vscrollbar{position:absolute;z-index:6;display:none}#crd .CodeMirror-vscrollbar{right:0;top:0;overflow-x:hidden;overflow-y:scroll}#crd .CodeMirror-hscrollbar{bottom:0;left:0;overflow-y:hidden;overflow-x:scroll}#crd .CodeMirror-scrollbar-filler{right:0;bottom:0}#crd .CodeMirror-gutter-filler{left:0;bottom:0}#crd .CodeMirror-gutters{position:absolute;left:0;top:0;padding-bottom:30px;z-index:3}#crd .CodeMirror-gutter{white-space:normal;height:100%;-moz-box-sizing:content-box;box-sizing:content-box;padding-bottom:30px;margin-bottom:-32px;display:inline-block}#crd .CodeMirror-gutter-elt{left:-32px !important;position:absolute;cursor:default;z-index:4}#crd .CodeMirror-lines{cursor:text}#crd .CodeMirror pre{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;border-width:0;background:0 0;font-family:inherit;font-size:inherit;margin:0!important;white-space:pre;word-wrap:normal;line-height:inherit;color:inherit;z-index:2;position:relative;overflow:visible}#crd .editor .lint .dropdown-menu button,#crd .editor .lint .dropdown-menu input,#crd .editor .lint .dropdown-menu label,#crd .errors{font-size:14px}#crd .CodeMirror-wrap pre{word-wrap:break-word;white-space:pre-wrap;word-break:normal}#crd .CodeMirror-linebackground{position:absolute;left:0;right:0;top:0;bottom:0;z-index:0}#crd .CodeMirror-linewidget{position:relative;z-index:2;overflow:auto}#crd .CodeMirror-wrap .CodeMirror-scroll{overflow-x:hidden}#crd .CodeMirror-measure{position:absolute;width:100%;height:0;overflow:hidden;visibility:hidden}#crd .CodeMirror-measure pre{position:static}#crd .CodeMirror div.CodeMirror-cursor{position:absolute;border-right:none;width:0}#crd div.CodeMirror-cursors{visibility:hidden;position:relative;z-index:1}#crd .CodeMirror-focused div.CodeMirror-cursors{visibility:visible}#crd .CodeMirror-selected{background:#d9d9d9}#crd .CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}#crd .cm-searching{background:#ffa;background:rgba(255,255,0,.4)}#crd .cm-force-border{padding-right:.1px}@media print{#crd .CodeMirror div.CodeMirror-cursors{visibility:hidden}}#crd .editor{margin-top:30px;margin-bottom:30px}#crd .editor iframe{display:none}#crd .editor .lint{color:#fff;padding:8px}#crd .editor .lint.success{background-color:#2e953d}#crd .editor .lint.error{background-color:#c4291e}#crd .editor .lint .glyphicon{margin-top:2px;color:#fff;display:none}#crd .editor .lint .glyphicon:hover{color:#ddd}#crd .editor .lint .dropdown-menu{color:#333;font-size:14px;padding:10px;margin-right:15px;position:absolute;top:40px;display:none}#crd .editor .lint .dropdown-menu form{margin:10px 0}#crd .editor .version{margin-right:10px;margin-top:2px}#crd .editor .versions tr:first-child td{border-top:none}#crd .editor .version-actions .done{color:#aaa;cursor:default}#crd .editor .version-actions .done:hover{text-decoration:none}#crd .errors{margin-bottom:0}#crd .errors td:first-child{width:90px}#crd .errors tr:last-child td{border-bottom:1px solid #ddd}
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint.json b/sonar-web-frontend-js/src/main/resources/rules/jshint.json
index b9acff6..14df612 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint.json
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint.json
@@ -1,1066 +1,2451 @@
-[
-
-    {
-        "key":"E001",
-        "name":"Bad option",
-        "description":"Bad option: '{a}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E002",
-        "name":"Bad option value",
-        "description":"Bad option value.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E003",
-        "name":"Expected a JSON value",
-        "description":"Expected a JSON value.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E004",
-        "name":"Input is neither a string nor an array of strings",
-        "description":"Input is neither a string nor an array of strings.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E005",
-        "name":"Input is empty",
-        "description":"Input is empty.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E006",
-        "name":"Unexpected early end of program",
-        "description":"Unexpected early end of program.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E007",
-        "name":"Missing use strict",
-        "description":"Missing \"use strict\" statement.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"E008",
-        "name":"strict violation",
-        "description":"Strict violation.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E009",
-        "name":"validthis",
-        "description":"Option 'validthis' can't be used in a global scope.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E010",
-        "name":"with",
-        "description":"'with' is not allowed in strict mode.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E011",
-        "name":"const already declared",
-        "description":"const '{a}' has already been declared.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E012",
-        "name":"const undefined",
-        "description":"const '{a}' is initialized to 'undefined'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E013",
-        "name":"override a constant",
-        "description":"Attempting to override '{a}' which is a constant.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E014",
-        "name":"Regular expression literal",
-        "description":"A regular expression literal can be confused with '/='.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"E015",
-        "name":"Unclosed regular expression",
-        "description":"Unclosed regular expression.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E016",
-        "name":"Invalid regular expression",
-        "description":"Invalid regular expression.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E017",
-        "name":"Unclosed comment",
-        "description":"Unclosed comment.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E018",
-        "name":"Unbegun comment",
-        "description":"Unbegun comment.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E019",
-        "name":"Unmatched",
-        "description":"Unmatched '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E020",
-        "name":"Expected match",
-        "description":"Expected '{a}' to match '{b}' from line {c} and instead saw '{d}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E021",
-        "name":"Expected",
-        "description":"Expected '{a}' and instead saw '{b}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E022",
-        "name":"Line breaking error",
-        "description":"Line breaking error '{a}'.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"E023",
-        "name":"Missing",
-        "description":"Missing '{a}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E024",
-        "name":"Unexpected '{a}'",
-        "description":"Unexpected '{a}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E025",
-        "name":"Missing ':'",
-        "description":"Missing ':' on a case clause.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E026",
-        "name":"Missing '}'",
-        "description":"Missing '}' to match '{' from line {a}.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E027",
-        "name":"Missing ']'",
-        "description":"Missing ']' to match '[' from line {a}.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E028",
-        "name":"Illegal comma",
-        "description":"Illegal comma.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E029",
-        "name":"Unclosed string",
-        "description":"Unclosed string.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E030",
-        "name":"Expected an identifier",
-        "description":"Expected an identifier and instead saw '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E031",
-        "name":"Bad assignment",
-        "description":"Bad assignment.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E032",
-        "name":"Expected a small integer or 'false'",
-        "description":"Expected a small integer or 'false' and instead saw '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E033",
-        "name":"Expected an operator",
-        "description":"Expected an operator and instead saw '{a}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E034",
-        "name":"get/set are ES5 features",
-        "description":"get/set are ES5 features.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E035",
-        "name":"Missing property name",
-        "description":"Missing property name.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E036",
-        "name":"Expected to see a statement",
-        "description":"Expected to see a statement and instead saw a block.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E037",
-        "name":"Constant not declared",
-        "description":"Constant {a} was not declared correctly.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E038",
-        "name":"Variable not declared",
-        "description":"Variable {a} was not declared correctly.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E039",
-        "name":"Function declarations are not invocable",
-        "description":"Function declarations are not invocable. Wrap the whole function invocation in parens.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E040",
-        "name":"Each value should have its own case label",
-        "description":"Each value should have its own case label.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E041",
-        "name":"Unrecoverable syntax error",
-        "description":"Unrecoverable syntax error.",
-        "severity":"BLOCKER"
-    },
-    {
-        "key":"E042",
-        "name":"Stopping",
-        "description":"Stopping.",
-        "severity":"BLOCKER"
-    },
-    {
-        "key":"E043",
-        "name":"Too many errors",
-        "description":"Too many errors.",
-        "severity":"BLOCKER"
-    },
-    {
-        "key":"E044",
-        "name":"var already defined",
-        "description":"'{a}' is already defined and can't be redefined.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E045",
-        "name":"Invalid for each loop",
-        "description":"Invalid for each loop.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E046",
-        "name":"A yield statement out of generator",
-        "description":"A yield statement shall be within a generator function (with syntax: `function*`)",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E047",
-        "name":"A generator function shall contain a yield statement.",
-        "description":"A generator function shall contain a yield statement.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E048",
-        "name":"Let declaration not directly within block",
-        "description":"Let declaration not directly within block.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E049",
-        "name":"Wrong name",
-        "description":"A {a} cannot be named '{b}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E050",
-        "name":"Yield parenthesis",
-        "description":"Mozilla requires the yield expression to be parenthesized here.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"E051",
-        "name":"Parameters order",
-        "description":"Regular parameters cannot come after default parameters.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"E052",
-        "name":"Unclosed template literal",
-        "description":"Unclosed template literal.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W001",
-        "name":"hasOwnProperty",
-        "description":"'hasOwnProperty' is a really bad name.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W002",
-        "name":"Overwrite value (IE8-)",
-        "description":"Value of '{a}' may be overwritten in IE 8 and earlier.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W003",
-        "name":"Use before definition",
-        "description":"'{a}' was used before it was defined.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W004",
-        "name":"Already defined",
-        "description":"'{a}' is already defined.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W005",
-        "name":"Decimal point ?",
-        "description":"A dot following a number can be confused with a decimal point.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W006",
-        "name":"Confusing minuses",
-        "description":"Confusing minuses.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W007",
-        "name":"Confusing plusses",
-        "description":"Confusing plusses.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W008",
-        "name":"Leading decimal point",
-        "description":"A leading decimal point can be confused with a dot: '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W009",
-        "name":"array literal notation",
-        "description":"The array literal notation [] is preferable.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W010",
-        "name":"object literal notation",
-        "description":"The object literal notation {} is preferable.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W011",
-        "name":"Unexpected space after",
-        "description":"Unexpected space after '{a}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W012",
-        "name":"Unexpected space before",
-        "description":"Unexpected space before '{a}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W013",
-        "name":"Missing space after ",
-        "description":"Missing space after '{a}'.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W014",
-        "name":"Bad line breaking",
-        "description":"Bad line breaking before '{a}'.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"W015",
-        "name":"Expected correct indentation",
-        "description":"Expected '{a}' to have an indentation at {b} instead at {c}.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W016",
-        "name":"Unexpected use",
-        "description":"Unexpected use of '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W017",
-        "name":"Bad operand",
-        "description":"Bad operand.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W018",
-        "name":"Confusing use",
-        "description":"Confusing use of '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W019",
-        "name":"NaN",
-        "description":"Use the isNaN function to compare with NaN.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W020",
-        "name":"Read only",
-        "description":"Read only.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W021",
-        "name":"function",
-        "description":"'{a}' is a function.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W022",
-        "name":"Exception parameter assignment",
-        "description":"Do not assign to the exception parameter.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W023",
-        "name":"Expected an identifier in an assignment",
-        "description":"Expected an identifier in an assignment and instead saw a function invocation.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W024",
-        "name":"Reserved word",
-        "description":"Expected an identifier and instead saw '{a}' (a reserved word).",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W025",
-        "name":"Missing name",
-        "description":"Missing name in function declaration.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W026",
-        "name":"Inner functions",
-        "description":"Inner functions should be listed at the top of the outer function.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W027",
-        "name":"Unreachable",
-        "description":"Unreachable '{a}' after '{b}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W028",
-        "name":"Label '{a}' on {b} statement",
-        "description":"Label '{a}' on {b} statement.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W030",
-        "name":"Expected an assignment or function call",
-        "description":"Expected an assignment or function call and instead saw an expression.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W031",
-        "name":"Do not use 'new'",
-        "description":"Do not use 'new' for side effects.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W032",
-        "name":"Unnecessary semicolon",
-        "description":"Unnecessary semicolon.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W033",
-        "name":"Missing semicolon",
-        "description":"Missing semicolon.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W034",
-        "name":"Unnecessary directive",
-        "description":"Unnecessary directive \"{a}\".",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W035",
-        "name":"Empty block",
-        "description":"Empty block.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W036",
-        "name":"Unexpected /*member",
-        "description":"Unexpected /*member '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W037",
-        "name":"statement label",
-        "description":"'{a}' is a statement label.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W038",
-        "name":"used out of scope",
-        "description":"'{a}' used out of scope.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W039",
-        "name":"not allowed",
-        "description":"'{a}' is not allowed.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W040",
-        "name":"Possible strict violation",
-        "description":"Possible strict violation.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W041",
-        "name":"compare",
-        "description":"Use '{a}' to compare with '{b}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W042",
-        "name":"Avoid EOL escaping",
-        "description":"Avoid EOL escaping.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W043",
-        "name":"Bad escaping of EOL",
-        "description":"Bad escaping of EOL. Use option multistr if needed.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W044",
-        "name":"Bad or unnecessary escaping",
-        "description":"Bad or unnecessary escaping.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W045",
-        "name":"Bad number",
-        "description":"Bad number '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W046",
-        "name":"Don't use extra leading zeros",
-        "description":"Don't use extra leading zeros '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W047",
-        "name":"trailing decimal point",
-        "description":"A trailing decimal point can be confused with a dot: '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W048",
-        "name":"Unexpected control character",
-        "description":"Unexpected control character in regular expression.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W049",
-        "name":"Unexpected escaped character",
-        "description":"Unexpected escaped character '{a}' in regular expression.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W050",
-        "name":"JavaScript URL",
-        "description":"JavaScript URL.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W051",
-        "name":"Variables should not be deleted",
-        "description":"Variables should not be deleted.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W052",
-        "name":"Unexpected '{a}'",
-        "description":"Unexpected '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W053",
-        "name":"constructor",
-        "description":"Do not use {a} as a constructor.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W054",
-        "name":"Function constructor",
-        "description":"The Function constructor is a form of eval.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W055",
-        "name":"Constructor case",
-        "description":"A constructor name should start with an uppercase letter.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W056",
-        "name":"Bad constructor",
-        "description":"Bad constructor.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W057",
-        "name":"Weird construction",
-        "description":"Weird construction. Is 'new' necessary?",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W058",
-        "name":"Missing '()'",
-        "description":"Missing '()' invoking a constructor.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W059",
-        "name":"Avoid arguments",
-        "description":"Avoid arguments.{a}.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W060",
-        "name":"document.write",
-        "description":"document.write can be a form of eval.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W061",
-        "name":"eval",
-        "description":"eval can be harmful.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W062",
-        "name":"Reading",
-        "description":"Wrap an immediate function invocation in parens to assist the reader in understanding that the expression is the result of a function, and not the function itself.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W063",
-        "name":"Math is not a function",
-        "description":"Math is not a function.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W064",
-        "name":"Missing 'new'",
-        "description":"Missing 'new' prefix when invoking a constructor.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W065",
-        "name":"Missing radix parameter",
-        "description":"Missing radix parameter.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W066",
-        "name":"Implied eval",
-        "description":"Implied eval. Consider passing a function instead of a string.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W067",
-        "name":"Bad invocation",
-        "description":"Bad invocation.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W068",
-        "name":"non-IIFE function literals",
-        "description":"Wrapping non-IIFE function literals in parens is unnecessary.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W069",
-        "name":"dot notation",
-        "description":"['{a}'] is better written in dot notation.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W070",
-        "name":"Extra comma",
-        "description":"Extra comma. (it breaks older versions of IE)",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W071",
-        "name":"too many statements",
-        "description":"This function has too many statements. ({a})",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W072",
-        "name":"too many parameters",
-        "description":"This function has too many parameters. ({a})",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W073",
-        "name":"too many nested blocks",
-        "description":"Blocks are nested too deeply. ({a})",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W074",
-        "name":"cyclomatic complexity",
-        "description":"This function's cyclomatic complexity is too high. ({a})",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W075",
-        "name":"Duplicate key",
-        "description":"Duplicate key '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W076",
-        "name":"Unexpected parameter",
-        "description":"Unexpected parameter '{a}' in get {b} function.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W077",
-        "name":"Expected a single parameter",
-        "description":"Expected a single parameter in set {a} function.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W078",
-        "name":"Setter/getter",
-        "description":"Setter is defined without getter.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W079",
-        "name":"Redefinition",
-        "description":"Redefinition of '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W080",
-        "name":"initialization to undefined",
-        "description":"It's not necessary to initialize '{a}' to 'undefined'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W081",
-        "name":"Too many var statements.",
-        "description":"Too many var statements.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W082",
-        "name":"Function declarations",
-        "description":"Function declarations should not be placed in blocks. Use a function expression or move the statement to the top of the outer function.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W083",
-        "name":"functions within a loop",
-        "description":"Don't make functions within a loop.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W084",
-        "name":"Expected a conditional expression",
-        "description":"Expected a conditional expression and instead saw an assignment.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W085",
-        "name":"Don't use 'with'",
-        "description":"Don't use 'with'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W086",
-        "name":"Expected a 'break'",
-        "description":"Expected a 'break' statement before '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W087",
-        "name":"debugger",
-        "description":"Forgotten 'debugger' statement?",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W088",
-        "name":"global 'for' variable",
-        "description":"Creating global 'for' variable. Should be 'for (var {a} ...'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W089",
-        "name":"for in body",
-        "description":"The body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W090",
-        "name":"not a statement label",
-        "description":"'{a}' is not a statement label.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W091",
-        "name":"out of scope",
-        "description":"'{a}' is out of scope.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W093",
-        "name":"return a conditional ?",
-        "description":"Did you mean to return a conditional instead of an assignment?",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W094",
-        "name":"Unexpected comma",
-        "description":"Unexpected comma.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W095",
-        "name":"Expected a string",
-        "description":"Expected a string and instead saw {a}.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W096",
-        "name":"key may produce unexpected results",
-        "description":"The '{a}' key may produce unexpected results.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W097",
-        "name":"function form of \"use strict\"",
-        "description":"Use the function form of \"use strict\".",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W098",
-        "name":"Variable never used",
-        "description":"'{a}' is defined but never used.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"W099",
-        "name":"Mixed spaces and tabs.",
-        "description":"Mixed spaces and tabs.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W100",
-        "name":"character silently deleted",
-        "description":"This character may get silently deleted by one or more browsers.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W101",
-        "name":"Line is too long",
-        "description":"Line is too long.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W102",
-        "name":"Trailing whitespace.",
-        "description":"Trailing whitespace.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W103",
-        "name":"deprecated property",
-        "description":"The '{a}' property is deprecated.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W104",
-        "name":"ES6",
-        "description":"'{a}' is available in ES6 (use esnext option) or Mozilla JS extensions (use moz).",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W105",
-        "name":"Unexpected {a} in '{b}'",
-        "description":"Unexpected {a} in '{b}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W106",
-        "name":"Identifier case",
-        "description":"Identifier '{a}' is not in camel case.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W107",
-        "name":"Script URL",
-        "description":"Script URL.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W108",
-        "name":"Strings must use doublequote",
-        "description":"Strings must use doublequote.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W109",
-        "name":"Strings must use singlequote",
-        "description":"Strings must use singlequote.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W110",
-        "name":"Mixed double and single quotes",
-        "description":"Mixed double and single quotes.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W112",
-        "name":"Unclosed string",
-        "description":"Unclosed string.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W113",
-        "name":"Control character",
-        "description":"Control character in string: {a}.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W114",
-        "name":"Avoid {a}",
-        "description":"Avoid {a}.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W115",
-        "name":"Octal literals",
-        "description":"Octal literals are not allowed in strict mode.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W116",
-        "name":"Expected '{a}' and instead saw '{b}'",
-        "description":"Expected '{a}' and instead saw '{b}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W117",
-        "name":"Variable not defined",
-        "description":"'{a}' is not defined.",
-        "severity":"CRITICAL"
-    },
-    {
-        "key":"W118",
-        "name":"Mozilla only",
-        "description":"'{a}' is only available in Mozilla JavaScript extensions (use moz option).",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W119",
-        "name":"ES6 only",
-        "description":"'{a}' is only available in ES6 (use esnext option).",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W120",
-        "name":"variable leak",
-        "description":"You might be leaking a variable ({a}) here.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W121",
-        "name":"Extending prototype of native object",
-        "description":"Extending prototype of native object: '{a}'.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W122",
-        "name":"Invalid typeof value",
-        "description":"Invalid typeof value '{a}'",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W123",
-        "name":"already defined in outer scope",
-        "description":"'{a}' is already defined in outer scope.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W124",
-        "name":"generator without yield",
-        "description":"A generator function shall contain a yield statement.",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"W125",
-        "name":"non-breaking spaces",
-        "description":"This line contains non-breaking spaces: http://jshint.com/doc/options/#nonbsp",
-        "severity":"MAJOR"
-    },
-    {
-        "key":"I001",
-        "name":"Comma warnings",
-        "description":"Comma warnings can be turned off with 'laxcomma'.",
-        "severity":"MINOR"
-    },
-    {
-        "key":"I002",
-        "name":"Reserved words",
-        "description":"Reserved words as properties can be used under the 'es5' option.",
-        "severity":"INFO"
-    },
-    {
-        "key":"I003",
-        "name":"ES5 option",
-        "description":"ES5 option is now set per default",
-        "severity":"MINOR"
-    }
-
-]
+[ {
+  "key" : "E001",
+  "name" : "Bad option",
+  "description" : "Bad option: '{a}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint-options" ],
+  "debt" : null
+}, {
+  "key" : "E002",
+  "name" : "Bad option value",
+  "description" : "Bad option value.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint-options" ],
+  "debt" : null
+}, {
+  "key" : "E003",
+  "name" : "Expected a JSON value",
+  "description" : "Expected a JSON value.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint" ],
+  "debt" : null
+}, {
+  "key" : "E004",
+  "name" : "Input is neither a string nor an array of strings",
+  "description" : "Input is neither a string nor an array of strings.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint" ],
+  "debt" : null
+}, {
+  "key" : "E005",
+  "name" : "Input is empty",
+  "description" : "Input is empty.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint" ],
+  "debt" : null
+}, {
+  "key" : "E006",
+  "name" : "Unexpected early end of program",
+  "description" : "Unexpected early end of program.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint" ],
+  "debt" : null
+}, {
+  "key" : "E007",
+  "name" : "Missing 'use strict' statement",
+  "description" : "Missing 'use strict' statement",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "be-careful" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "E008",
+  "name" : "strict violation",
+  "description" : "Strict violation.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint" ],
+  "debt" : null
+}, {
+  "key" : "E009",
+  "name" : "Option 'validthis' can't be used in a global scope",
+  "description" : "Option 'validthis' can't be used in a global scope",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint" ],
+  "debt" : null
+}, {
+  "key" : "E010",
+  "name" : "'with' is not allowed in strict mode",
+  "description" : "'with' is not allowed in strict mode",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "security", "obsolete", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "SECURITY_FEATURES"
+  }
+}, {
+  "key" : "E011",
+  "name" : "const '{a}' has already been declared",
+  "description" : "const '{a}' has already been declared",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E012",
+  "name" : "const undefined",
+  "description" : "const '{a}' is initialized to 'undefined'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E013",
+  "name" : "Attempting to override '{a}' which is a constant",
+  "description" : "Attempting to override '{a}' which is a constant",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E014",
+  "name" : "A regular expression literal can be confused with '/='",
+  "description" : "A regular expression literal can be confused with '/='",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "E015",
+  "name" : "Unclosed regular expression",
+  "description" : "Unclosed regular expression",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E016",
+  "name" : "Invalid regular expression",
+  "description" : "Invalid regular expression.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E017",
+  "name" : "Unclosed comment",
+  "description" : "Unclosed comment",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "E018",
+  "name" : "Unbegun comment",
+  "description" : "Unbegun comment.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "E019",
+  "name" : "Unmatched",
+  "description" : "Unmatched '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E020",
+  "name" : "Expected match",
+  "description" : "Expected '{a}' to match '{b}' from line {c} and instead saw '{d}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E021",
+  "name" : "Expected",
+  "description" : "Expected '{a}' and instead saw '{b}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "E022",
+  "name" : "Line breaking error",
+  "description" : "Line breaking error '{a}'.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E023",
+  "name" : "Missing",
+  "description" : "Missing '{a}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E024",
+  "name" : "Unexpected '{a}'",
+  "description" : "Unexpected '{a}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E025",
+  "name" : "Missing ':'",
+  "description" : "Missing ':' on a case clause.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E026",
+  "name" : "Missing '}'",
+  "description" : "Missing '}' to match '{' from line {a}.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "E027",
+  "name" : "Missing ']'",
+  "description" : "Missing ']' to match '[' from line {a}.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "E028",
+  "name" : "Illegal comma",
+  "description" : "Illegal comma.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E029",
+  "name" : "Unclosed string",
+  "description" : "Unclosed string",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E030",
+  "name" : "Expected an identifier",
+  "description" : "Expected an identifier and instead saw '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "E031",
+  "name" : "Bad assignment",
+  "description" : "Bad assignment",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E032",
+  "name" : "Expected a small integer or 'false'",
+  "description" : "Expected a small integer or 'false' and instead saw '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "E033",
+  "name" : "Expected an operator",
+  "description" : "Expected an operator and instead saw '{a}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "E034",
+  "name" : "get/set are ES5 features",
+  "description" : "get/set are ES5 features",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "E035",
+  "name" : "Missing property name",
+  "description" : "Missing property name.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E036",
+  "name" : "Expected to see a statement",
+  "description" : "Expected to see a statement and instead saw a block.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "E037",
+  "name" : "Constant not declared",
+  "description" : "Constant {a} was not declared correctly.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E038",
+  "name" : "Variable not declared",
+  "description" : "Variable {a} was not declared correctly.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E039",
+  "name" : "Function statements are not invocable. Wrap the whole function invocation in parens",
+  "description" : "Function statements are not invocable. Wrap the whole function invocation in parens",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "E040",
+  "name" : "Each value should have its own case label",
+  "description" : "Each value should have its own case label.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E041",
+  "name" : "Unrecoverable syntax error",
+  "description" : "Unrecoverable syntax error.",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "E042",
+  "name" : "Stopping. ({a}% scanned)",
+  "description" : "Stopping. ({a}% scanned)",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1d"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "E043",
+  "name" : "Too many errors",
+  "description" : "Too many errors.",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1d"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "E044",
+  "name" : "var already defined",
+  "description" : "'{a}' is already defined and can't be redefined.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "E045",
+  "name" : "Invalid for each loop",
+  "description" : "Invalid for each loop.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "E046",
+  "name" : "A yield statement out of generator",
+  "description" : "A yield statement shall be within a generator function (with syntax: `function*`)",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "E047",
+  "name" : "A generator function shall contain a yield statement.",
+  "description" : "A generator function shall contain a yield statement.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "design", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "RELIABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "E048",
+  "name" : "Let declaration not directly within block",
+  "description" : "Let declaration not directly within block.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "design" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "E049",
+  "name" : "Wrong name",
+  "description" : "A {a} cannot be named '{b}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E050",
+  "name" : "Yield parenthesis",
+  "description" : "Mozilla requires the yield expression to be parenthesized here.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "E051",
+  "name" : "Parameters order",
+  "description" : "Regular parameters cannot come after default parameters.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "E052",
+  "name" : "Unclosed mega literal",
+  "description" : "Unclosed mega literal",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W001",
+  "name" : "'hasOwnProperty' is a really bad name",
+  "description" : "'hasOwnProperty' is a really bad name",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "clumsy", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "W002",
+  "name" : "Value of '{a}' may be overwritten in IE8 and earlier",
+  "description" : "Value of '{a}' may be overwritten in IE8 and earlier",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser", "bad-practice", "ie" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "EXCEPTION_HANDLING"
+  }
+}, {
+  "key" : "W003",
+  "name" : "Use before definition",
+  "description" : "'{a}' was used before it was defined.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W004",
+  "name" : "{a} is already defined",
+  "description" : "{a} is already defined",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W005",
+  "name" : "A dot following a number can be confused with a decimal point",
+  "description" : "A dot following a number can be confused with a decimal point",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W006",
+  "name" : "Confusing minuses",
+  "description" : "Confusing minuses",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W007",
+  "name" : "Confusing pluses",
+  "description" : "Confusing pluses",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W008",
+  "name" : "A leading decimal point can be confused with a dot: '{a}'",
+  "description" : "A leading decimal point can be confused with a dot: '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W009",
+  "name" : "The array literal notation [] is preferrable",
+  "description" : "The array literal notation [] is preferrable",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W010",
+  "name" : "The object literal notation {} is preferrable",
+  "description" : "The object literal notation {} is preferrable",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W011",
+  "name" : "Unexpected space after",
+  "description" : "Unexpected space after '{a}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W012",
+  "name" : "Unexpected space before",
+  "description" : "Unexpected space before '{a}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W013",
+  "name" : "Missing space after ",
+  "description" : "Missing space after '{a}'.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W014",
+  "name" : "Bad line breaking",
+  "description" : "Bad line breaking before '{a}'.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W015",
+  "name" : "Expected correct indentation",
+  "description" : "Expected '{a}' to have an indentation at {b} instead at {c}.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "format" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W016",
+  "name" : "Unexpected use",
+  "description" : "Unexpected use of '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W017",
+  "name" : "Bad operand",
+  "description" : "Bad operand.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W018",
+  "name" : "Confusing use",
+  "description" : "Confusing use of '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W019",
+  "name" : "Use the isNaN function to compare with NaN",
+  "description" : "Use the isNaN function to compare with NaN",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W020",
+  "name" : "Read only",
+  "description" : "Read only",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W021",
+  "name" : "function",
+  "description" : "'{a}' is a function.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W022",
+  "name" : "Do not assign to the exception parameter",
+  "description" : "Do not assign to the exception parameter",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "EXCEPTION_HANDLING"
+  }
+}, {
+  "key" : "W023",
+  "name" : "Expected an identifier in an assignment",
+  "description" : "Expected an identifier in an assignment and instead saw a function invocation.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W024",
+  "name" : "Expected an identifier and instead saw '{a}' (a reserved word)",
+  "description" : "Expected an identifier and instead saw '{a}' (a reserved word)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W025",
+  "name" : "Missing name in function statement",
+  "description" : "Missing name in function statement",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "W026",
+  "name" : "Inner functions",
+  "description" : "Inner functions should be listed at the top of the outer function.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W027",
+  "name" : "Unreachable",
+  "description" : "Unreachable '{a}' after '{b}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W028",
+  "name" : "Label '{a}' on {b} statement",
+  "description" : "Label '{a}' on {b} statement.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W030",
+  "name" : "Expected an assignment or function call and instead saw an expression",
+  "description" : "Expected an assignment or function call and instead saw an expression",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "suspicious", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W031",
+  "name" : "Do not use 'new' for side effects",
+  "description" : "Do not use 'new' for side effects",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W032",
+  "name" : "Unnecessary semicolon",
+  "description" : "Unnecessary semicolon",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W033",
+  "name" : "Missing semicolon",
+  "description" : "Missing semicolon.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W034",
+  "name" : "Unnecessary 'use strict'",
+  "description" : "Unnecessary 'use strict'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "CHANGEABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "W035",
+  "name" : "Empty block",
+  "description" : "Empty block.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W036",
+  "name" : "Unregistered property name '{a}'",
+  "description" : "Unregistered property name '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "suspicious", "typo" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W037",
+  "name" : "{a} is a statement label",
+  "description" : "{a} is a statement label",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W038",
+  "name" : "{a} used out of scope",
+  "description" : "{a} used out of scope",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W039",
+  "name" : "not allowed",
+  "description" : "'{a}' is not allowed.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W040",
+  "name" : "Possible strict violation",
+  "description" : "Possible strict violation.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W041",
+  "name" : "compare",
+  "description" : "Use '{a}' to compare with '{b}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W042",
+  "name" : "Avoid EOL escaping",
+  "description" : "Avoid EOL escaping.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W043",
+  "name" : "Bad escapement of EOL. Use option multistr if needed",
+  "description" : "Bad escapement of EOL. Use option multistr if needed",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W044",
+  "name" : "Bad or unnecessary escaping",
+  "description" : "Bad or unnecessary escaping.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W045",
+  "name" : "Bad number",
+  "description" : "Bad number '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W046",
+  "name" : "Don't use extra leading zeros",
+  "description" : "Don't use extra leading zeros '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W047",
+  "name" : "A trailing decimal point can be confused with a dot: '{a}'",
+  "description" : "A trailing decimal point can be confused with a dot: '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W048",
+  "name" : "Unexpected control character",
+  "description" : "Unexpected control character in regular expression.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W049",
+  "name" : "Unexpected escaped character",
+  "description" : "Unexpected escaped character '{a}' in regular expression.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W050",
+  "name" : "JavaScript URL",
+  "description" : "JavaScript URL.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "performance", "security" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "W051",
+  "name" : "Only properties should be deleted",
+  "description" : "Only properties should be deleted",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W052",
+  "name" : "Unexpected '{a}'",
+  "description" : "Unexpected '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W053",
+  "name" : "Do not use {a} as a constructor",
+  "description" : "Do not use {a} as a constructor",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W054",
+  "name" : "The Function constructor is eval",
+  "description" : "The Function constructor is eval",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "security", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "W055",
+  "name" : "A constructor name should start with an uppercase letter",
+  "description" : "A constructor name should start with an uppercase letter",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W056",
+  "name" : "Bad constructor",
+  "description" : "Bad constructor",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W057",
+  "name" : "Weird construction",
+  "description" : "Weird construction. Is 'new' necessary?",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W058",
+  "name" : "Missing '()' invoking a constructor",
+  "description" : "Missing '()' invoking a constructor",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W059",
+  "name" : "Avoid arguments.{a}",
+  "description" : "Avoid arguments.{a}",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "deprecated" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "W060",
+  "name" : "document.write",
+  "description" : "document.write can be a form of eval.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "security", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "W061",
+  "name" : "eval is evil",
+  "description" : "eval is evil",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "security", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "W062",
+  "name" : "Wrap an immediate function invocation in parentheses",
+  "description" : "Wrap an immediate function invocation in parentheses",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "confusing", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W063",
+  "name" : "'{a}' is not a function",
+  "description" : "'{a}' is not a function",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W064",
+  "name" : "Missing 'new'",
+  "description" : "Missing 'new' prefix when invoking a constructor.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W065",
+  "name" : "Missing radix parameter",
+  "description" : "Missing radix parameter",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W066",
+  "name" : "Implied eval is evil. Pass a function instead of a string",
+  "description" : "Implied eval is evil. Pass a function instead of a string",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "security", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "W067",
+  "name" : "Bad invocation",
+  "description" : "Bad invocation.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W068",
+  "name" : "Do not wrap function literals in parens unless they are to be immediately invoked",
+  "description" : "Do not wrap function literals in parens unless they are to be immediately invoked",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "confusing", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W069",
+  "name" : "['{a}'] is better written in dot notation",
+  "description" : "['{a}'] is better written in dot notation",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W070",
+  "name" : "Extra comma. (it breaks older versions of IE)",
+  "description" : "Extra comma. (it breaks older versions of IE)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser", "pitfall", "ie" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "W071",
+  "name" : "too many statements",
+  "description" : "This function has too many statements. ({a})",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W072",
+  "name" : "This function has too many parameters. ({a})",
+  "description" : "This function has too many parameters. ({a})",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W073",
+  "name" : "too many nested blocks",
+  "description" : "Blocks are nested too deeply. ({a})",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W074",
+  "name" : "cyclomatic complexity",
+  "description" : "This function's cyclomatic complexity is too high. ({a})",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W075",
+  "name" : "Duplicate key '{a}'",
+  "description" : "Duplicate key '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W076",
+  "name" : "Unexpected parameter '{a}' in get {b} function",
+  "description" : "Unexpected parameter '{a}' in get {b} function",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W077",
+  "name" : "Expected a single parameter",
+  "description" : "Expected a single parameter in set {a} function.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W078",
+  "name" : "Setter/getter",
+  "description" : "Setter is defined without getter.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "RELIABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "W079",
+  "name" : "Redefinition of '{a}'",
+  "description" : "Redefinition of '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "security", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W080",
+  "name" : "It is not necessary to initialize '{a}' to 'undefined'",
+  "description" : "It is not necessary to initialize '{a}' to 'undefined'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "useless", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W081",
+  "name" : "Combine this with the previous 'var' statement",
+  "description" : "Combine this with the previous 'var' statement",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W082",
+  "name" : "Function statements should not be placed in blocks",
+  "description" : "Function statements should not be placed in blocks",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W083",
+  "name" : "Don't make functions within a loop",
+  "description" : "Don't make functions within a loop",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "bad-practice", "performance", "scope" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W084",
+  "name" : "Unexpected assignment expression",
+  "description" : "Unexpected assignment expression",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W085",
+  "name" : "Unexpected 'with'",
+  "description" : "Unexpected 'with'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "performance", "cross-browser", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W086",
+  "name" : "Expected a 'break'",
+  "description" : "Expected a 'break' statement before '{a}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W087",
+  "name" : "All 'debugger' statements should be removed",
+  "description" : "All 'debugger' statements should be removed",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W088",
+  "name" : "Bad for-in variable '{a}'",
+  "description" : "Bad for-in variable '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W089",
+  "name" : "The body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype",
+  "description" : "The body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W090",
+  "name" : "'{a}' is not a label",
+  "description" : "'{a}' is not a label",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W091",
+  "name" : "out of scope",
+  "description" : "'{a}' is out of scope.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "scope" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W093",
+  "name" : "Did you mean to return a conditional instead of an assignment?",
+  "description" : "Did you mean to return a conditional instead of an assignment?",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "confusing", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W094",
+  "name" : "Unexpected comma",
+  "description" : "Unexpected comma.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W095",
+  "name" : "Expected a string",
+  "description" : "Expected a string and instead saw {a}.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W096",
+  "name" : "key may produce unexpected results",
+  "description" : "The '{a}' key may produce unexpected results.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W097",
+  "name" : "Use the function form of 'use strict'",
+  "description" : "Use the function form of 'use strict'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "W098",
+  "name" : "Unused '{a}'",
+  "description" : "Unused '{a}'",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "jshint", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W099",
+  "name" : "Mixed spaces and tabs.",
+  "description" : "Mixed spaces and tabs.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W100",
+  "name" : "character silently deleted",
+  "description" : "This character may get silently deleted by one or more browsers.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W101",
+  "name" : "Line is too long",
+  "description" : "Line is too long.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W102",
+  "name" : "Trailing whitespace.",
+  "description" : "Trailing whitespace.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W103",
+  "name" : "deprecated property",
+  "description" : "The '{a}' property is deprecated.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W104",
+  "name" : "ES6",
+  "description" : "'{a}' is available in ES6 (use esnext option) or Mozilla JS extensions (use moz).",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "es6", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "W105",
+  "name" : "Unexpected dangling '_' in '{a}'",
+  "description" : "Unexpected dangling '_' in '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W106",
+  "name" : "Identifier case",
+  "description" : "Identifier '{a}' is not in camel case.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W107",
+  "name" : "Script URL",
+  "description" : "Script URL.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W108",
+  "name" : "Strings must use {a}quote",
+  "description" : "Strings must use {a}quote",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W109",
+  "name" : "Strings must use singlequote",
+  "description" : "Strings must use singlequote.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W110",
+  "name" : "Mixed double and single quotes",
+  "description" : "Mixed double and single quotes",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W112",
+  "name" : "Unclosed string",
+  "description" : "Unclosed string.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W113",
+  "name" : "Control character",
+  "description" : "Control character in string: {a}.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W114",
+  "name" : "Avoid {a}",
+  "description" : "Avoid {a}.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W115",
+  "name" : "Don't use octal: '{a}'. Use '\\u...' instead",
+  "description" : "Don't use octal: '{a}'. Use '\\u...' instead",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "deprecated", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W116",
+  "name" : "Expected '{a}' and instead saw '{b}'",
+  "description" : "Expected '{a}' and instead saw '{b}'.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint" ],
+  "debt" : null
+}, {
+  "key" : "W117",
+  "name" : "'{a}' was used before it was defined",
+  "description" : "'{a}' was used before it was defined",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall", "confusing" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "W118",
+  "name" : "Mozilla only",
+  "description" : "'{a}' is only available in Mozilla JavaScript extensions (use moz option).",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser", "mozilla" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "W119",
+  "name" : "ES6 only",
+  "description" : "'{a}' is only available in ES6 (use esnext option).",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "cross-browser", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "W120",
+  "name" : "Variable {a} was not declared correctly",
+  "description" : "Variable {a} was not declared correctly",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "W121",
+  "name" : "Extending prototype of native object: '{a}'",
+  "description" : "Extending prototype of native object: '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1h"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "W122",
+  "name" : "Invalid typeof value '{a}'",
+  "description" : "Invalid typeof value '{a}'",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "W123",
+  "name" : "already defined in outer scope",
+  "description" : "'{a}' is already defined in outer scope.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "scope", "confusing", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W124",
+  "name" : "generator without yield",
+  "description" : "A generator function shall contain a yield statement.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "design", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "RELIABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "W125",
+  "name" : "non-breaking spaces",
+  "description" : "This line contains non-breaking spaces: http://jshint.com/doc/options/#nonbsp",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "I001",
+  "name" : "Comma warnings",
+  "description" : "Comma warnings can be turned off with 'laxcomma'.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "I002",
+  "name" : "Reserved words",
+  "description" : "Reserved words as properties can be used under the 'es5' option.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "jshint", "es5" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "I003",
+  "name" : "ES5 option is now set per default",
+  "description" : "ES5 option is now set per default",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "jshint", "es5" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E057",
+  "name" : "Invalid meta property: '{a}.{b}'.",
+  "description" : null,
+  "severity" : null,
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "E059",
+  "name" : "Incompatible values for the '{a}' and '{b}' linting options.",
+  "description" : null,
+  "severity" : null,
+  "status" : null,
+  "tags" : [ "jshint-options" ],
+  "debt" : null
+}, {
+  "key" : "W132",
+  "name" : "`var` declarations are forbidden. Use `let` or `const` instead.",
+  "description" : null,
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention", "cross-browser", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "W136",
+  "name" : "'{a}' must be in function scope.",
+  "description" : null,
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W133",
+  "name" : "Invalid for-{a} loop left-hand-side: {b}.",
+  "description" : null,
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "E056",
+  "name" : "'{a}' was used before it was declared, which is illegal for '{b}' variables.",
+  "description" : null,
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "E054",
+  "name" : "Class properties must be methods. Expected '(' but instead saw '{a}'.",
+  "description" : null,
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "W127",
+  "name" : "Unexpected use of a comma operator.",
+  "description" : null,
+  "severity" : null,
+  "status" : null,
+  "tags" : null,
+  "debt" : null
+}, {
+  "key" : "W137",
+  "name" : "Empty destructuring.",
+  "description" : null,
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W138",
+  "name" : "Parameters order",
+  "description" : "Regular parameters should not come after default parameters.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W131",
+  "name" : "Invalid parameter after rest parameter.",
+  "description" : null,
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "W126",
+  "name" : "Unnecessary grouping operator.",
+  "description" : "You should not use parenthesis when not needed",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "jshint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "W135",
+  "name" : "{a} may not be supported by non-browser environments.",
+  "description" : null,
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "server" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "E053",
+  "name" : "Export declaration must be in global scope.",
+  "description" : null,
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "jshint", "pitfall", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "MODULARITY"
+  }
+}, {
+  "key" : "W134",
+  "name" : "The '{a}' option is only available when linting ECMAScript {b} code.",
+  "description" : null,
+  "severity" : null,
+  "status" : null,
+  "tags" : [ "jshint-options" ],
+  "debt" : null
+}, {
+  "key" : "W129",
+  "name" : "'{a}' is defined in a future version of JavaScript. Use a ",
+  "description" : null,
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "jshint", "es-next" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "E055",
+  "name" : "The '{a}' option cannot be set after any executable code.",
+  "description" : null,
+  "severity" : null,
+  "status" : null,
+  "tags" : [ "jshint-options" ],
+  "debt" : null
+}, {
+  "key" : "W128",
+  "name" : "Empty array elements require elision=true.",
+  "description" : null,
+  "severity" : null,
+  "status" : null,
+  "tags" : [ "jshint-options" ],
+  "debt" : null
+}, {
+  "key" : "W130",
+  "name" : "Invalid element after rest element.",
+  "description" : null,
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "jshint", "bug", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+} ]
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E007.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E007.html
index 2897323..c46fd63 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E007.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E007.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Missing 'use strict' statement" error is thrown when JSLint, JSHint and
 ESLint encounter <strong>a function that does not contain the strict mode directive,
 and none of whose ancestor scopes contain the strict mode directive</strong>. JSHint
 will only raise this warning if the <code>strict</code> option is set to <code>true</code>. Here's an
 example of a function that does not run in strict mode:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint strict: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Missing 'use strict' statement.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint strict: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Missing 'use strict' statement.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong>. However, as
 JavaScript engines move forward, this error will increasingly be helpful as it
@@ -27,9 +28,11 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 previous link or the corresponding <a href="https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Functions_and_function_scope/Strict_mode">MDN article</a> for the details of the
 differences in strict mode. You can fix this error by simply adding a <code>"use
 strict"</code> directive to the function, or to an ancestor function:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint strict: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint strict: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. This message is treated as an error by
 JSHint which means you are unable to prevent it from being issued by ID.</p>
 <p>In ESLint the rule that generates this warning is named <code>strict</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E009.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E009.html
index 976aeca..ff00ae0 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E009.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E009.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Option 'validthis' can't be used in a global scope" error is thrown when
 JSHint encounters <strong>the <code>validthis</code> option in a global scope</strong>.  Here's a silly
 example in which we declare a function that is intended to be invoked in the
 context of an object:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 250px; min-height: 184px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint validthis: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">obj</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span class="cm-variable">example</span>.<span class="cm-property">call</span>(<span class="cm-variable">obj</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 184px;"></div><div style="height: 184px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Option 'validthis' can't be used in a global scope.</td></tr><tr><td class="line">Line 4:</td><td class="msg">Possible strict violation.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 242px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint validthis: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">obj</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span class="cm-variable">example</span>.<span class="cm-property">call</span>(<span class="cm-variable">obj</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 242px;"></div><div style="height: 257px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Option 'validthis' can't be used in a global scope.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Possible strict violation.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>breach of JSHint rules</strong>. Your code will
 most likely run without error if you do not fix this issue, but you are breaking
@@ -26,7 +27,9 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>To resolve this issue, you simply need to move the directive including the
 <code>validthis</code> option into the function. You will need it in each function that
 runs in strict mode and contains references to <code>this</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 184px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-comment">/*jshint validthis: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">obj</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span class="cm-variable">example</span>.<span class="cm-property">call</span>(<span class="cm-variable">obj</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 184px;"></div><div style="height: 184px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 242px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-comment">/*jshint validthis: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">obj</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span class="cm-variable">example</span>.<span class="cm-property">call</span>(<span class="cm-variable">obj</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 242px;"></div><div style="height: 257px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to JSHint error
 rather than a warning it is not possible to disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E010.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E010.html
index 74cff42..566c958 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E010.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E010.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSHint and ESLint. It was introduced in
 the original version of JSLHnt and has remained in both tools since. It does not
 feature in JSLint.</p>
@@ -16,7 +17,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 mode code may not include a with statement", is thrown when JSHint or ESLint
 encounters <strong>the <code>with</code> statement in code that is running in strict mode</strong>.
 Here's an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 203px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">with</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 203px;"></div><div style="height: 203px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 6:</td><td class="msg">'with' is not allowed in strict mode.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 268px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">with</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 268px;"></div><div style="height: 284px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 6:</td><td class="msg">'with' is not allowed in strict mode.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
 will fail to run in any environment that supports strict mode. The ECMAScript 5
@@ -29,13 +30,15 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>You can solve this problem by reworking code that uses <code>with</code> statements to
 fully qualify the "namespace". The following example will behave in exactly the
 same way as the first example above:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5001px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable-2">a</span>.<span class="cm-property">b</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable-2">a</span>.<span class="cm-property">b</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>If you rely upon the behaviour of the <code>with</code> statement for a valid use-case,
 your only option is to ensure your code does not run in strict mode. This
 results in a different message from JSHint, but one that can be surpressed (in
 version 1.0.0 and above) with the appropriate warning identifier flag. See the
 page on the "<a href="/unexpected-with">Don't use with</a>" error for more details:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 184px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">with</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 184px;"></div><div style="height: 184px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">Don't use 'with'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 242px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">with</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 242px;"></div><div style="height: 257px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Don't use 'with'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E011.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E011.html
index 68e9c53..73eade7 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E011.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E011.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "const '{a}' has already been declared" error is thrown when JSHint
 encounters <strong>a constant declaration with an identifier that has already been
 used in a previous constant declaration</strong>. In the following example we declare a
 constant <code>CONST_1</code> and then attempt to declare a second constant with the same
 identifier:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_1</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_1</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">const 'CONST_1' has already been declared.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_1</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_1</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">'CONST_1' has already been declared.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Notice the use of the <code>esnext</code> option. When relying upon ECMAScript 6 features
 such as constants you should always set this option so JSHint doesn't raise
 unnecessary warnings. Also note that ESLint will raise a warning in the same
@@ -20,7 +21,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 </blockquote>
 <p>You can fix this issue by ensuring each constant declaration uses a unique
 identifier:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_1</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_2</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_1</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">CONST_2</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>However, since browser support for the <code>const</code> statement is limited and most
 implementations currently differ significantly from the upcoming ECMAScript 6
 specification, it's recommended that you don't use it all, and simply use the
@@ -30,3 +31,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E013.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E013.html
index e0d4f9e..fe175e2 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E013.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E013.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Attempting to override '{a}' which is a constant" error is thrown when
 JSHint encounters an <strong>assignment expression with an identifer that has been
 declared in a constant variable statement</strong>. In the following example we declare
 a constant <code>MY_CONST</code> and assign a value to it, and then attempt to change its
 value:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Attempting to override 'MY_CONST' which is a constant.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Attempting to override 'MY_CONST' which is a constant.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript type error</strong>. Your code
 will fail to run if you do not resolve this error. Mozilla Developer Network
@@ -15,14 +16,16 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 </blockquote>
 <p>You can fix this issue by removing any assignments to constants declared with
 the <code>const</code> keyword:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">const</span> <span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>However, since browser support for the <code>const</code> statement is limited and most
 implementations currently differ significantly from the upcoming ECMAScript 6
 specification, it's recommended that you don't use it all, and simply use the
 <code>var</code> statement instead. A common convention to indicate a variable with a value
 that shouldn't change is to give that variable an identifier made up of
 uppercase characters, as has been done in the previous examples:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 340px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>; <span class="cm-comment">// A fake constant</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 377px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint esnext: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">MY_CONST</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>; <span class="cm-comment">// A fake constant</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E014.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E014.html
index dbcab29..4e861a4 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E014.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E014.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning was introduced in the original version of JSLint and existed in the
 same form in JSHint until version 1.0.0 when it was removed. ESLint has always
 issued the same warning.</p>
@@ -8,7 +9,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 expression literal that begins with the = character</strong>. In the following example
 we attempt to assign a regular expression literal to match the string <code>"=1"</code> to
 the variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/=1/</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">A regular expression literal can be confused with '/='.</td></tr><tr><td class="line">Line 1:</td><td class="msg">Stopping. (50% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/=1/</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Expected '/\=' and instead saw '/='.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially confusing piece of code</strong>.
 Your code will run fine if you do not fix this error, but it may be confusing to
@@ -19,16 +20,18 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 be interpreted as the division operator. Like most of the arithmetic operators,
 the division operator can be combined with the assignment operator to produce a
 shorthand:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 448px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">/=</span> <span class="cm-number">5</span>; <span class="cm-comment">// Shorthand division-assignment operator</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 497px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">/=</span> <span class="cm-number">5</span>; <span class="cm-comment">// Shorthand division-assignment operator</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>This ambiguity is not a problem because the parser should always be able to
 differentiate between the two uses. However, you can see why the regular
 expression example at the top of this page could cause initial confusion.</p>
 <p>To solve this issue, you can simply escape the <code>=</code> character in the regular
 expression. This will behave in exactly the same way but since the <code>=</code> character
 is no longer the first, the error is not raised:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/\=1/</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/\=1/</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>Alternatively, you can use the RegExp constructor, which removes the need for
 the ambiguous delimiting <code>/</code> characters:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 268px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">RegExp</span>(<span class="cm-string">"=1"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 297px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">RegExp</span>(<span class="cm-string">"=1"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In ESLint the rule that generates this warning is named <code>no-div-regex</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E015.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E015.html
index b580a47..c955e72 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E015.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E015.html
@@ -1,6 +1,7 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Unclosed regular expression" error is thrown when JSLint or JSHint encounters <strong>a regular expression literal with no closing <code>/</code> character</strong>. Here's an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/^unclosed$;</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Unclosed regular expression.</td></tr><tr><td class="line">Line 1:</td><td class="msg">Stopping. (50% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/^unclosed$;</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Expected '/' and instead saw ''.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
 will not run unless you fix this issue. The ECMAScript 5 specification lists the
@@ -14,7 +15,9 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This production makes it clear that regular expression literal bodies must be
 terminated by a <code>/</code> character. Not doing so will always cause a syntax error. To
 fix this issue, simply close the regular expression in question:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/^closed$/</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">regex</span> <span class="cm-operator">=</span> <span class="cm-string-2">/^closed$/</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E017.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E017.html
index c791fa2..1684585 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E017.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E017.html
@@ -1,8 +1,9 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Unclosed comment" error is thrown when JSLint or JSHint encounters <strong>a
 multiline comment that does not end with the character sequence <code>*/</code></strong>. Here's
 an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/* This is a comment</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment"> * but I forgot to</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment"> * close it.</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">Unclosed comment.</td></tr><tr><td class="line">Line 5:</td><td class="msg">Stopping. (125% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/* This is a comment</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment"> * but I forgot to</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment"> * close it.</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">Unclosed comment.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
 will not run unless you fix this issue. The ECMAScript 5 specification lists the
@@ -15,7 +16,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 characters. If you have an unclosed multiline comment a syntax error will be
 thrown when the interpreter reaches the end of the file. Here's the above
 snippet once more, except we've closed the comment this time:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 205px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/* This is a comment</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment"> * but I remembered to</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment"> * close it. */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 227px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/* This is a comment</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment"> * but I remembered to</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment"> * close it. */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 syntax error you cannot disable it.</p>
@@ -25,3 +26,5 @@ <h4 id="-jshint-bug-alert-"><del>JSHint bug alert</del></h4>
 large number of the same message appear to get generated for the first unclosed
 comment, to the point where the parser gives up and tells you that there are too
 many errors.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E029.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E029.html
index d921d62..9c3a3ab 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E029.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E029.html
@@ -1,17 +1,18 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Unclosed string" error is thrown when JSLint or JSHint encounters a <strong>a
 string that is not closed before the next line break or the end of the
 program</strong>. There are numerous situations that could cause this. In this first
 example, we accidentally forget to close our string:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 241px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string,</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Unclosed string.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Stopping. (100% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string,</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unclosed string.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In the next example, we want our string to include a backslash character. The
 string appears to be closed but actually isn't, due to the backslash character
 escaping the closing quote:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string\",</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Unclosed string.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Stopping. (100% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string\",</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unclosed string.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>And this final example, which makes use of the multiline strings allowed by
 ECMAScript 5, features a string that has not closed by the end of the program
 (the previous two examples failed at the first line break):</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 277px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my multiline \</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>                <span class="cm-string">string</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Unexpected '\'.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Unclosed string.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Stopping. (100% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 307px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my multiline \</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>                <span class="cm-string">string</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unclosed string.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
 will not run unless you fix this issue. The ECMAScript grammar states that any
@@ -23,12 +24,14 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 &nbsp;&nbsp;&nbsp;&nbsp;<code>'</code> <em>SingleStringCharacters</em><sub>opt</sub> <code>'</code></p>
 </blockquote>
 <p>To fix the error, simply close any unclosed strings:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 250px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>The second example above failed because the backslash character was escaping the
 closing quote, turning it into a literal character rather than a syntactic
 structure. To include a backslash in a string, you need to escape the backslash
 itself:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 268px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string\\"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 297px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string\\"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E031.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E031.html
index 53ea2df..3db81b8 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E031.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E031.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -16,11 +17,11 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 assignment expression in which the left-hand side is a call expression</strong>. In the
 following example we have an <code>if</code> statement with an assignment expression where
 you would normally expect a conditional:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">example</span>() <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Bad assignment.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">example</span>() <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Bad assignment to '('.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>JSLint also raises this warning when it encounters <strong>an assignment to a property
 of the <code>arguments</code> object</strong>. In this example we attempt to define an <code>x</code>
 property:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable-2">arguments</span>.<span class="cm-property">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Bad assignment.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable-2">arguments</span>.<span class="cm-property">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Unexpected 'arguments'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>In the case of assignment to a function call this error is raised to highlight a
 <strong>fatal reference error</strong>. Your code will throw an error in all environments if
@@ -32,16 +33,18 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 actually trying to perform a comparison rather than an assignment. If that's the
 case just ensure you're using a comparison operator such as <code>===</code> instead of the
 assignment operator <code>=</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 367px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">example</span>() <span class="cm-operator">===</span> <span class="cm-number">1</span>) { <span class="cm-comment">// Comparison</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 407px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">example</span>() <span class="cm-operator">===</span> <span class="cm-number">1</span>) { <span class="cm-comment">// Comparison</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In the case of assignment to a property of an <code>arguments</code> object this error is
 raised to highlight a <strong>bad practice</strong>. The <code>arguments</code> object is notoriously
 difficult to work with and has behaviour that differs significantly between
 "normal" and "strict" mode. JSLint has numerous warnings related to abuse of the
 <code>arguments</code> object but if you're receiving the "Bad assignment" error the
 chances are you can use a normal variable instead:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-comment">// arguments.x = 1;</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-comment">// arguments.x = 1;</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 reference error you cannot disable it.</p>
 <p>In ESLint this error is generated by the Esprima parser and can therefore not be
 disabled.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E034.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E034.html
index ad8a491..370b4d6 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E034.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E034.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across JSLint and JSHint. It was
 introduced in May 2011 version of JSLint and remained in both tools for a period
 of time.</p>
@@ -20,7 +21,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 feature", is thrown when JSHint or JSLint encounters <strong>an object property getter
 or setter</strong>. In the following example we create an object <code>x</code> with a getter and
 setter. The getter is intended to always return half of the set value:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 242px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 242px;"></div><div style="height: 242px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">get/set are ES5 features.</td></tr><tr><td class="line">Line 7:</td><td class="msg">get/set are ES5 features.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 321px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 321px;"></div><div style="height: 336px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button disabled="" class="btn btn-default btn-sm update">Loading...</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight the use of <strong>a newer language feature that
 might not be supported</strong> in all the environments in which your code should run.
@@ -39,4 +40,6 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>If you're sure that your code doesn't need to run in older browsers that don't
 support the ES5 getter/setter syntax, you can fix this error by setting the
 <code>es5</code> option to <code>true</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 281px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>14</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint es5: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*jshint es5: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 281px;"></div><div style="height: 281px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 373px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>14</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint es5: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*jshint es5: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 373px;"></div><div style="height: 388px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button disabled="" class="btn btn-default btn-sm update">Loading...</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E039.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E039.html
index 4a4cac8..1d92138 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E039.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E039.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Function statements are not invocable. Wrap the whole function invocation
 in parens" error (and the alternative "Function declarations are not invocable"
 error) is thrown when JSLint and JSHint encounter <strong>a function declaration
 followed by a pair of parentheses</strong>. In the following example we declare the
 <code>demo</code> function and then attempt to immediately invoke it:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Function statements are not invocable. Wrap the whole function invocation in parens.</td></tr><tr><td class="line">Line 4:</td><td class="msg">Stopping. (80% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unexpected '('.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
 will not run if you do not fix this error. The ECMAScript 5 specification gives
@@ -31,7 +32,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 part of a call expression and can therefore be immediately invoked. To do so, we
 simply need to wrap the declaration, and (by convention) the invoking
 parentheses, in another pair of parentheses:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span>(<span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span>(<span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>The addition of parentheses force the parser to treat this function as an
 expression instead of a declaration. Since function expressions can be
 immediately invoked the code is valid and works as expected.</p>
@@ -47,3 +48,5 @@ <h4 id="a-note-on-function-statements">A note on function statements</h4>
 non-standard and it's unlikely you will come across one, so I won't go into
 detail, but just bear it in mind that when JSLint talks about function
 statements, it's talking about function declarations.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E042.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E042.html
index 7e9cb32..efdabce 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/E042.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E042.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Stopping. ({a}% scanned)" error is thrown when JSLint or JSHint encounters
 <strong>a JavaScript syntax error</strong> and cannot continue to reliably parse the program.
 JSHint will only raise this error if the <code>passfail</code> option is set to <code>true</code>. In
 the following example we have half a variable statement which is invalid and
 cannot be parsed as a complete JavaScript program:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 241px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint passfail: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Expected an identifier and instead saw '(end)'.</td></tr><tr><td class="line">Line 4:</td><td class="msg">Stopping. (133% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint passfail: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Expected an identifier and instead saw '(end)'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong> and the
 fact that <strong>the parser cannot reliably finish parsing your program</strong>. Your code
@@ -12,7 +13,9 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 program, but other errors are usually raised along side this one that should
 guide you to the problem with your code. In our example, the variable statement
 is missing an identifier:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 241px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint passfail: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint passfail: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
 syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/E052.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/E052.html
new file mode 100644
index 0000000..cad2b86
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/E052.html
@@ -0,0 +1,35 @@
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+<p>The "Unclosed mega literal" error is thrown when JSLint encounters an <strong>unclosed
+template string literal</strong>. JSHint raises the "Unclosed template literal" error
+in the same situation. Note that because <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/template_strings">template string literals</a> are an
+ES2015 (ES6) feature this error should only appear when linting ES2015 code with
+the appropriate option set in the linter.</p>
+<p>In the following example we attempt to assign an unclosed template string
+literal to <code>a</code>:</p>
+<pre><code class="lang-javascript">/*jslint es6: true */
+let x = `unclosed;
+</code></pre>
+<h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
+<p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
+will not run unless you fix this issue. The ECMAScript grammar states that any
+template literal must be closed by the backtick character (<a href="https://people.mozilla.org/~jorendorff/es6-draft.html#sec-template-literal-lexical-components">ES2015 §11.8.68</a>):</p>
+<blockquote>
+<p><em>Template</em> ::<br>
+&nbsp;&nbsp;&nbsp;&nbsp;<em>NoSubstitutionTemplate</em><br>
+&nbsp;&nbsp;&nbsp;&nbsp;<em>TemplateHead</em><br><br>
+<em>NoSubstitutionTemplate</em> ::<br>
+&nbsp;&nbsp;&nbsp;&nbsp;` <em>TemplateCharacters</em><sub>opt</sub> `</p>
+</blockquote>
+<p>The grammar for <em>NoSubstitutionTemplate</em> is straightforward and shows the
+necessary backticks. The second production is far more complicated and beyond
+the scope of this article but does also require an opening and closing backtick.</p>
+<p>To fix the error, simply close any unclosed template strings:</p>
+<pre><code class="lang-javascript">/*jslint es6: true */
+let x = `unclosed`;
+</code></pre>
+<p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
+<a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
+syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/I003.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/I003.html
index ae6650b..aa2c288 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/I003.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/I003.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "ES5 option is now set per default" error is thrown when JSHint (version
 2.0.0 and above only) encounters <strong>the <code>es5</code> option with a value of <code>true</code></strong>.
 Here's an example in which we set the <code>es5</code> option so we can use reserved words
 as property identifers (which was not allowed in ES3):</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es5: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">default</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">ES5 option is now set per default</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es5: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">default</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <em>*pointless piece of code</em>. If you're using
 JSHint 2.0.0 or above, the <code>es5</code> option will be set to <code>true</code> by default, due to
@@ -11,7 +12,9 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>You can simply remove the option from any JSHint directives or <code>.jshintrc</code>
 files. Select JSHint version 1.1.0 or below in the following example to see the
 difference from when the <code>es5</code> option was not on by default:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 142px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">default</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 157px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">default</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. Since this is an informational JSHint
 message, it cannot be disabled.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W001.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W001.html
index 8ea3724..2aab1eb 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W001.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W001.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "'hasOwnProperty' is a really bad name" error is thrown when JSHint
 encounters <strong>an assignment to an object property with the identifier
 <code>hasOwnProperty</code></strong>. This applies to both object literals and to normal
 assignment statements. In the following example we define an object with a
 property called <code>hasOwnProperty</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">demo</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">hasOwnProperty</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">'hasOwnProperty' is a really bad name.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">demo</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">hasOwnProperty</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">'hasOwnProperty' is a really bad name.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight <strong>confusing code that could cause problems in
 the future</strong>. Your code may run as expected but it's likely to cause issues with
@@ -17,7 +18,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 chain. See the somewhat related "<a href="/the-body-of-a-for-in-should-be-wrapped-in-an-if-statement">The body of a for in should be wrapped in an
 if statement to filter unwanted properties from the prototype</a>" error for
 more details:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 313px; min-height: 242px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">age</span>: <span class="cm-number">23</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-keyword">var</span> <span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">me</span>.<span class="cm-property">hasOwnProperty</span>(<span class="cm-variable">prop</span>)) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 242px;"></div><div style="height: 242px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 347px; min-height: 321px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">age</span>: <span class="cm-number">23</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-keyword">var</span> <span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">me</span>.<span class="cm-property">hasOwnProperty</span>(<span class="cm-variable">prop</span>)) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 321px;"></div><div style="height: 336px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In that example, were you to add a property <code>hasOwnProperty: 1</code> to <code>me</code>, the
 guard in the <code>for...in</code> loop would fail with an error telling you that
 <code>hasOwnProperty</code> is not a function. If the value of your custom <code>hasOwnProperty</code>
@@ -27,8 +28,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 identifer. If you are concerned that the value of <code>hasOwnProperty</code> is no longer
 the native function you may want to call the native function in the context of
 your object in <code>for...in</code> loop guards:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px; display: block; right: 0px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 694px;"></div></div><div style="bottom: 15px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="width: 15px; height: 15px;" class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 709px; min-height: 262px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">age</span>: <span class="cm-number">23</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-property">hasOwnProperty</span>: <span class="cm-number">1</span> <span class="cm-comment">// This would cause the previous example to fail</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-keyword">var</span> <span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">Object</span>.<span class="cm-property">hasOwnProperty</span>.<span class="cm-property">call</span>(<span class="cm-variable">me</span>, <span class="cm-variable">prop</span>)) { <span class="cm-comment">// Use the real hasOwnProperty</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 262px;"></div><div style="height: 262px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">'hasOwnProperty' is a really bad name.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 15px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 787px;"></div></div><div style="height: 15px; width: 15px;" cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 787px; min-height: 347px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>13</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">age</span>: <span class="cm-number">23</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-property">hasOwnProperty</span>: <span class="cm-number">1</span> <span class="cm-comment">// This would cause the previous example to fail</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-keyword">var</span> <span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">Object</span>.<span class="cm-property">hasOwnProperty</span>.<span class="cm-property">call</span>(<span class="cm-variable">me</span>, <span class="cm-variable">prop</span>)) { <span class="cm-comment">// Use the real hasOwnProperty</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 362px;"></div><div style="height: 377px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">'hasOwnProperty' is a really bad name.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W001</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W001 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W002.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W002.html
index 166893b..785a2be 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W002.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W002.html
@@ -1,11 +1,12 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Value of '{a}' may be overwritten in IE8 and earlier" error is thrown when
 JSHint or ESLint encounters <strong>a <code>try...catch</code> statement in which the <code>catch</code>
 identifier is the same as a variable or function identifer</strong>. The error is only
 raised when the identifer in question is declared in the same scope as the
 <code>catch</code>. In the following example we declare a variable, <code>a</code>, and then use <code>a</code>
 as the identifier in the <code>catch</code> block:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 133px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">b</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">a</span>) {}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Value of 'a' may be overwritten in IE 8 and earlier.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 147px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">b</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">a</span>) {}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">Value of 'a' may be overwritten in IE 8 and earlier.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>JSLint will also raise an error in this situation but it uses the more generic
 "'{a}' is already defined" message.</p>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
@@ -47,8 +48,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 Alman.</p>
 <p>To resolve this issue simply ensure your exception parameter has an identifier
 unique to its scope:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 133px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">b</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">e</span>) {}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 147px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">b</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">e</span>) {}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W002</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W002 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W004.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W004.html
index 94abc5e..4ac0670 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W004.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W004.html
@@ -1,3 +1,18 @@
+
+    <h3 id="history">History</h3>
+<p>This warning has existed in two forms across JSLint and JSHint. It was
+introduced in the original version of JSLint and has remained in both tools
+ever since.</p>
+<ul>
+<li><p>In JSLint releases prior to May 2015 and all versions of JSHint the warning
+given is <em>"{a} is already defined"</em></p>
+</li>
+<li><p>In JSLint releases from May 2015 and later the warning is <em>"Redefinition of
+'{a}' from line {b}"</em></p>
+</li>
+</ul>
+<p>The situations that produce the warning have not changed despite changes to the
+text of the warning itself.</p>
 <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "{a} is already defined" error is thrown when JSLint or JSHint encounters
 <strong>a declaration with an identifier that has been used in a previous
@@ -5,7 +20,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 it only applies when the declarations appear within the scope of a function
 rather than the global scope. In the following example we attempt to declare the
 variable <code>x</code> twice within the same scope:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">a</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">'a' is already defined.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">a</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">'a' is already defined.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>probable bug</strong>. Your code will most likely
 fail to work as expected if you do not resolve this issue.</p>
@@ -17,11 +32,13 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 identifier of one of the variables. There are no situations in which it makes
 sense or is useful to redeclare a variable. Simply rename one of them
 appropriately:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-def">b</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-def">b</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>Alternatively, you may have intended to have two assignments and simply mistyped
 a semicolon as a comma. In that case it's also an obvious fix:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable-2">a</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable-2">a</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W004</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W004 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W005.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W005.html
index a6fad8a..52e2af3 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W005.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W005.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "A dot following a number can be confused with a decimal point" error is
 thrown when JSHint encounters <strong>a numeric literal containing a decimal point as
 the left-hand-side of a member expression</strong>. In the following example we attempt
 to assign the string representation of a number to a variable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-number">5.4</span>.<span class="cm-property">toString</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">A dot following a number can be confused with a decimal point.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-number">5.4</span>.<span class="cm-property">toString</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">A dot following a number can be confused with a decimal point.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Note that this is slightly different to closely related "<a href="/a-trailing-decimal-point-can-be-confused-with-a-dot-a">A trailing decimal
 point can be consued with a dot</a>" error, although JSLint will use that
 message in this situation too.</p>
@@ -17,8 +18,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 of the <code>.</code> character is removed. However the construct can appear confusing at
 first glance.</p>
 <p>The best solution in this case is to wrap the number in parentheses:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 232px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> (<span class="cm-number">5.4</span>).<span class="cm-property">toString</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 257px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> (<span class="cm-number">5.4</span>).<span class="cm-property">toString</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W005</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W005 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W006.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W006.html
index ba5f9f0..1d84c17 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W006.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W006.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in a few forms in both JSLint and JSHint. It was
 introduced in the original version of JSLint and has remained in both tools ever
 since.</p>
@@ -17,7 +18,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 operator in which the right-hand-side expression is preceded by the unary <code>-</code>
 operator</strong>. In the following example we attempt to compute the addition of a
 numeric literal and the numeric value of a variable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 142px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"10"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">-</span> <span class="cm-operator">-</span><span class="cm-variable">a</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Confusing minuses.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 157px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"10"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">-</span> <span class="cm-operator">-</span><span class="cm-variable">a</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Confusing minuses.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially confusing piece of code</strong>.
 Your code will most likely run as expected but it could cause issues with
@@ -49,8 +50,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 operand. This makes the above example slightly confusing on first glance.</p>
 <p>To resolve this issue the easiest fix is to wrap the unary expression in
 parentheses to disambiguate the <code>-</code> characters:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"10"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">-</span> (<span class="cm-operator">-</span><span class="cm-variable">a</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"10"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">-</span> (<span class="cm-operator">-</span><span class="cm-variable">a</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W006</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W006 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W007.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W007.html
index 9ad0aa0..3dc9dcc 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W007.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W007.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in a few forms in both JSLint and JSHint. It was
 introduced in the original version of JSLint and has remained in both tools ever
 since.</p>
@@ -17,7 +18,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 operator in which the right-hand-side expression is preceded by the unary <code>+</code>
 operator</strong>. In the following example we attempt to compute the addition of a
 numeric literal and the numeric value of a variable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 142px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"5"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">+</span> <span class="cm-operator">+</span><span class="cm-variable">a</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Confusing plusses.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 157px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"5"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">+</span> <span class="cm-operator">+</span><span class="cm-variable">a</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Confusing plusses.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially confusing piece of code</strong>.
 Your code will most likely run as expected but it could cause issues with
@@ -46,8 +47,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <code>++</code> operator is far more commonly used than the unary <code>+</code> operator.</p>
 <p>To resolve this issue the easiest fix is to wrap the unary expression in
 parentheses to disambiguate the <code>+</code> characters:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"5"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">+</span> (<span class="cm-operator">+</span><span class="cm-variable">a</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-string">"5"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">5</span> <span class="cm-operator">+</span> (<span class="cm-operator">+</span><span class="cm-variable">a</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W007</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W007 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W008.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W008.html
index c5de132..0ce7953 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W008.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W008.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -20,7 +21,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 JSLint, JSHint and ESLint encounter <strong>a numeric literal preceded by a <code>.</code> token
 which itself is not preceded by a decimal integer literal</strong>. Here's an example
 in which we attempt to assign the value <code>0.5</code> to the variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 106px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">.5</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">A leading decimal point can be confused with a dot: '.5'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 117px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">.5</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">A leading decimal point can be confused with a dot: '.5'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially confusing piece of code</strong>.
 Your code will run without error if you do not address this issue but it could
@@ -41,10 +42,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 explicit first production from the above grammar, just to make your code easier
 to understand. Therefore to fix this error you can simply prepend a <code>0</code> to your
 number:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 115px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0.5</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4.00006px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 127px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0.5</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W008</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W008 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-floating-decimal</code>.
 You can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W009.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W009.html
index 203d93d..99e03d0 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W009.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W009.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -21,7 +22,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 encounter <strong>a call to the <code>Array</code> constructor preceded by the <code>new</code> operator</strong>
 with <strong>no arguments</strong> or <strong>more than one argument</strong> or <strong>a single argument that
 is not a number</strong>. Here's an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 313px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(<span class="cm-number">1</span>, <span class="cm-number">2</span>, <span class="cm-number">3</span>),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(<span class="cm-string">"not a number"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Use the array literal notation [].</td></tr><tr><td class="line">Line 2:</td><td class="msg">Use the array literal notation [].</td></tr><tr><td class="line">Line 3:</td><td class="msg">Use the array literal notation [].</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 347px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(<span class="cm-number">1</span>, <span class="cm-number">2</span>, <span class="cm-number">3</span>),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(<span class="cm-string">"not a number"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Expected '[]' and instead saw 'new Array'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Expected '[]' and instead saw 'new Array'.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Expected '[]' and instead saw 'new Array'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>ESLint is slightly more accurate and also warns when it encounters <strong>a call to
 the <code>Array</code> constructor with no arguments</strong>, regardless of whether the <code>new</code>
 operator is present or not. This makes sense because the <code>Array</code> constructor
@@ -37,7 +38,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 verbose piece of code</strong>. Before we look at why that above snippet is potentially
 dangerous, here's a rewritten version using array literal notation that passes
 all three linters. Notice that it's significantly shorter:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 106px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> [];</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 117px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> [];</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>Since the <code>Array</code> constructor is actually just a property of the global object,
 it can be overwritten. If it has been overwritten, then it's possible the first
 example above will generate a type error. For example, if you had run something
@@ -46,16 +47,18 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>Here's an example in which we overwrite the <code>Array</code> constructor. Note that
 JSLint, JSHint and ESLint do not know that's what has happened. Therefore, they
 take the safe approach and forbid the use of the <code>Array</code> constructor completely:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 520px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">Array</span> <span class="cm-operator">=</span> <span class="cm-number">50</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(); <span class="cm-comment">//TypeError: Array is not a function</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Read only.</td></tr><tr><td class="line">Line 2:</td><td class="msg">Use the array literal notation [].</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 577px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 577px; min-height: 86px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">Array</span> <span class="cm-operator">=</span> <span class="cm-number">50</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(); <span class="cm-comment">//TypeError: Array is not a function</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad assignment to 'Array'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Expected '[]' and instead saw 'new Array'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>However there is one relatively common situation in which the <code>Array</code>
 constructor is correctly used and that's when you need to create an array of
 specific length. The array literal notation provides no mechanism to do this.
 All three linters cover this use case and do not warn when they encounter a call
 to the <code>Array</code> constructor with a single numeric argument:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 205px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(<span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 227px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Array</span>(<span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Expected '[]' and instead saw 'new Array'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W009</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W009 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-array-constructor</code>.
 You can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W010.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W010.html
index 10d3b60..43e2642 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W010.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W010.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in various forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -24,13 +25,13 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 Object.create(null)" error) are thrown when JSLint, JSHint and ESLint encounter
 <strong>a call to the <code>Object</code> constructor preceded by the <code>new</code> operator</strong>. Here's an
 example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Object</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Use the object literal notation {} or Object.create(null).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Object</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Expected 'Object.create(null)' and instead saw 'new Object'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially dangerous and unnecessarily
 verbose piece of code</strong>. Before we look at why that above snippet is potentially
 dangerous, here's a rewritten version using object literal notation that passes
 all three linters. Notice that it's significantly shorter:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 106px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 117px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>Since the <code>Object</code> constructor is actually just a property of the global object,
 it can be overwritten. If it has been overwritten, then it's possible the first
 example above will generate a type error. For example, if you had run something
@@ -39,7 +40,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>Here's an example in which we overwrite the <code>Object</code> constructor. Note that
 JSLint, JSHint and ESLint do not know that's what has happened. Therefore, they
 take the safe approach and forbid the use of the <code>Object</code> constructor completely:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px; display: block; right: 0px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 529px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 529px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">Object</span> <span class="cm-operator">=</span> <span class="cm-number">50</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Object</span>(); <span class="cm-comment">//TypeError: Array is not a function</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Read only.</td></tr><tr><td class="line">Line 2:</td><td class="msg">Use the object literal notation {} or Object.create(null).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 587px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 587px; min-height: 86px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">Object</span> <span class="cm-operator">=</span> <span class="cm-number">50</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Object</span>(); <span class="cm-comment">//TypeError: Array is not a function</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad assignment to 'Object'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Expected 'Object.create(null)' and instead saw 'new Object'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Always using the literal form prevents running into problems like this, however
 unlikely they may be. Note that the literal form is identical to the constructor
 form (<a href="http://es5.github.io/#x11.1.5">ES5 §11.1.5</a>):</p>
@@ -60,8 +61,10 @@ <h4 id="a-note-on-object-create-null-">A note on <code>Object.create(null)</code
 When you create an object there's a high chance you won't ever make use of any
 of the properties it inherits from <code>Object.prototype</code>. If that's the case you
 can create an object that doesn't have a prototype chain:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">Object</span>.<span class="cm-property">create</span>(<span class="cm-atom">null</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">Object</span>.<span class="cm-property">create</span>(<span class="cm-atom">null</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>It's important to remember that this is <em>not</em> identical to an object literal. An
 object literal inherits from <code>Object.prototype</code> but an object created with
 <code>Object.create(null)</code> does not. This is useful when all you need is a simple
 key-value store.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W019.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W019.html
index dee5645..59957c8 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W019.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W019.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Use the isNaN function to compare with NaN" error is thrown when JSLint,
 JSHint and ESLint encounter <strong>a comparison in which one side is <code>NaN</code></strong>. In the
 following example we attempt to convert a string into a number with the
 <code>parseInt</code> function, which returns <code>NaN</code> when it can't perform such a
 conversion:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 304px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">parseInt</span>(<span class="cm-string">"myString"</span>, <span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span> <span class="cm-operator">===</span> <span class="cm-atom">NaN</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Use the isNaN function to compare with NaN.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">parseInt</span>(<span class="cm-string">"myString"</span>, <span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span> <span class="cm-operator">===</span> <span class="cm-atom">NaN</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Use the isNaN function to compare with NaN.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight <strong>code that doesn't work as you expect it
 to</strong>. Your code will run without error, but will not behave as you expect. <code>NaN</code>
@@ -33,10 +34,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 which is a built-in property of the global object. It's defined in <a href="http://es5.github.com/#x15.1.2.4">ES5
 §15.1.2.4</a> and simply returns <code>true</code> if its argument coerces
 to <code>NaN</code>, and <code>false</code> if it does not:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 304px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">parseInt</span>(<span class="cm-string">"myString"</span>, <span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">isNaN</span>(<span class="cm-variable">x</span>)) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">parseInt</span>(<span class="cm-string">"myString"</span>, <span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">isNaN</span>(<span class="cm-variable">x</span>)) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W019</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W019 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>use-isnan</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W020.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W020.html
index b51421b..348f9cc 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W020.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W020.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained (in a way) in all
 three tools ever since.</p>
@@ -15,14 +16,14 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 is thrown when JSLint, JSHint or ESLint encounters <strong>assign a value to built-in
 native object</strong>. In the following example we attempt to overwrite the native
 global <code>String</code> constructor function:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 232px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">String</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Overwritten"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Read only.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 257px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">String</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Overwritten"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad assignment to 'String'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Between April 2013 and August 2013 JSLint also produced this message when it
 encountered <strong>an assignment inside a <code>catch</code> block to the identifer associated
-with that block</strong>. This message was used instead of the older "<a href="https://jslinterrors.com/do-not-assign-to-the-exception-parameter">Do not assign to
+with that block</strong>. This message was used instead of the older "<a href="/do-not-assign-to-the-exception-parameter">Do not assign to
 the exception parameter</a>" warning. Please see the page for that
 message for more details. The rest of this article will apply only to the above
 cause. In August 2013 this functionality was removed from JSLint:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 421px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-comment">// Some code that might throw an exception</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">throw</span> <span class="cm-keyword">new</span> <span class="cm-variable">Error</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">e</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable-2">e</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-03-28</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">Do not assign to the exception parameter.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 467px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-comment">// Some code that might throw an exception</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">throw</span> <span class="cm-keyword">new</span> <span class="cm-variable">Error</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">e</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable-2">e</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-03-28</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Do not assign to the exception parameter.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong> potentially dangerous piece of code</strong>.
 Your code may work properly if you do not fix this error, but it may be
@@ -78,3 +79,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W020</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W020 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W022.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W022.html
index ad498f5..bce217d 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W022.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W022.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Do not assign to the exception parameter" error is thrown when JSLint,
 JSHint or ESLint encounters <strong>an assignment inside a <code>catch</code> block to the
 identifer associated with that block</strong>. In the following example we attempt to
 assign a new value to the exception parameter <code>e</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 421px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-comment">// Some code that might throw an exception</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">throw</span> <span class="cm-keyword">new</span> <span class="cm-variable">Error</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">e</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable-2">e</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-03-28</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">Do not assign to the exception parameter.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 467px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">try</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-comment">// Some code that might throw an exception</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">throw</span> <span class="cm-keyword">new</span> <span class="cm-variable">Error</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>} <span class="cm-keyword">catch</span> (<span class="cm-def">e</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable-2">e</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-03-28</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Do not assign to the exception parameter.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In April 2013 the message given by JSLint in this situation changed from "Do not
 assign to the exception parameter" to the more generic "Read only", which is
 given in numerous other scenarios. As of August 2013 this functionality is no
@@ -55,3 +56,5 @@ <h4 id="a-note-regarding-the-exception-parameter">A note regarding the exception
 value to the exception parameter, rather than a variable with the same
 identifier in an outer scope. For more information, have a read of this
 <a href="http://weblog.bocoup.com/the-catch-with-try-catch/">excellent article</a> by Ben Alman.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W024.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W024.html
index 0e2777a..01f298b 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W024.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W024.html
@@ -1,16 +1,17 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Expected an identifier and instead saw '{a}' (a reserved word)" error is
 thrown when JSLint or JSHint encounters <strong>a reference to what should be an
 identifier but is actually a keyword that is reserved by the language</strong>. In the
 following example we attempt to declare a variable with the identifier <code>default</code>
 which is a reserved word:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-keyword">default</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Expected an identifier and instead saw 'default' (a reserved word).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-keyword">default</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Reserved name 'default'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>JSLint prior to September 2013 and JSHint prior to version 2.0.0 would also
 raise this error when it encountered an object property identifier that is a
 reserved word. This is valid in the ECMAScript 5 specification, but was not
 valid previously. In this example we attempt to declare an object property with
 the identifier <code>default</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 277px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">default</span>: <span class="cm-string">"a default value"</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Expected an identifier and instead saw 'default' (a reserved word).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 307px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">default</span>: <span class="cm-string">"a default value"</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button disabled="" class="btn btn-default btn-sm update">Loading...</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
 will not run if you do not fix this error. Reserved words are special
@@ -83,12 +84,14 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 you do not care about these older browsers, you can tell JSLint to ignore this
 syntax by using the <code>es5</code> directive (or updating to a more recent version of
 JSLint):</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 277px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es5: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">default</span>: <span class="cm-string">"a default value"</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 307px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es5: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">default</span>: <span class="cm-string">"a default value"</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button disabled="" class="btn btn-default btn-sm update">Loading...</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>However, if you <em>do</em> need your code to run in older browsers, you will need to
 change your syntax slightly and quote the identifier so it's treated as a string
 rather than a reserved word:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 295px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string cm-property">"default"</span>: <span class="cm-string">"a default value"</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 327px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string cm-property">"default"</span>: <span class="cm-string">"a default value"</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button disabled="" class="btn btn-default btn-sm update">Loading...</button></div><span class="pull-right small version">Version 1.1.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W024</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W024 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W025.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W025.html
index d84b76d..52026b8 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W025.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W025.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in three forms across the three main linters. It was
 introduced in the original version of JSLint and has remained (in a way) in all
 three tools ever since.</p>
@@ -20,7 +21,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <strong>the <code>function</code> keyword, where it would normally be parsed as a statement,
 followed immediately by an opening parenthesis</strong>. In the following example we
 attempt to define a function but forget to give it an identifier:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"something"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Missing name in function statement.</td></tr><tr><td class="line">Line 1:</td><td class="msg">Stopping. (20% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"something"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Expected an identifier and instead saw '('.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
 will not run unless you fix this issue. The ECMAScript grammar states that a
@@ -42,13 +43,15 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 function expressions is what makes it possible to create anonymous functions.
 However, in our example above, the code is parsed as a statement rather than an
 expression. To fix the issue, give the function an identifier:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"something"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"something"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>Alternatively, make sure the code is parsed as an expression, rather than a
 statement. There are numerous way of doing this, but in our example the only one
 that really makes sense is to assign the anonymous function to a variable (don't
 forget the semi-colon):</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 250px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">example</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"something"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Expected ';' and instead saw '(end)'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">example</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"something"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Expected ';' and instead saw '(end)'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W025</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W025 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W030.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W030.html
index ac1ff93..48bf48e 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W030.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W030.html
@@ -1,19 +1,22 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Expected an assignment or function call and instead saw an expression"
 error is thrown when JSLint, JSHint or ESLint encounters <strong>an expression with no
 effect</strong>. In the following example we have a conditional expression that will
 evaluate to <code>true</code> but has no other effect on the program:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">===</span> <span class="cm-number">1</span>; <span class="cm-comment">// Evaluates to 'true'</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Expected an assignment or function call and instead saw an expression.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">===</span> <span class="cm-number">1</span>; <span class="cm-comment">// Evaluates to 'true'</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Unexpected expression '===' in statement position.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a piece of <strong>useless and unnecessary code</strong>.
 The code will work as expected but since a lone floating expression has no
 effect on anything there is no point in it being there at all.</p>
 <p>In general you would expect to see a statement which has an effect, such as
 assigning a value to a variable or invoking a function:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 448px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>; <span class="cm-comment">// Assignment instead of unused expression</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 497px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">2</span>; <span class="cm-comment">// Assignment instead of unused expression</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W030</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W030 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-unused-expressions</code>.
 You can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W031.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W031.html
index 7dfd651..17bfa5f 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W031.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W031.html
@@ -1,11 +1,12 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Do not use 'new' for side effects" error is thrown when JSLint, JSHint or
 ESLint encounters a <strong>function invocation preceded by the new operator when not
 part of an assignment or comparison expression</strong>. JSHint will only issue this
 warning if the <code>nonew</code> option is set to <code>true</code>.  In the following example we
 call the built-in Date function as a constructor but don't assign the returned
 instance to anything:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nonew: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">new</span> <span class="cm-variable">Date</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Do not use 'new' for side effects.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nonew: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">new</span> <span class="cm-variable">Date</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Unexpected expression 'new' in statement position.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a a <strong>lack of convention</strong>. While the code is
 perfectly valid it contravenes best practice, and in the case of the example
@@ -20,15 +21,17 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 consider reworking your code to allow you to call the function normally, without
 the new operator. In the following simple example the side effect of calling the
 constructor is the incrementation of a variable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 493px; min-height: 242px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nonew: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">counter</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">name</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">name</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-variable">counter</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Person</span>(<span class="cm-string">"James"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-keyword">new</span> <span class="cm-variable">Person</span>(); <span class="cm-comment">// Increments 'counter' as a side-effect</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 242px;"></div><div style="height: 242px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 11:</td><td class="msg">Do not use 'new' for side effects.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 15px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 547px;"></div></div><div style="height: 15px; width: 15px;" cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 547px; min-height: 321px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nonew: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">counter</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">name</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">name</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-variable">counter</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Person</span>(<span class="cm-string">"James"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-keyword">new</span> <span class="cm-variable">Person</span>(); <span class="cm-comment">// Increments 'counter' as a side-effect</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 336px;"></div><div style="height: 351px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Unexpected 'this'.</td></tr><tr><td class="inline">Line 10:</td><td class="msg">Unexpected expression 'new' in statement position.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In the above example we create two instances of <code>Person</code> but only keep the
 reference to one. The second call is simply there for the side effect of
 incrementing the counter. This example could be reworked to increment the
 counter without calling the constructor:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 385px; min-height: 242px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nonew: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">counter</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">name</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">name</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-variable">counter</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Person</span>(<span class="cm-string">"James"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-variable">counter</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>; <span class="cm-comment">// Don't use the constructor</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 242px;"></div><div style="height: 242px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 427px; min-height: 321px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nonew: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">counter</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">name</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">name</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-variable">counter</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Person</span>(<span class="cm-string">"James"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-variable">counter</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>; <span class="cm-comment">// Don't use the constructor</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 321px;"></div><div style="height: 336px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Unexpected 'this'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W031</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W031 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-new</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W032.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W032.html
index 169644f..7e8a01c 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W032.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W032.html
@@ -1,6 +1,7 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Unnecessary semicolon" error is thrown when JSHint or ESLint encounters <strong>a semicolon following a block statement or function declaration</strong>. In the following example we mistakenly include a semicolon after an <code>if</code> statement body (which is a block statement), and another after a function declaration:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">Unnecessary semicolon.</td></tr><tr><td class="line">Line 6:</td><td class="msg">Unnecessary semicolon.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Unnecessary semicolon.</td></tr><tr><td class="inline">Line 6:</td><td class="msg">Unnecessary semicolon.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>pointless piece of code</strong>. Semicolons are
 not required after block statements or function declarations. The specification
@@ -18,10 +19,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 </blockquote>
 <p>This time there is no semicolon which means its safe to remove the extra
 semicolons from the previous example. This will resolve the issue:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W032</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W032 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-extra-semi</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W034.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W034.html
index 99e6e38..38541fe 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W034.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W034.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Unnecessary 'use strict'" error (and the alternative "Unnecessary directive
 '{a}'" error) is thrown when JSLint, JSHint or ESLint encounters <strong>a <code>"use
 strict"</code> directive in code that is already running in strict mode</strong>. The
 following example features a factory function that runs in strict mode and
 returns another function that has its own strict mode directive:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">factory</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Unnecessary 'use strict'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">factory</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unexpected expression 'use strict' in statement position.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>completely pointless piece of code</strong>. The
 <code>"use strict"</code> directive applies to the scope in which it appears, and any
@@ -20,10 +21,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>If you're receiving this error you can safely remove the highlighted instances
 of the <code>"use strict"</code> directive and be sure that the function in question will
 still run in strict mode:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">factory</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">factory</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W034</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W034 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-extra-strict</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W036.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W036.html
new file mode 100644
index 0000000..a359322
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W036.html
@@ -0,0 +1,42 @@
+
+    <h3 id="history">History</h3>
+<p>This warning has existed in a number of forms in both JSLint and JSHint. It was
+introduced in the original version of both and has remained ever since.</p>
+<ul>
+<li><p>In JSLint versions dated before May 2015 the warning given is "Unexpected
+/*property*/ '{a}'"</p>
+</li>
+<li><p>In more recent versions the message has changed to "Unregistered property
+name '{a}'"</p>
+</li>
+<li><p>In JSHint the message has always been "Unexpected /*member '{a}'"</p>
+</li>
+</ul>
+<p>The situations that produce the warning have not changed despite changes to the
+text of the warning itself.</p>
+<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+<p>The "Unregistered property name '{a}'" error (and the alternatives, "Unexpected
+/*property*/ '{a}'" and "Unexpected /*member '{a}'") is thrown when JSLint or
+JSHint encounters <strong>a non-whitelisted property identifier</strong>. In the following
+example we are attempting to create an object literal with a property named <code>x</code>:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*property y, z */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">obj</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">x</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Unregistered property name 'x'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
+<p>This error is raised to highlight a <strong>possible typo</strong> or a <strong>deviation from a
+code style guide</strong>. Unless the message is indicating a typo it's likely that
+your code will work without fault but you may be breaking rules set by your
+organization.</p>
+<p>This error will only be thrown if the linter configuration specifies a property
+name whitelist. In JSLint this is likely to appear in the form of a <code>/*property
+*/</code> directive at the top of the file. In older versions of JSLint <code>/*properties
+*/</code> was also accepted. In JSHint the relevant directive is <code>/*members */</code>. Note
+that the <code>/*members */</code> directive in JSHint is deprecated and this functionality
+is likely to be removed in a future version.</p>
+<p>To resolve the issue ensure you are only referencing properties that are
+whitelisted. Alternatively, add the property identifier in question to the list.</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*property x, y, z */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">obj</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">x</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
+<a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W036</strong>.
+This means you can tell JSHint to not issue this warning with the <code>/*jshint
+-W036 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W037.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W037.html
index 03cf437..229ea4c 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W037.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W037.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -20,11 +21,11 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 global execution context with the identifier <code>x</code>. Inside the <code>test</code> function,
 there is a <code>for</code> statement with a label that also has the identifier <code>x</code>. JSLint
 and JSHint throw this error when we attempt to refer to the <code>x</code> variable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 421px; min-height: 359px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-comment">// Variable with identifier 'x'</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>(<span class="cm-def">i</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-variable">x</span>: <span class="cm-comment">// Label with identifier 'x'</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-keyword">while</span> (<span class="cm-variable-2">i</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-variable-2">i</span> <span class="cm-operator">-=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable-2">i</span>; <span class="cm-comment">// Reference to variable 'x'</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>            <span class="cm-keyword">break</span> <span class="cm-variable">x</span>; <span class="cm-comment">// Reference to label 'x'</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">15</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">16</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">17</div></div><pre class=""><span><span class="cm-variable">test</span>(<span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">18</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 359px;"></div><div style="height: 359px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 10:</td><td class="msg">'x' is a statement label.</td></tr><tr><td class="line">Line 12:</td><td class="msg">Unexpected 'x'.</td></tr><tr><td class="line">Line 7:</td><td class="msg">Unused 'x'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 467px; min-height: 477px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-comment">// Variable with identifier 'x'</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>(<span class="cm-def">i</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-variable">x</span>: <span class="cm-comment">// Label with identifier 'x'</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-keyword">while</span> (<span class="cm-variable-2">i</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-variable-2">i</span> <span class="cm-operator">-=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable-2">i</span>; <span class="cm-comment">// Reference to variable 'x'</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>            <span class="cm-keyword">break</span> <span class="cm-variable">x</span>; <span class="cm-comment">// Reference to label 'x'</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">15</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">16</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">17</div></div><pre class=""><span><span class="cm-variable">test</span>(<span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">18</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 477px;"></div><div style="height: 492px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 6:</td><td class="msg">Redefinition of 'x' from line 0.</td></tr><tr><td class="inline">Line 9:</td><td class="msg">'x' is a statement label.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>ESLint raises its equivalent "Found identifier with the same name as label"
 error a little more readily. All it needs to find is a variable and label with
 the same identifier:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5001px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span>:</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">for</span> (; <span class="cm-variable">x</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable">x</span><span class="cm-operator">++</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">ESLint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 0.6.2</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Unexpected labeled statement.</td></tr><tr><td class="line">Line 2:</td><td class="msg">Found identifier with same name as label.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Expected { after 'for' condition.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Unnecessary semicolon.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span>:</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">for</span> (; <span class="cm-variable">x</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable">x</span><span class="cm-operator">++</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version v0.16.1</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to help improve the readability of your code. It may be
 confusing to others (and to you, if you revisit your code some time in the
@@ -48,10 +49,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 purely to make your code clearer and easier to follow.</p>
 <p>You can prevent it by simply using different identifiers for labels and
 variables:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">y</span>:</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">for</span> (; <span class="cm-variable">x</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable">x</span><span class="cm-operator">++</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">ESLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 0.6.2</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Unexpected labeled statement.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Expected { after 'for' condition.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Unnecessary semicolon.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">y</span>:</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">for</span> (; <span class="cm-variable">x</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable">x</span><span class="cm-operator">++</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version v0.16.1</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W037</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W037 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-label-var</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W038.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W038.html
index 3163e3d..0c57905 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W038.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W038.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -17,7 +18,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 reference to a variable declared in an inner block</strong>. In the following example
 we declare the variable <code>x</code> in the body of an <code>if</code> statement and then attempt to
 return it from the enclosing function:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 6:</td><td class="msg">'x' used out of scope.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">'x' is out of scope.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a possible <strong>misunderstanding of the
 language</strong>. Your code will most likely work as expected if you do not resolve
@@ -39,10 +40,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 assignment still occurs within the <code>if</code> statement body but by moving the
 declaration up to the top of the function body our code more closely represents
 the way the JavaScript engine will interpret it:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 184px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-variable-2">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 184px;"></div><div style="height: 184px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 242px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-variable-2">x</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 242px;"></div><div style="height: 257px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this
 warning is <strong>W038</strong>. This means you can tell JSHint to not issue this warning
 with the <code>/*jshint -W038 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>block-scoped-var</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W043.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W043.html
index 87a4227..13c3d52 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W043.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W043.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in various forms across the three main linters. It was
 introduced in the original version of JSHint and has remained (in a way) in all
 three tools from some point since.</p>
@@ -29,7 +30,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 issue this warning the the <code>multistr</code> option is not set to <code>true</code>. In the
 following example we attempt to assign a multiline string to the variable
 <code>myString</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"Line 1 \</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>                <span class="cm-string">Line 2"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Bad escaping of EOL. Use option multistr if needed.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"Line 1 \</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>                <span class="cm-string">Line 2"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Bad escaping of EOL. Use option multistr if needed.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight the use of <strong>a newer language feature that
 might not be supported</strong> in all the environments in which your code should run.
@@ -45,13 +46,15 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 </blockquote>
 <p>If you're receiving this error in JSHint you can listen to the message and set
 the <code>multistr</code> option to allow the use of multiline strings:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 241px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint multistr: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"Line 1 \</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>                <span class="cm-string">Line 2"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint multistr: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"Line 1 \</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>                <span class="cm-string">Line 2"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>If you're using a version of JSLint from between May 2011 and August 2013 you
 can avoid this warning by setting the <code>es5</code> option:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint es5: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"Line 1 \</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>                <span class="cm-string">Line 2"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-05-31</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint es5: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"Line 1 \</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>                <span class="cm-string">Line 2"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-05-31</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W043</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W043 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-multi-str</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W047.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W047.html
index cf8d9c9..b5cb703 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W047.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W047.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -20,7 +21,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 JSLint, JSHint and ESLint encounter <strong>a numeric literal followed by a <code>.</code> token
 which itself is not followed by a decimal integer literal</strong>. Here's an example
 in which we attempt to assign the value <code>5.0</code> to the variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 106px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">5.</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">A trailing decimal point can be confused with a dot: '.5.'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 117px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">5.</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">A trailing decimal point can be confused with a dot: '.5.'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially confusing piece of code</strong>.
 Your code will run without error if you do not address this issue but it could
@@ -40,10 +41,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 to access a property of an object), JSLint, JSHint and ESLint prefer the
 explicit third production from the above grammar, just to make your code easier
 to understand. Therefore to fix this error you can simply remove the <code>.</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 97px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">5</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4.00006px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 107px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">5</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W047</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W047 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-floating-decimal</code>.
 You can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W051.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W051.html
index b4e0af9..87e477c 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W051.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W051.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSLint, JSHint and ESLint. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -16,14 +17,14 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 should not be    deleted" error, is thrown when JSLint, JSHint or ESLint
 encounters <strong>the <code>delete</code> operator followed by a single identifier</strong>. In the
 following example we declare a variable x and then attempt to delete it:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 106px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">delete</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Only properties should be deleted.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 117px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">delete</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Expected '.' and instead saw 'x'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight code that probably <strong>doesn't work as you
 expect it to</strong>. It can also indicate a <strong>fatal syntax error</strong>. The <code>delete</code>
 operator will only delete properties of objects. It cannot "delete" variables or
 anything else. Here's a valid use of the delete operator. Notice how this time
 there are no JSLint errors:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 133px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">prop</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">delete</span> <span class="cm-variable">x</span>.<span class="cm-property">prop</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 147px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">prop</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">delete</span> <span class="cm-variable">x</span>.<span class="cm-property">prop</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>The ECMAScript 5 specification details the behaviour of the <code>delete</code> operator
 (<a href="http://es5.github.io/#x11.4.1">ES5 §11.4.1</a>). When the operand is a reference to an object
 property this is what happens:</p>
@@ -47,3 +48,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W051</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W051 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W053.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W053.html
index 71794bd..f81ceb5 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W053.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W053.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Do not use {a} as a constructor" error is thrown when JSLint, JSHint or
 ESLint encounters <strong>a call to <code>String</code>, <code>Number</code>, <code>Boolean</code>, <code>Math</code> or <code>JSON</code>
 preceded by the <code>new</code> operator</strong>. In the following example we attempt to assign
 some values to variables by invoking these functions as constructors:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 331px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">str</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">String</span>(<span class="cm-string">"hello"</span>),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Number</span>(<span class="cm-number">10</span>),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">bool</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Boolean</span>(<span class="cm-atom">false</span>),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">math</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Math</span>(),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">json</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">JSON</span>({ <span class="cm-property">myProp</span>: <span class="cm-number">10</span> });</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 5 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Do not use String as a constructor.</td></tr><tr><td class="line">Line 2:</td><td class="msg">Do not use Number as a constructor.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Do not use Boolean as a constructor.</td></tr><tr><td class="line">Line 4:</td><td class="msg">Do not use Math as a constructor.</td></tr><tr><td class="line">Line 5:</td><td class="msg">Do not use JSON as a constructor.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 367px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">str</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">String</span>(<span class="cm-string">"hello"</span>),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Number</span>(<span class="cm-number">10</span>),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">bool</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Boolean</span>(<span class="cm-atom">false</span>),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">math</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Math</span>(),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">json</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">JSON</span>({ <span class="cm-property">myProp</span>: <span class="cm-number">10</span> });</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 5 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unexpected 'new'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Unexpected 'new'.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Unexpected 'new'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Unexpected space between '{' and 'myProp'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Unexpected space between '10' and '}'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>bad practice</strong> and a piece of code that
 <strong>may not work as you intend it to</strong>. It can also highlight a possible <strong>fatal
@@ -16,18 +17,20 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 object to a literal will always return false. In the case of these objects, to
 fix this error, use literal values rather than their corresponding wrapper
 objects:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">str</span> <span class="cm-operator">=</span> <span class="cm-string">"hello"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">bool</span> <span class="cm-operator">=</span> <span class="cm-atom">false</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">str</span> <span class="cm-operator">=</span> <span class="cm-string">"hello"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">bool</span> <span class="cm-operator">=</span> <span class="cm-atom">false</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>Note that this does not cause you to lose any functionality, since literal
 values are internally cast to instances of the appropriate type when you call a
 method on them. Also note that you are free to use these functions to perform
 type conversions i.e. by invoking them without the <code>new</code> operator:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 304px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">str</span> <span class="cm-operator">=</span> <span class="cm-variable">String</span>(<span class="cm-number">10</span>),    <span class="cm-comment">// "10"</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-variable">Number</span>(<span class="cm-string">"123"</span>), <span class="cm-comment">// 123</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">bool</span> <span class="cm-operator">=</span> <span class="cm-variable">Boolean</span>(<span class="cm-string">""</span>);  <span class="cm-comment">// false</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">str</span> <span class="cm-operator">=</span> <span class="cm-variable">String</span>(<span class="cm-number">10</span>),    <span class="cm-comment">// "10"</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-variable">Number</span>(<span class="cm-string">"123"</span>), <span class="cm-comment">// 123</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">bool</span> <span class="cm-operator">=</span> <span class="cm-variable">Boolean</span>(<span class="cm-string">""</span>);  <span class="cm-comment">// false</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>The case is a little different for the <code>Math</code> and <code>JSON</code> objects. These two
 objects are not functions, and cannot be constructed. Attempts to instantiate
 them will result in a type error. If you're trying to serialize an object into a
 JSON string, you need to use the <code>JSON.stringify</code> method instead:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 385px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">json</span> <span class="cm-operator">=</span> <span class="cm-variable">JSON</span>.<span class="cm-property">stringify</span>({ <span class="cm-property">myProp</span>: <span class="cm-number">10</span> });</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 427px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">json</span> <span class="cm-operator">=</span> <span class="cm-variable">JSON</span>.<span class="cm-property">stringify</span>({ <span class="cm-property">myProp</span>: <span class="cm-number">10</span> });</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unexpected space between '{' and 'myProp'.</td></tr><tr><td class="inline">Line 0:</td><td class="msg">Unexpected space between '10' and '}'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W053</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W053 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W054.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W054.html
index 89ba6fc..a947080 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W054.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W054.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSLint, JSHint and ESLint. It was
 introduced in the original version of JSLint and has remained in all three
 linters ever since.</p>
@@ -17,7 +18,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 constructor is a form of eval" error) is thrown when JSLint, JSHint or ESLint
 encounters <strong>a call to the <code>Function</code> constructor preceded by the <code>new</code>
 operator</strong>. Here's a simple example which defines a function to add two numbers:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 448px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">add</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Function</span>(<span class="cm-string">"a"</span>, <span class="cm-string">"b"</span>, <span class="cm-string">"return a + b"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">The Function constructor is eval.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 497px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">add</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Function</span>(<span class="cm-string">"a"</span>, <span class="cm-string">"b"</span>, <span class="cm-string">"return a + b"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unexpected 'new Function'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>bad practice</strong>. By passing a string to the
 <code>Function</code> constructor you are requiring the engine to parse that string much in
@@ -26,14 +27,16 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 message.</p>
 <p>In simple cases like that of our example above, you can fix the issue by using a
 function declaration or function expression:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 250px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">add</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> (<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">a</span> <span class="cm-operator">+</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">add</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> (<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">a</span> <span class="cm-operator">+</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In more advanced cases where you really need to use the <code>Function</code> constructor,
 you can set the <code>evil</code> option to <code>true</code> to prevent both JSLint and JSHint from
 complaining about it:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 448px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint evil: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">add</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Function</span>(<span class="cm-string">"a"</span>, <span class="cm-string">"b"</span>, <span class="cm-string">"return a + b"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 497px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint evil: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">add</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Function</span>(<span class="cm-string">"a"</span>, <span class="cm-string">"b"</span>, <span class="cm-string">"return a + b"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad option 'evil'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Unexpected 'new Function'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W054</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W054 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-new-func</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W055.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W055.html
index 07f51d9..0056a3d 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W055.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W055.html
@@ -1,14 +1,15 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "A constructor name should start with an uppercase letter" error is thrown
 when JSLint, JSHint or ESLint encounters <strong>an identifier, preceded by the <code>new</code>
 operator, whose first character is a lowercase letter</strong>. JSHint will only raise
 this warning <strong>when the <code>newcap</code> option is set to <code>true</code></strong>. In the following
 example we declare a constructor function <code>myConstructor</code> and then attempt to
 instantiate it:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 340px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint newcap: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">myConstructor</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">property</span> <span class="cm-operator">=</span> <span class="cm-string">"Something"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myInstance</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">myConstructor</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 7:</td><td class="msg">A constructor name 'myConstructor' should start with an uppercase letter.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 377px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint newcap: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">myConstructor</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">property</span> <span class="cm-operator">=</span> <span class="cm-string">"Something"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myInstance</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">myConstructor</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unexpected 'this'.</td></tr><tr><td class="inline">Line 6:</td><td class="msg">Unexpected 'new'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong>. It is common practice for constructor function identifiers to begin with an uppercase letter. JSLint simply enforces this convention. Here's the above snippet rewritten to pass JSLint. Notice that the only difference is the uppercase "M":</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 295px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint newcap: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">MyClass</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">property</span> <span class="cm-operator">=</span> <span class="cm-string">"Something"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myInstance</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">MyClass</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 327px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint newcap: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">MyClass</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">property</span> <span class="cm-operator">=</span> <span class="cm-string">"Something"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myInstance</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">MyClass</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unexpected 'this'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>It is worth bearing in mind that this is only a convention and is not required
 by the language in any way. You can safely ignore this error if you prefer to
 name your constructor functions differently. By setting the <code>newcap</code> option, you
@@ -17,3 +18,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W055</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W055 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W056.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W056.html
index 5d4a1db..2b9e97e 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W056.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W056.html
@@ -1,8 +1,9 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Bad constructor" error is thrown when JSLint or JSHint encounters <strong>the
 <code>new</code> operator followed by a literal value</strong>. In the following example we are
 attempting to apply the <code>new</code> operator to a numeric literal:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-number">5</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Bad constructor.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-number">5</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unexpected '('.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>In the case of assignment to a function call this error is raised to highlight a
 <strong>fatal type error</strong>. Your code will throw an error in all environments if
@@ -29,7 +30,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <li>JSLint and JSHint can detect this to a point and will issue the same "Bad
 constructor" warning if you attempt to apply <code>new</code> to an object literal:</li>
 </ol>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 178px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> {}();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Bad constructor.</td></tr><tr><td class="line">Line 1:</td><td class="msg">Unexpected 'new'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 197px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">num</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> {}();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unexpected space between 'new' and '{'.</td></tr><tr><td class="inline">Line 0:</td><td class="msg">Unexpected '('.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>To avoid this warning simply stop attempting to misuse the <code>new</code> operator. It is
 only useful for creating instances of a constructor function and has no sensible
 meaning when applied to non-function objects or literals.</p>
@@ -37,3 +38,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W056</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W056 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W058.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W058.html
index 83dcd70..cd0d43f 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W058.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W058.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -16,7 +17,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 and ESLint encounter <strong>a <code>new</code> expression that is not immediately followed by a
 pair of parentheses</strong>. In the following example we create an instance of the
 built-in <code>Date</code> constructor:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">d</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Date</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Missing '()'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">d</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Date</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Missing '()'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong>. Your code will work
 without error if you do not resolve this issue but you may be contravening
@@ -45,10 +46,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 function, rather than the return value of it. By missing the parentheses on a
 constructor call your code may be less self-explanatory. To fix the issue you
 can simply add the missing parentheses:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 178px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">d</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Date</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 197px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">d</span> <span class="cm-operator">=</span> <span class="cm-keyword">new</span> <span class="cm-variable">Date</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W058</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W058 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>new-parens</code>.
 You can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W059.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W059.html
index 61ea2f5..510403d 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W059.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W059.html
@@ -1,4 +1,5 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Avoid arguments.{a}" error is thrown when JSLint, JSHint or ESLint
 encounters <strong>a reference to the <code>callee</code> or <code>caller</code> property of an <code>arguments</code>
 object</strong>. The text of this warning can therefore be either "Avoid
@@ -6,7 +7,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 warning if the <code>noarg</code> option is set to <code>true</code>. In the following example we have
 a simple function that calculates the factorial of each number in an array. It
 uses <code>arguments.callee</code> to call itself recursively:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 466px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">numbers</span> <span class="cm-operator">=</span> [<span class="cm-number">1</span>, <span class="cm-number">2</span>, <span class="cm-number">3</span>, <span class="cm-number">4</span>, <span class="cm-number">5</span>];</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">numbers</span>.<span class="cm-property">map</span>(<span class="cm-keyword">function</span> (<span class="cm-def">n</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">n</span> <span class="cm-operator">&lt;</span> <span class="cm-number">1</span> <span class="cm-operator">?</span> <span class="cm-number">1</span> : <span class="cm-variable-2">n</span> <span class="cm-operator">*</span> <span class="cm-variable-2">arguments</span>.<span class="cm-property">callee</span>(<span class="cm-variable-2">n</span> <span class="cm-operator">-</span> <span class="cm-number">1</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-comment">// Returns [1, 2, 6, 24, 120]</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Missing 'use strict' statement.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Avoid 'arguments.callee'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 517px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 517px; min-height: 164px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">numbers</span> <span class="cm-operator">=</span> [<span class="cm-number">1</span>, <span class="cm-number">2</span>, <span class="cm-number">3</span>, <span class="cm-number">4</span>, <span class="cm-number">5</span>];</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">numbers</span>.<span class="cm-property">map</span>(<span class="cm-keyword">function</span> (<span class="cm-def">n</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">n</span> <span class="cm-operator">&lt;</span> <span class="cm-number">1</span> <span class="cm-operator">?</span> <span class="cm-number">1</span> : <span class="cm-variable-2">n</span> <span class="cm-operator">*</span> <span class="cm-variable-2">arguments</span>.<span class="cm-property">callee</span>(<span class="cm-variable-2">n</span> <span class="cm-operator">-</span> <span class="cm-number">1</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-comment">// Returns [1, 2, 6, 24, 120]</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Expected 'use strict' before 'return'.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Expected '?' at column 8, not column 17.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Expected ':' at column 8, not column 21.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Unexpected 'arguments'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight the <strong>use of a deprecated language feature</strong>.
 The code will work as expected in most environments at the moment but support
@@ -18,7 +19,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 value of <code>this</code> to change within the function.</p>
 <p>To solve these problems ECMAScript 3 introduced the concept of <em>named</em> function
 expressions. To avoid this warning modify your code to use them instead:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 403px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">numbers</span> <span class="cm-operator">=</span> [<span class="cm-number">1</span>, <span class="cm-number">2</span>, <span class="cm-number">3</span>, <span class="cm-number">4</span>, <span class="cm-number">5</span>];</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">numbers</span>.<span class="cm-property">map</span>(<span class="cm-keyword">function</span> <span class="cm-variable">factorial</span>(<span class="cm-def">n</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">n</span> <span class="cm-operator">&lt;</span> <span class="cm-number">1</span> <span class="cm-operator">?</span> <span class="cm-number">1</span> : <span class="cm-variable-2">n</span> <span class="cm-operator">*</span> <span class="cm-variable">factorial</span>(<span class="cm-variable-2">n</span> <span class="cm-operator">-</span> <span class="cm-number">1</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span class="cm-comment">// Returns [1, 2, 6, 24, 120]</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 447px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">numbers</span> <span class="cm-operator">=</span> [<span class="cm-number">1</span>, <span class="cm-number">2</span>, <span class="cm-number">3</span>, <span class="cm-number">4</span>, <span class="cm-number">5</span>];</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">numbers</span>.<span class="cm-property">map</span>(<span class="cm-keyword">function</span> <span class="cm-variable">factorial</span>(<span class="cm-def">n</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">n</span> <span class="cm-operator">&lt;</span> <span class="cm-number">1</span> <span class="cm-operator">?</span> <span class="cm-number">1</span> : <span class="cm-variable-2">n</span> <span class="cm-operator">*</span> <span class="cm-variable">factorial</span>(<span class="cm-variable-2">n</span> <span class="cm-operator">-</span> <span class="cm-number">1</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span class="cm-comment">// Returns [1, 2, 6, 24, 120]</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Expected '?' at column 8, not column 17.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">Expected ':' at column 8, not column 21.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Notice the addition of the <code>"use strict"</code> directive in that example. In
 ECMAScript 5 the use of <code>arguments.callee</code> and <code>arguments.caller</code> were
 deprecated and removed from strict mode. Attempting to reference either property
@@ -29,3 +30,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 -W059 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-caller</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W061.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W061.html
index 38f64db..703d21b 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W061.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W061.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSLint, JSHint and ESLint. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -18,7 +19,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 thrown when JSLint, JSHint or ESLint encounters <strong>a call to the eval function</strong>.
 Here's an example in which we use eval to access an object property by a
 computed name:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 376px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"x"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myObject</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">x</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">value</span> <span class="cm-operator">=</span> <span class="cm-variable">eval</span>(<span class="cm-string">"myObject."</span> <span class="cm-operator">+</span> <span class="cm-variable">myString</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">eval is evil.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 417px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"x"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myObject</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">x</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">value</span> <span class="cm-operator">=</span> <span class="cm-variable">eval</span>(<span class="cm-string">"myObject."</span> <span class="cm-operator">+</span> <span class="cm-variable">myString</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">Unexpected 'eval'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>There are numerous reasons for this error. Some of the major ones include
 <strong>potentially dangerous code</strong> and a likelihood of a <strong>misunderstanding of the
@@ -30,7 +31,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 are trying to do something like our example above - access an object property
 with a string. There's a much better way to do that, using the square bracket
 syntax to access properties with a variable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"x"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myObject</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">x</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">value</span> <span class="cm-operator">=</span> <span class="cm-variable">myObject</span>[<span class="cm-variable">myString</span>];</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"x"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myObject</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">x</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">value</span> <span class="cm-operator">=</span> <span class="cm-variable">myObject</span>[<span class="cm-variable">myString</span>];</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>The <code>eval</code> function is slow. If you're using it unecessarily, you're slowing
 down your program for no reason. One cause of this is the fact that the engine
 has to parse the argument as a complete new program (<a href="http://es5.github.com/#x15.1.2.1">ES5
@@ -50,10 +51,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>However, in the situation where you absolutely have to use <code>eval</code>, you can tell
 both JSLint and JSHint to allow it. But you should only do this as a last
 resort. Just set the <code>evil</code> option to <code>true</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 376px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint evil: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"x"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">myObject</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">x</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">value</span> <span class="cm-operator">=</span> <span class="cm-variable">eval</span>(<span class="cm-string">"myObject."</span> <span class="cm-operator">+</span> <span class="cm-variable">myString</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 417px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint evil: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"x"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">myObject</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">x</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">value</span> <span class="cm-operator">=</span> <span class="cm-variable">eval</span>(<span class="cm-string">"myObject."</span> <span class="cm-operator">+</span> <span class="cm-variable">myString</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad option 'evil'.</td></tr><tr><td class="inline">Line 5:</td><td class="msg">Unexpected 'eval'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W061</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W061 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-eval</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W062.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W062.html
index 120604e..e755609 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W062.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W062.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Wrap an immediate function invocation in parentheses" error is thrown when
 JSLint, JSHint and ESLint encounter <strong>an immediately invoked function expression
 that is not wrapped in parentheses</strong>. JSHint will only raise this warning if the
 <code>immed</code> option is set to <code>true</code>.  In the following example we assign the return
 value of the anonymous function the variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint immed: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-property">y</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 7:</td><td class="msg">Wrap an immediate function invocation in parentheses to assist the reader in understanding that the expression is the result of a function, and not the function itself.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint immed: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-property">y</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 7:</td><td class="msg">Wrap an immediate function invocation in parentheses to assist the reader in understanding that the expression is the result of a function, and not the function itself.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong>. Your code will run
 fine if you do not fix this error, but it may be confusing to others. Since
@@ -13,7 +14,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 is to simply wrap a function statement in parentheses. The opening parenthesis
 causes the contained function to be parsed as an expression, rather than a
 declaration:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 160px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>(<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 177px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>(<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>If you remove the wrapping parentheses from the above example, you will end up
 with a syntax error. For that reason, when immediately invoking a function
 expression that doesn't require any special treatment to turn it into an
@@ -21,10 +22,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 wrap it in parentheses anyway, for consistency and to make it clearer that the
 resulting value of the overall expression is the <em>return value</em> of the function,
 rather than a reference to the function itself:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint immed: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> (<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-property">y</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint immed: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> (<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-property">y</span>: <span class="cm-number">1</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2013-04-29</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W062</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W062 */</code> directive. You can also set the <code>immed</code> option to <code>false</code>.</p>
 <p>In ESLint the rule that generates this warning is named <code>wrap-iife</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W063.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W063.html
index 40b4278..053db10 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W063.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W063.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "'{a}' is not a function" error is thrown when JSLint, JSHint or ESLint
 encounters <strong>an attempt to invoke the <code>Math</code> object as a function</strong>. JSLint and
 ESLint (but not JSHint) will also raise this warning when they encounter <strong>an
 attempt to invoke the <code>JSON</code> object as a function</strong>. Here's an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 142px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">Math</span>(),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">JSON</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">'Math' is not a function.</td></tr><tr><td class="line">Line 2:</td><td class="msg">'JSON' is not a function.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 157px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">Math</span>(),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">JSON</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Expected 'new' before 'Math'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Expected 'new' before 'JSON'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight what is most likely a <strong>misunderstanding of
 the language</strong>. The <code>Math</code> property of the global object is described in the
@@ -29,10 +30,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 accessed in the normal way. If you're receiving this error the chances are you
 intended to invoke one of the function properties instead of the object itself.
 For example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 250px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">Math</span>.<span class="cm-property">random</span>(),</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">JSON</span>.<span class="cm-property">stringify</span>({});</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">Math</span>.<span class="cm-property">random</span>(),</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">JSON</span>.<span class="cm-property">stringify</span>({});</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W063</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W063 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-obj-calls</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W065.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W065.html
index 353bb53..41aa649 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W065.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W065.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Missing radix parameter" error is thrown when JSLint, JSHint or ESLint
 encounters <strong>a call to the <code>parseInt</code> function that only has one argument</strong>. As
 of JSHint 2.3.0 the warning will only be issued if the <code>es3</code> option is set to
 <code>true</code>. Here's an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 142px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">parseInt</span>(<span class="cm-string">"10"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Missing radix parameter.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 157px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">parseInt</span>(<span class="cm-string">"10"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potential oversight that could lead to
 problems</strong>. The second argument of the <code>parseInt</code> function is used to specify a
@@ -22,8 +23,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>As of ECMAScript 5, this quirk of <code>parseInt</code> has been removed. However, since
 it's likely you will want your code to run successfully in older environments
 that do not support ES5, you should always pass a radix to <code>parseInt</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 178px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">parseInt</span>(<span class="cm-string">"10"</span>, <span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 197px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">parseInt</span>(<span class="cm-string">"10"</span>, <span class="cm-number">10</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W065</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W065 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W066.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W066.html
index 7c92769..73d95d7 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W066.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W066.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -21,7 +22,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 string" error) is thrown when JSLint, JSHint and ESLint encounter <strong>a call to
 <code>setTimeout</code> or <code>setInterval</code> in which the first argument is a string</strong>. Here's
 an example that should pop up a browser alert after one second:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 340px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">setTimeout</span>(<span class="cm-string">"alert('Hello!');"</span>, <span class="cm-number">1000</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Implied eval is evil. Pass a function instead of a string.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 377px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">setTimeout</span>(<span class="cm-string">"alert('Hello!');"</span>, <span class="cm-number">1000</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>bad practice</strong> and a possible
 <strong>misunderstanding of the language</strong>. By passing a string to <code>setTimeout</code> or
@@ -32,10 +33,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>You can fix this issue by simply passing a function to <code>setTimeout</code> or
 <code>setInterval</code> instead of a string. In a situation like that of the example
 above, you can achieve this by passing an anonymous function:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 349px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, devel: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">setTimeout</span>(<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">alert</span>(<span class="cm-string">'Hello!'</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}, <span class="cm-number">1000</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 387px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, devel: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">setTimeout</span>(<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">alert</span>(<span class="cm-string">'Hello!'</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}, <span class="cm-number">1000</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W066</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W066 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-implied-eval</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W068.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W068.html
index 974b3ac..7ad9a09 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W068.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W068.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in a very early version of JSLint and has remained in all three tools
 ever since.</p>
@@ -25,13 +26,13 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 invoking parentheses</strong>. JSHint will throw this error in the same situation, but
 only if the <code>immed</code> option is set to <code>true</code>. In the following example we assign
 a function expression to a variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint immed: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> (<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Do not wrap function literals in parens unless they are to be immediately invoked.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint immed: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> (<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Don't wrap function literals in parens.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially confusing piece of code</strong>. It
 is common in JavaScript to see immediately invoked function expressions. Here's
 the above snippet again, this time with the invoking parentheses. Notice how
 subtle the difference is:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 205px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> (<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 227px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> (<span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}());</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>While the difference may not look like much, the two snippets are completely
 different in their behaviour. The first example (which does not pass JSLint)
 will result in a function expression assigned to <code>x</code>. The second snippet will
@@ -45,3 +46,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 -W068 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-wrap-func</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W069.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W069.html
index bd03656..6e99c1f 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W069.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W069.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "['{a}'] is better written in dot notation" error is thrown when JSLint,
 JSHint or ESLint encounters an attempt to <strong>access a property using a string
 literal within a pair of square brackets when the property name is not a
 reserved word</strong>. In the following example we attempt to access the <code>prop</code>
 property of the <code>x</code> object:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>        <span class="cm-property">prop</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">x</span>[<span class="cm-string">"prop"</span>];</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">['prop'] is better written in dot notation.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>        <span class="cm-property">prop</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">x</span>[<span class="cm-string">"prop"</span>];</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">['prop'] is better written in dot notation.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>unnecessarily verbose and potentially
 confusing piece of code</strong>. It is very common in many programming languages to
@@ -12,16 +13,18 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 with either syntax, and both will work in all environments. However, by using
 dot notation where possible, you can save three characters every time. Here's
 the above snippet, this time with dot notation:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 151px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>        <span class="cm-property">prop</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">x</span>.<span class="cm-property">prop</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 167px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>        <span class="cm-property">prop</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">x</span>.<span class="cm-property">prop</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>However, it's important to remember that you have to use the square bracket
 notation if you want to access a property whose identifier is a reserved word.
 JSLint and JSHint will not raise this error in that situation. In the following
 example, <code>x</code> has a property with the identifier <code>class</code>. Notice that JSLint does
 not throw an error, even though we are using square bracket notation:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 178px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>        <span class="cm-string cm-property">"class"</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">x</span>[<span class="cm-string">"class"</span>];</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 197px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>        <span class="cm-string cm-property">"class"</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">x</span>[<span class="cm-string">"class"</span>];</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Quotes are not needed around 'class'.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">['class'] is better written in dot notation.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W069</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W069 */</code> directive. You can also set the <code>sub</code> option to <code>true</code>.</p>
 <p>In ESLint the rule that generates this warning is named <code>dot-notation</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W070.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W070.html
index 9dd9c57..cb285be 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W070.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W070.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in various forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -20,7 +21,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <strong>a comma following the final value in an object literal</strong>. Since version 2.0.0
 JSHint will only raise this warning if the <code>es3</code> option is set to <code>true</code>. Here's
 an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es3: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">prop1</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">prop2</span>: <span class="cm-number">20</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Extra comma. (it breaks older versions of IE)</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es3: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">prop1</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">prop2</span>: <span class="cm-number">20</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">Extra comma. (it breaks older versions of IE)</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potential fatal syntax error</strong>. When it
 comes to object literals, the difference in the ECMAScript specification from
@@ -46,7 +47,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>In environments that do not support ECMAScript 5, the above code will cause a
 syntax error. Therefore, if you may need to support such environments, it's best
 to remove the trailing comma:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es3: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">prop1</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">prop2</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es3: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">prop1</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-property">prop2</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In the case of array literals the situation is a bit less clear. The
 specification does not differ from ECMAScript 3 to 5 and has always allowed the
 use of a trailing comma (<a href="https://es5.github.com/#11.1.4">ES5 §11.1.4</a>):</p>
@@ -61,7 +62,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 valid, as per the spec. As with object literals, if your code might need to run
 is pre-ES5 environments, it's highly recommended that you remove any trailing
 commas:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 196px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es3: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> [</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"element1"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"element2"</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>];</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 217px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint es3: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> [</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"element1"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"element2"</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>];</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>If you are using an older version of JSHint (pre-2.0.0) and you want to use
 trailing commas you will have to set the <code>es5</code> option to <code>true</code>. As of version
 2.0.0 JSHint will treat all code as valid ES5 code. In JSHint 1.0.0 and above
@@ -71,3 +72,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-comma-dangle</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W072.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W072.html
index 604f0ec..5378045 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W072.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W072.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSHint and ESLint. It has never
 existing in JSLint. It was introduced in the r11 version of JSHint and has
 remained both JSHint and ESLint ever since.</p>
@@ -22,7 +23,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 parameters than specified by the configuration</strong>. In JSHint the configuration is
 controlled by the <code>maxparams</code> option. In ESLint it's <code>max-params</code>. Here's an
 example in which we attempt to declare a function that takes 3 arguments:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 331px; min-height: 184px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint maxparams: 2 */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint max-params: [1, 2] */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">name</span>, <span class="cm-def">age</span>, <span class="cm-def">gender</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">name</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">age</span> <span class="cm-operator">=</span> <span class="cm-variable-2">age</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">gender</span> <span class="cm-operator">=</span> <span class="cm-variable-2">gender</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 184px;"></div><div style="height: 184px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">This function has too many parameters. (3)</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 367px; min-height: 242px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint maxparams: 2 */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint max-params: [1, 2] */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">name</span>, <span class="cm-def">age</span>, <span class="cm-def">gender</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">name</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">age</span> <span class="cm-operator">=</span> <span class="cm-variable-2">age</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">gender</span> <span class="cm-operator">=</span> <span class="cm-variable-2">gender</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 242px;"></div><div style="height: 257px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">This function has too many parameters. (3)</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>deviation from a coding style</strong>. The
 ECMAScript standard does not specify a minimum or maximum number of arguments a
@@ -43,10 +44,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 e.g. <code>options</code>, which is usually an object with various properties. We could
 rewrite our <code>Person</code> constructor from the example above to use a single named
 parameter and therefore conform to the specified coding style:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 304px; min-height: 184px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint maxparams: 2 */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint max-params: [1, 2] */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">options</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">options</span>.<span class="cm-property">name</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">age</span> <span class="cm-operator">=</span> <span class="cm-variable-2">options</span>.<span class="cm-property">age</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">gender</span> <span class="cm-operator">=</span> <span class="cm-variable-2">options</span>.<span class="cm-property">gender</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 184px;"></div><div style="height: 184px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 242px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint maxparams: 2 */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint max-params: [1, 2] */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">Person</span>(<span class="cm-def">options</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">name</span> <span class="cm-operator">=</span> <span class="cm-variable-2">options</span>.<span class="cm-property">name</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">age</span> <span class="cm-operator">=</span> <span class="cm-variable-2">options</span>.<span class="cm-property">age</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">this</span>.<span class="cm-property">gender</span> <span class="cm-operator">=</span> <span class="cm-variable-2">options</span>.<span class="cm-property">gender</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 242px;"></div><div style="height: 257px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W072</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W072 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>max-params</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W075.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W075.html
index f2e85bf..54c5bb3 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W075.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W075.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in three forms in JSLint, JSHint and ESLint. It was
 introduced in the original version of JSLint and has remained in all three
 linters ever since.</p>
@@ -17,7 +18,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <strong>an object literal that contains more than one property with the same
 identifier</strong>. In the following example we attempt to assign an object containing
 two properties with the identifier <code>y</code> to a variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 97px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">y</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">y</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Duplicate key 'y'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 107px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">y</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">y</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Duplicate key 'y'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight code that <strong>may not work as you expect</strong> and
 could possibly cause a <strong>fatal JavaScript syntax error</strong>. In strict mode, your
@@ -45,3 +46,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 -W075 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-dupe-keys</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W076.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W076.html
index b94443d..6555146 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W076.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W076.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained (in a way) in all
 three tools ever since.</p>
@@ -17,7 +18,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 encounters <strong>a named parameter in the signature of a property getter function</strong>.
 In the following example we create an object x with a getter and setter. The
 getter will always return half of the set value:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 242px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 242px;"></div><div style="height: 242px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Unused 'value'.</td></tr><tr><td class="line">Line 3:</td><td class="msg">Unexpected parameter 'value' in get x function.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 321px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 321px;"></div><div style="height: 336px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 8 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Redefinition of 'x' from line 0.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">A get function takes no parameters.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Unexpected space between 'x' and '('.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Unused 'value'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Unexpected 'this'.</td></tr><tr><td class="inline">Line 6:</td><td class="msg">Redefinition of 'x' from line 0.</td></tr><tr><td class="inline">Line 6:</td><td class="msg">Unexpected space between 'x' and '('.</td></tr><tr><td class="inline">Line 8:</td><td class="msg">Unexpected 'this'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>completely pointless and potentially
 confusing piece of code</strong>. Your code will run without error if you do not change
@@ -33,8 +34,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>Since the runtime will never pass any arguments to the getter function, there is
 no need to provide any named parameters in the function signature. Simply remove
 them to fix the error:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 242px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 242px;"></div><div style="height: 242px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 321px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>12</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-property">actual</span>: <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">get</span> <span class="cm-property">x</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">/</span> <span class="cm-number">2</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-property">set</span> <span class="cm-property">x</span> (<span class="cm-def">value</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">actual</span> <span class="cm-operator">=</span> <span class="cm-variable-2">value</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 321px;"></div><div style="height: 336px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 6 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Redefinition of 'x' from line 0.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Unexpected space between 'x' and '('.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Unexpected 'this'.</td></tr><tr><td class="inline">Line 6:</td><td class="msg">Redefinition of 'x' from line 0.</td></tr><tr><td class="inline">Line 6:</td><td class="msg">Unexpected space between 'x' and '('.</td></tr><tr><td class="inline">Line 8:</td><td class="msg">Unexpected 'this'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W076</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W076 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W079.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W079.html
index 14e44ac..85a2c61 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W079.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W079.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Redefinition of '{a}'" error is thrown when JSHint or ESLint encounters a
 <strong>variable declaration with an identifier that is the same as that of a built-in
 native object</strong>. In the following example we attempt to declare a variable with
 the identifier <code>String</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 232px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">String</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Redefinition of 'String'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 257px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">String</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Redefinition of 'String'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>This warning will often appear alongside the related "<a href="/read-only">Read only</a>" message
 so you may find it useful to read the explanations of that one too.</p>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
@@ -58,3 +59,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 -W079 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-native-reassign</code>.
 You can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W080.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W080.html
index 8d55016..97c7ac0 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W080.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W080.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "It is not necessary to initialize '{a}' to 'undefined'" error is thrown
 when JSLint, JSHint or ESLint encounters <strong>a variable statement in which the
 variable is explicitly initialised to <code>undefined</code></strong>. Here's an example in which
 we attempt to declare a variable <code>x</code> and assign <code>undefined</code> to it:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">undefined</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">It is not necessary to initialize 'x' to 'undefined'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">undefined</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>completely pointless piece of code</strong>. Your
 code will run without error if you do not change it, but you're needlessly
@@ -37,15 +38,17 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 </blockquote>
 <p>You can fix the error by simply removing the assignment expression from the
 variable statement. The variable will still have the same value:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 61px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 67px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>If, for whatever reason, you <em>have</em> to assign the <code>undefined</code> value to the
 variable, you can replace <code>undefined</code> with something that returns the
 <code>undefined</code> value. The simplest example of that is the <code>void</code> operator (although
 as of September 2013 JSLint will raise a new error for this):</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 142px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">void</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Expected 'undefined' and instead saw 'void'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 157px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>2</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">void</span> <span class="cm-number">0</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unexpected 'void'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W080</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W080 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-undef-init</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W081.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W081.html
index 5e800b2..fc0e228 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W081.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W081.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSLint and JSHint. It was introduced in
 JSLint in June 2011 and has remained in both tools ever since.</p>
 <ul>
@@ -15,7 +16,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 when it encounters <strong>multiple variable statements within a function</strong>. Here's an
 example in which we attempt to declare two variables, <code>x</code> and <code>y</code>, with two
 separate <code>var</code> statements:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint onevar: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">Combine this with the previous 'var' statement.</td></tr><tr><td class="line">Line 4:</td><td class="msg">Unused 'x'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint onevar: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unused 'x'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Unused 'y'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong> and could also
 indicate a <strong>misunderstanding of how the language works</strong>. In many languages,
@@ -24,7 +25,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 Instead, it has <em>function scope</em>, in which variables can only be scoped to a
 function. This error is raised to help prevent the misunderstanding of code like
 this:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px; display: block; right: 0px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 556px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 556px; min-height: 203px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>10</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint onevar: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">x</span> <span class="cm-operator">===</span> <span class="cm-number">10</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">y</span>; <span class="cm-comment">// Able to return y because of function scoping</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 203px;"></div><div style="height: 203px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 8:</td><td class="msg">'y' used out of scope.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 617px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 617px; min-height: 269px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>10</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint onevar: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">x</span> <span class="cm-operator">===</span> <span class="cm-number">10</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">y</span>; <span class="cm-comment">// Able to return y because of function scoping</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 269px;"></div><div style="height: 284px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 8:</td><td class="msg">'y' used out of scope.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In the above example, the variable <code>y</code> is declared regardless of whether the
 <code>if</code> statement body is executed or not. It is only assigned a value when the
 <code>if</code> statement body is executed, but it's declared (and will have a value of
@@ -33,7 +34,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 JSLint and JSHint will raise this warning to get you to declare all variables at
 once. You can fix it by moving the declaration of <code>y</code> out of the block and
 combining it with the declaration of <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px; display: block; right: 0px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 541px;"></div></div><div style="bottom: 15px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="width: 15px; height: 15px;" class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 556px; min-height: 223px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint onevar: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-def">y</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">x</span> <span class="cm-operator">===</span> <span class="cm-number">10</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-variable-2">y</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">y</span>; <span class="cm-comment">// Able to return y because of function scoping</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 223px;"></div><div style="height: 223px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 617px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 617px; min-height: 295px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint onevar: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-def">y</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable-2">x</span> <span class="cm-operator">===</span> <span class="cm-number">10</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-variable-2">y</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">y</span>; <span class="cm-comment">// Able to return y because of function scoping</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 295px;"></div><div style="height: 310px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>The fact that JSLint does not allow you to simply have multiple variable
 statements outside of the block is just the coding convention preferred by the
 author, Douglas Crockford. The use of the comma to group variable declarations
@@ -53,3 +54,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W081</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W081 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W082.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W082.html
index caf65f2..2502948 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W082.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W082.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Function statements should not be placed in blocks" error (and the
 alternative "Function declarations should not be placed in blocks" error) is
 thrown when JSLint or JSHint encounters <strong>a function declaration inside a block
 statement</strong>. In the following example we attempt to declare the <code>example</code>
 function only if some condition is true:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Function statements should not be placed in blocks.Use a function expression or move the statement to the top of the outer function.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Unexpected 'function'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight <strong>code that may not work as you expect it
 to</strong>. In most environments Your code will run without error, but maybe not in
@@ -16,7 +17,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 §10.5</a>). Therefore, it is not possible to conditionally declare a
 function with a function statement. The above example is actually interpreted as
 follows:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span>) {}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 6:</td><td class="msg">Empty block.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span>) {}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Empty block.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>As you can see, regardless of the result of the condition, the example function
 is always declared. If you were to, for example, declare it twice (once in an if
 block and once in the corresponding else block) you would actually end up with
@@ -26,7 +27,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 want to declare a function conditionally, you can use a function expression,
 instead of a function declaration. A function expression can easily by produced
 by assigning a function to a variable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 250px; min-height: 203px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>10</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">true</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">example</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">example</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 203px;"></div><div style="height: 203px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 269px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>10</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-atom">true</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">example</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable">example</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 269px;"></div><div style="height: 284px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h4 id="syntax-errors">Syntax errors</h4>
 <p>It's important to note that there is no support in the ECMAScript 5
 specification for function declarations within block statements. However, most
@@ -53,3 +54,5 @@ <h4 id="syntax-errors">Syntax errors</h4>
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W082</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W082 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W083.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W083.html
index 0efd14f..643ccbb 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W083.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W083.html
@@ -1,11 +1,12 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Don't make functions within a loop" error is thrown when JSLint, JSHint and
 ESLint encounter <strong>a function expression in a <code>for</code>, <code>while</code> or <code>do</code> statement
 body</strong>. In the following example we attempt to add a click event listener to
 each element with a given class name. The event handler is intended to overwrite
 the contents of the clicked element with the value of <code>i</code> at a specific
 iteration of the loop:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px; display: block; right: 0px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 514px;"></div></div><div style="bottom: 15px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="width: 15px; height: 15px;" class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 529px; min-height: 223px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div style="width: 50px; height: 50px; overflow-x: scroll;"></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, plusplus: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">elems</span> <span class="cm-operator">=</span> <span class="cm-variable">document</span>.<span class="cm-property">getElementsByClassName</span>(<span class="cm-string">"myClass"</span>), <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable">i</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">elems</span>.<span class="cm-property">length</span>; <span class="cm-variable">i</span><span class="cm-operator">++</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">elems</span>[<span class="cm-variable">i</span>].<span class="cm-property">addEventListener</span>(<span class="cm-string">"click"</span>, <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">innerHTML</span> <span class="cm-operator">=</span> <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    });</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 223px;"></div><div style="height: 223px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 6:</td><td class="msg">Don't make functions within a loop.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 587px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 587px; min-height: 295px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, plusplus: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">elems</span> <span class="cm-operator">=</span> <span class="cm-variable">document</span>.<span class="cm-property">getElementsByClassName</span>(<span class="cm-string">"myClass"</span>), <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable">i</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">elems</span>.<span class="cm-property">length</span>; <span class="cm-variable">i</span><span class="cm-operator">++</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">elems</span>[<span class="cm-variable">i</span>].<span class="cm-property">addEventListener</span>(<span class="cm-string">"click"</span>, <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">innerHTML</span> <span class="cm-operator">=</span> <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    });</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 295px;"></div><div style="height: 310px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 5 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad option 'plusplus'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Unexpected 'for'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Expected '+= 1' and instead saw '++'.</td></tr><tr><td class="inline">Line 5:</td><td class="msg">Don't make functions within a loop.</td></tr><tr><td class="inline">Line 7:</td><td class="msg">Unexpected 'this'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight code that <strong>may not work as you expect it to</strong>
 and could also indicate <strong>misunderstanding of how the language works</strong>. Your
@@ -19,7 +20,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 This happens because each function retains a reference to the same copy of <code>i</code>.
 We can get around this by forcing each function to take its <em>own</em> copy of <code>i</code> at
 whatever value it has at that time:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px; display: block; right: 0px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 514px;"></div></div><div style="bottom: 15px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="width: 15px; height: 15px;" class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 529px; min-height: 262px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>13</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, plusplus: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">elems</span> <span class="cm-operator">=</span> <span class="cm-variable">document</span>.<span class="cm-property">getElementsByClassName</span>(<span class="cm-string">"myClass"</span>), <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable">i</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">elems</span>.<span class="cm-property">length</span>; <span class="cm-variable">i</span><span class="cm-operator">++</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    (<span class="cm-keyword">function</span> (<span class="cm-def">iCopy</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-variable">elems</span>[<span class="cm-variable">i</span>].<span class="cm-property">addEventListener</span>(<span class="cm-string">"click"</span>, <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>            <span class="cm-keyword">this</span>.<span class="cm-property">innerHTML</span> <span class="cm-operator">=</span> <span class="cm-variable-2">iCopy</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        });</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>    }(<span class="cm-variable">i</span>));</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 262px;"></div><div style="height: 262px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 6:</td><td class="msg">Don't make functions within a loop.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 15px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 587px;"></div></div><div style="height: 15px; width: 15px;" cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 587px; min-height: 347px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>13</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, plusplus: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">elems</span> <span class="cm-operator">=</span> <span class="cm-variable">document</span>.<span class="cm-property">getElementsByClassName</span>(<span class="cm-string">"myClass"</span>), <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable">i</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">elems</span>.<span class="cm-property">length</span>; <span class="cm-variable">i</span><span class="cm-operator">++</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    (<span class="cm-keyword">function</span> (<span class="cm-def">iCopy</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-variable">elems</span>[<span class="cm-variable">i</span>].<span class="cm-property">addEventListener</span>(<span class="cm-string">"click"</span>, <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>            <span class="cm-keyword">this</span>.<span class="cm-property">innerHTML</span> <span class="cm-operator">=</span> <span class="cm-variable-2">iCopy</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>        });</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span>    }(<span class="cm-variable">i</span>));</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 362px;"></div><div style="height: 377px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 5 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad option 'plusplus'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Unexpected 'for'.</td></tr><tr><td class="inline">Line 4:</td><td class="msg">Expected '+= 1' and instead saw '++'.</td></tr><tr><td class="inline">Line 5:</td><td class="msg">Don't make functions within a loop.</td></tr><tr><td class="inline">Line 8:</td><td class="msg">Unexpected 'this'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>What we have now captures the value of <code>i</code> at each iteration of the loop. This
 happens because JavaScript passes arguments to functions by value. This means
 that <code>iCopy</code> within the capturing function is not related to <code>i</code> in any way
@@ -35,10 +36,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 create multiple function instances, which can cause unexpected behavior and
 <a href="http://jsperf.com/closure-vs-name-function-in-a-loop/2">performance problems</a>. To fix the issue, we need to move the function out
 of the loop:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px; display: block; right: 0px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 532px;"></div></div><div style="bottom: 15px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="width: 15px; height: 15px;" class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 547px; min-height: 301px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>15</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, plusplus: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">elems</span> <span class="cm-operator">=</span> <span class="cm-variable">document</span>.<span class="cm-property">getElementsByClassName</span>(<span class="cm-string">"myClass"</span>), <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">makeClickHandler</span>(<span class="cm-def">i</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">innerHTML</span> <span class="cm-operator">=</span> <span class="cm-variable-2">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable">i</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">elems</span>.<span class="cm-property">length</span>; <span class="cm-variable">i</span><span class="cm-operator">++</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>    <span class="cm-variable">elems</span>[<span class="cm-variable">i</span>].<span class="cm-property">addEventListener</span>(<span class="cm-string">"click"</span>, <span class="cm-variable">makeClickHandler</span>(<span class="cm-variable">i</span>));</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">15</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 301px;"></div><div style="height: 301px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 15px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 607px;"></div></div><div style="height: 15px; width: 15px;" cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 607px; min-height: 399px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>15</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint browser: true, plusplus: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">elems</span> <span class="cm-operator">=</span> <span class="cm-variable">document</span>.<span class="cm-property">getElementsByClassName</span>(<span class="cm-string">"myClass"</span>), <span class="cm-variable">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">makeClickHandler</span>(<span class="cm-def">i</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-keyword">this</span>.<span class="cm-property">innerHTML</span> <span class="cm-operator">=</span> <span class="cm-variable-2">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable">i</span> <span class="cm-operator">&lt;</span> <span class="cm-variable">elems</span>.<span class="cm-property">length</span>; <span class="cm-variable">i</span><span class="cm-operator">++</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>    <span class="cm-variable">elems</span>[<span class="cm-variable">i</span>].<span class="cm-property">addEventListener</span>(<span class="cm-string">"click"</span>, <span class="cm-variable">makeClickHandler</span>(<span class="cm-variable">i</span>));</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">15</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 414px;"></div><div style="height: 429px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad option 'plusplus'.</td></tr><tr><td class="inline">Line 7:</td><td class="msg">Unexpected 'this'.</td></tr><tr><td class="inline">Line 11:</td><td class="msg">Unexpected 'for'.</td></tr><tr><td class="inline">Line 11:</td><td class="msg">Expected '+= 1' and instead saw '++'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W083</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W083 */</code> directive. You can also set the <code>loopfunc</code> option to <code>true</code>.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-loop-func</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W084.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W084.html
index 98d44da..e61258d 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W084.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W084.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -22,7 +23,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 or <code>while</code> statement initializer</strong>. In the following example we have an <code>if</code>
 statement with an assignment expression where you would normally expect a
 conditional:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 115px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>, <span class="cm-variable">y</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Unexpected assignment expression.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 127px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>, <span class="cm-variable">y</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Unexpected statement '=' in expression position.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Since May 2013 JSLint will also generate this warning when it encounters a
 <strong>return statement containing an assignment expression</strong>. If that's the case in
 your code you'll want to read the page concerning the "<a href="/did-you-mean-to-return-a-conditional">Did you mean to return a
@@ -37,21 +38,23 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 falsy.</p>
 <p>In the above case it's obvious we've made a mistake and the fix is to simply
 ensure the use of a comparison rather than an assignment:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 133px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>, <span class="cm-variable">y</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span> <span class="cm-operator">===</span> <span class="cm-number">0</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 147px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>, <span class="cm-variable">y</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">if</span> (<span class="cm-variable">x</span> <span class="cm-operator">===</span> <span class="cm-number">0</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>There are some legitimate situations that can produce this error too. Consider
 the following example which is a common pattern for traversing a DOM node
 heirarchy:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 412px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">setHeight</span>(<span class="cm-def">someNode</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">do</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-variable-2">someNode</span>.<span class="cm-property">height</span> <span class="cm-operator">=</span> <span class="cm-string">'100px'</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    } <span class="cm-keyword">while</span> (<span class="cm-variable-2">someNode</span> <span class="cm-operator">=</span> <span class="cm-variable-2">someNode</span>.<span class="cm-property">parentNode</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">Expected a conditional expression and instead saw an assignment.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 457px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">setHeight</span>(<span class="cm-def">someNode</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">do</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-variable-2">someNode</span>.<span class="cm-property">height</span> <span class="cm-operator">=</span> <span class="cm-string">'100px'</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    } <span class="cm-keyword">while</span> (<span class="cm-variable-2">someNode</span> <span class="cm-operator">=</span> <span class="cm-variable-2">someNode</span>.<span class="cm-property">parentNode</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Expected a conditional expression and instead saw an assignment.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In this case you can disable the warning (if you're using JSHint or ESLint) or
 force the expression to become conditional, but only if you're using JSHint,
 ESLint or a version JSLint from before July 2013 (the message will be "Expected
 a conditional expression and instead saw an assignment"). If you're using a more
 recent version there appears to be no way to supress the "Unexpected assignment
 expression" warning:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 511px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">setHeight</span>(<span class="cm-def">someNode</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">do</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-variable-2">someNode</span>.<span class="cm-property">height</span> <span class="cm-operator">=</span> <span class="cm-string">'100px'</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    } <span class="cm-keyword">while</span> ((<span class="cm-variable-2">someNode</span> <span class="cm-operator">=</span> <span class="cm-variable-2">someNode</span>.<span class="cm-property">parentNode</span>) <span class="cm-operator">!==</span> <span class="cm-atom">null</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button disabled="" class="btn btn-default btn-sm update">Loading...</button></div><span class="pull-right small version">Version 2013-05-31</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 567px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 567px; min-height: 190px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">setHeight</span>(<span class="cm-def">someNode</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">do</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-variable-2">someNode</span>.<span class="cm-property">height</span> <span class="cm-operator">=</span> <span class="cm-string">'100px'</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    } <span class="cm-keyword">while</span> ((<span class="cm-variable-2">someNode</span> <span class="cm-operator">=</span> <span class="cm-variable-2">someNode</span>.<span class="cm-property">parentNode</span>) <span class="cm-operator">!==</span> <span class="cm-atom">null</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button disabled="" class="btn btn-default btn-sm update">Loading...</button></div><span class="pull-right small version">Version 2013-05-31</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W084</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W084 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-cond-assign</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W085.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W085.html
index 0e26cee..0747ae5 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W085.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W085.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSLint, JSHint and ESLint. It was
 introduced in the original version of JSLint and has remained in all three
 linters ever since.</p>
@@ -21,7 +22,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 "Unexpected use of 'with' statement", is thrown when JSLint, JSHint or ESLint
 encounters <strong>the <code>with</code> statement in code that is not running in strict mode</strong>.
 Here's an example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 223px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>            <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-def">c</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">with</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">30</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-variable-2">c</span> <span class="cm-operator">=</span> <span class="cm-number">40</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 223px;"></div><div style="height: 223px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 6:</td><td class="msg">Don't use 'with'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 295px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>            <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-def">c</span> <span class="cm-operator">=</span> <span class="cm-number">20</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">with</span> (<span class="cm-variable-2">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-variable">b</span> <span class="cm-operator">=</span> <span class="cm-number">30</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        <span class="cm-variable-2">c</span> <span class="cm-operator">=</span> <span class="cm-number">40</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 295px;"></div><div style="height: 310px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 6:</td><td class="msg">Don't use 'with'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong> and the use of a
 <strong>bad practice</strong>. Your code may work as expected but you're doing something that
@@ -42,8 +43,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 syntax error (see the article regarding the related "<a href="/with-is-not-allowed-in-strict-mode">'with' is not allowed in
 strict mode</a>" message for more information). There are much better
 ways to achieve the same thing:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable-2">a</span>.<span class="cm-property">b</span> <span class="cm-operator">=</span> <span class="cm-number">30</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable-2">a</span>.<span class="cm-property">c</span> <span class="cm-operator">=</span> <span class="cm-number">40</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>        <span class="cm-property">b</span>: <span class="cm-number">10</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-variable-2">a</span>.<span class="cm-property">b</span> <span class="cm-operator">=</span> <span class="cm-number">30</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable-2">a</span>.<span class="cm-property">c</span> <span class="cm-operator">=</span> <span class="cm-number">40</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W085</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W085 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W087.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W087.html
index 8c05b81..f6a5bec 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W087.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W087.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in various forms in JSLint, JSHint and ESLint. It was
 introduced in the original version of JSLint and has remained in all three
 linters ever since.</p>
@@ -22,7 +23,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 JSLint, JSHint or ESLint encounters a <strong><code>debugger</code> statement</strong>. The following
 example is completely useless but is the minimum program that will generate this
 error:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 88px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">debugger</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Unexpected 'debugger'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 97px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">debugger</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unexpected 'debugger'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong> and a <strong>possible
 oversight</strong>. Your code will run without error but it will probably not behave
@@ -44,3 +45,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 -W087 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-debugger</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W088.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W088.html
index f29853b..bffdcbf 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W088.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W088.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in several forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -19,12 +20,12 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 JSLint, JSHint or ESLint encounters <strong>a <code>for-in</code> statement in which the
 initializer contains a literal value</strong>. In the following example we have a <code>for-
 in</code> statement in which we attempt to assign each property to a string literal:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-string">"a"</span> <span class="cm-keyword">in</span> <span class="cm-variable-2">y</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-comment">// ...</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Bad for in variable 'a'.</td></tr><tr><td class="line">Line 4:</td><td class="msg">Stopping. (50% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-string">"a"</span> <span class="cm-keyword">in</span> <span class="cm-variable-2">y</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-comment">// ...</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unexpected 'for'.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">Bad assignment to 'a'.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">Empty block.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>JSLint and JSHint also raise this warning when it encounters <strong>a <code>for-in</code>
 statement in which the initializer contains an undefined variable reference</strong>.
 In this example the <code>for-in</code> statement will assign each property to <code>x</code> which
 has not been declared:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable">x</span> <span class="cm-keyword">in</span> <span class="cm-variable-2">y</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-comment">// ...</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Creating global 'for' variable. Should be 'for (var x ...'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> {};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable">x</span> <span class="cm-keyword">in</span> <span class="cm-variable-2">y</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-comment">// ...</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">Creating global 'for' variable. Should be 'for (var x ...'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>In the case of non-identifiers like the string literal in the first example
 above this error is raised to highlight a <strong>fatal reference error</strong>. Your code
@@ -39,10 +40,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 expression has not been declared it will be created as a property of the global
 object. You can resolve this issue by simply declaring the variable before the
 <code>for-in</code> statement:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 169px; min-height: 184px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> {},</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-def">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">x</span> <span class="cm-keyword">in</span> <span class="cm-variable-2">y</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-comment">// ...</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 184px;"></div><div style="height: 184px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 187px; min-height: 242px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>9</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">y</span> <span class="cm-operator">=</span> {},</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-def">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">x</span> <span class="cm-keyword">in</span> <span class="cm-variable-2">y</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-comment">// ...</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 242px;"></div><div style="height: 257px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W088</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W088 */</code> directive.</p>
 <p>In ESLint this error is generated by the Esprima parser and can therefore not be
 disabled.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W089.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W089.html
index bc3f24e..23f3467 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W089.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W089.html
@@ -1,4 +1,5 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "The body of a for in should be wrapped in an if statement to filter
 unwanted properties from the prototype" error is thrown when JSLint encounters
 <strong>a <code>for-in</code> statement in which the first statement is not an <code>if</code> statement
@@ -7,7 +8,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 warn when they encounter a <code>for-in</code> statement in which the first statement is
 not an <code>if</code> statement, regardless of the condition of that <code>if</code> statement.
 Here's an example in which we attempt to enumerate the properties of an object:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 250px; min-height: 281px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint forin: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint guard-for-in: 1 */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-property">age</span>: <span class="cm-number">23</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-variable">prop</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>    <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 281px;"></div><div style="height: 281px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 11:</td><td class="msg">The body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 373px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint forin: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint guard-for-in: 1 */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-property">age</span>: <span class="cm-number">23</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-variable">prop</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>    <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 373px;"></div><div style="height: 388px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 10:</td><td class="msg">Unexpected 'for'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight <strong>bad practice</strong> and <strong>code that may not work
 as you expect it to</strong>. Your code may run without error, depending on whether
@@ -18,7 +19,7 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 whether they belong to the object itself or an object in its prototype chain.
 Consider the following example, in which we add a completely useless random
 method to <code>Object.prototype</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 358px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">Object</span>.<span class="cm-property">prototype</span>.<span class="cm-property">random</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">Math</span>.<span class="cm-property">random</span>();</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 397px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">Object</span>.<span class="cm-property">prototype</span>.<span class="cm-property">random</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">Math</span>.<span class="cm-property">random</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>After the above snippet has executed, all objects in our script will have access
 to that <code>random</code> method (via their prototype chain, all the way down to
 <code>Object.prototype</code>). Since we have not defined our method as non-enumerable
@@ -43,10 +44,12 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>In our example, since the <code>random</code> method would be accessible (via inheritance)
 to the <code>me</code> object, but isn't an "own property" of it, we would need to use the
 <code>hasOwnProperty</code> method to ensure we don't mistakenly handle it:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 313px; min-height: 320px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>16</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint forin: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint guard-for-in: 1 */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-property">age</span>: <span class="cm-number">23</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-variable">prop</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">me</span>.<span class="cm-property">hasOwnProperty</span>(<span class="cm-variable">prop</span>)) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>        <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">15</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">16</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 320px;"></div><div style="height: 320px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="bottom: 0px;" cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 347px; min-height: 425px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>16</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint forin: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*eslint guard-for-in: 1 */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-comment">/*global doSomething */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">me</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-property">name</span>: <span class="cm-string">"James"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        <span class="cm-property">age</span>: <span class="cm-number">23</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    },</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-variable">prop</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span class="cm-keyword">for</span> (<span class="cm-variable">prop</span> <span class="cm-keyword">in</span> <span class="cm-variable">me</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">12</div></div><pre class=""><span>    <span class="cm-keyword">if</span> (<span class="cm-variable">me</span>.<span class="cm-property">hasOwnProperty</span>(<span class="cm-variable">prop</span>)) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">13</div></div><pre class=""><span>        <span class="cm-variable">doSomething</span>(<span class="cm-variable">prop</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">14</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">15</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">16</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 425px;"></div><div style="height: 440px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 10:</td><td class="msg">Unexpected 'for'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W089</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W089 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>guard-for-in</code>. You can
 disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W090.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W090.html
index c0ce3f2..b4631c0 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W090.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W090.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in three forms across the three main linters. It was
 introduced in the original version of JSLint and has remained (in a way) in all
 three tools ever since.</p>
@@ -19,7 +20,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 encounters <strong>a <code>break</code> or <code>continue</code> statement referencing a label that does not
 exist</strong>. In the following example we try to break out of a <code>for</code> loop to the
 non-existent <code>example</code> label:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 304px; min-height: 203px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>            <span class="cm-keyword">break</span> <span class="cm-variable">example</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 203px;"></div><div style="height: 203px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 6:</td><td class="msg">'example' is not a label.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 268px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>            <span class="cm-keyword">break</span> <span class="cm-variable">example</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 268px;"></div><div style="height: 284px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unexpected 'for'.</td></tr><tr><td class="inline">Line 5:</td><td class="msg">'example' is not a label.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. It is not
 valid to reference an identifier that does not appear in the label set of the
@@ -37,13 +38,15 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 therefore there is no label in its label set with the identifier example. When
 the interpreter reaches the <code>break</code> statement a syntax error will be thrown.
 This can be avoided by removing the identifier from the <code>break</code> statement:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 304px; min-height: 203px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>10</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>            <span class="cm-keyword">break</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 203px;"></div><div style="height: 203px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 269px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>10</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>            <span class="cm-keyword">break</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 269px;"></div><div style="height: 284px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unexpected 'for'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Or alternatively by adding a label with the correct identifer to the label set
 of the <code>for</code> statement (although since November 2013 this will cause JSLint to
 raise a different warning, because it is now of the opinion that label
 statements should not be used at all):</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 304px; min-height: 223px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">i</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-variable">example</span>:</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>            <span class="cm-keyword">break</span> <span class="cm-variable">example</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 223px;"></div><div style="height: 223px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 7:</td><td class="msg">Unexpected 'example'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 295px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">i</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-variable">example</span>:</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">for</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">=</span> <span class="cm-number">0</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">&lt;</span> <span class="cm-number">10</span>; <span class="cm-variable-2">i</span> <span class="cm-operator">+=</span> <span class="cm-number">1</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>        <span class="cm-keyword">if</span> (<span class="cm-variable-2">i</span> <span class="cm-operator">===</span> <span class="cm-number">5</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>            <span class="cm-keyword">break</span> <span class="cm-variable">example</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>        }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 295px;"></div><div style="height: 310px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">Unexpected 'for'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W090</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W090 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W093.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W093.html
index f93865f..2af8e0a 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W093.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W093.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Did you mean to return a conditional instead of an assignment?" error, and
 the alternative "Return statement should not contain assignment", is thrown when
 JSHint or ESLint encounters a <strong>return statement containing an assignment
 expression</strong>. In the following example we attempt to assign the result of an
 operation to <code>result</code> and also return the result of that assignment:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 241px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">multiply</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">result</span> <span class="cm-operator">=</span> <span class="cm-variable-2">a</span> <span class="cm-operator">*</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Did you mean to return a conditional instead of an assignment?</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">multiply</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">result</span> <span class="cm-operator">=</span> <span class="cm-variable-2">a</span> <span class="cm-operator">*</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">Did you mean to return a conditional instead of an assignment?</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Since May 2013 JSLint has used the more generic "<a href="/unexpected-assignment-expression">Unexpected assignment
 expression</a>" warning in the same situation.</p>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
@@ -16,15 +17,17 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 expression is evaluated and its result is returned from the function we end up
 with the value we expect. You can resolve this error by splitting the logic out
 into two distinct steps which makes the code much more readable:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 232px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">multiply</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">result</span> <span class="cm-operator">=</span> <span class="cm-variable-2">a</span> <span class="cm-operator">*</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 257px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">multiply</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">result</span> <span class="cm-operator">=</span> <span class="cm-variable-2">a</span> <span class="cm-operator">*</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>If you didn't mean to return the result of an assignment and are receiving this
 error then the chances are you actually wanted to return a boolean value. This
 is why JSHint asks if you meant to return a conditional. If that's the case,
 make sure the expression is conditional by using <code>===</code> instead of <code>=</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">multiply</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">result</span> <span class="cm-operator">===</span> <span class="cm-variable-2">a</span> <span class="cm-operator">*</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>6</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">result</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">multiply</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable">result</span> <span class="cm-operator">===</span> <span class="cm-variable-2">a</span> <span class="cm-operator">*</span> <span class="cm-variable-2">b</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W093</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W093 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-return-assign</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W097.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W097.html
index b45864b..ad7be08 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W097.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W097.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Use the function form of 'use strict'" error is thrown when JSLint, JSHint
 or ESLint encounters a <strong>strict mode directive in the outermost scope of the
 code</strong>. In the following example we use a strict mode directive in the global
 scope to ensure the entire program runs in strict mode:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Use the function form of 'use strict'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially dangerous piece of code</strong>.
 It's common and good practice to concatenate multiple JavaScript files into one
@@ -13,13 +14,13 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 features that are disallowed in strict mode you may run into errors. Consider
 the following example which shows the previous script concatentated with another
 that relies upon features that are illegal in strict mode:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 511px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">another</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-number">010</span>; <span class="cm-comment">// Octal literal, illegal in strict mode</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Use the function form of 'use strict'.</td></tr><tr><td class="line">Line 6:</td><td class="msg">Unexpected '010'.</td></tr><tr><td class="line">Line 5:</td><td class="msg">Unused 'a'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 567px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 567px; min-height: 216px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">another</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-number">010</span>; <span class="cm-comment">// Octal literal, illegal in strict mode</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">Unexpected '1' after '0'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>This example will cause a syntax error since octal literals are not allowed in
 strict mode. If we want to use strict mode in our script and still be able to
 concatenate it with others we need to ensure our strict mode directive is not in
 the global scope. Since JavaScript only has function scope this means we need to
 place the directive within a function:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 187px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 207px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">example</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>This has the added benefit of allowing you to control exactly which parts of
 your own script run in strict mode. However, a common technique is to wrap your
 entire program in an immediately invoked function expression to constrain it to
@@ -30,3 +31,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 -W097 */</code> directive. You can also set the <code>sub</code> option to <code>true</code>.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-global-strict</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W098.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W098.html
index 7abef66..1305d7d 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W098.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W098.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms in JSLint, JSHint and ESLint. It was
 introduced in the original version of JSLint and has remained in all three
 linters ever since.</p>
@@ -15,7 +16,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 binding with an identifier that is not referenced aside from its declaration</strong>.
 In JSHint the warning is only raised if the <code>unused</code> option is set to <code>true</code>. In
 the following example there are various unused identifiers:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">c</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">'demo' is defined but never used.</td></tr><tr><td class="line">Line 4:</td><td class="msg">'c' is defined but never used.</td></tr><tr><td class="line">Line 2:</td><td class="msg">'b' is defined but never used.</td></tr><tr><td class="line">Line 2:</td><td class="msg">'a' is defined but never used.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">c</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 4:</td><td class="msg">'c' is defined but never used.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">'b' is defined but never used.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">'a' is defined but never used.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">'demo' is defined but never used.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potentially useless code</strong>. Your code will
 run without error if you just ignore this warning, but it could be doing
@@ -28,19 +29,19 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 completely. However, sometimes you may declare variables in one file but use
 them in another. If that's the case and you're using JSHint you can use the
 <code>exported</code> directive to signify those variables:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 223px; min-height: 145px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*exported demo */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">c</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 145px;"></div><div style="height: 145px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 5:</td><td class="msg">'c' is defined but never used.</td></tr><tr><td class="line">Line 3:</td><td class="msg">'b' is defined but never used.</td></tr><tr><td class="line">Line 3:</td><td class="msg">'a' is defined but never used.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*exported demo */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>, <span class="cm-def">b</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">c</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">'c' is defined but never used.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">'b' is defined but never used.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">'a' is defined but never used.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h4 id="a-note-about-function-arguments">A note about function arguments</h4>
 <p>The behaviour described above is not ideal when it comes to function parameters.
 It's relatively common to have function arguments that are not referred to
 within the function but are necessary in the function signature because
 subsequent arguments <em>are</em> referred to. For example:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 493px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true, node: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*jslint node: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">fs</span> <span class="cm-operator">=</span> <span class="cm-variable">require</span>(<span class="cm-string">"fs"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-variable">fs</span>.<span class="cm-property">readdir</span>(<span class="cm-string">"dir"</span>, <span class="cm-keyword">function</span> (<span class="cm-def">err</span>, <span class="cm-def">files</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">console</span>.<span class="cm-property">log</span>(<span class="cm-variable-2">files</span>); <span class="cm-comment">// Ignoring any error in 'err'</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 4:</td><td class="msg">Unused 'err'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 547px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 547px; min-height: 216px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true, node: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*jslint node: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">fs</span> <span class="cm-operator">=</span> <span class="cm-variable">require</span>(<span class="cm-string">"fs"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-variable">fs</span>.<span class="cm-property">readdir</span>(<span class="cm-string">"dir"</span>, <span class="cm-keyword">function</span> (<span class="cm-def">err</span>, <span class="cm-def">files</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">console</span>.<span class="cm-property">log</span>(<span class="cm-variable-2">files</span>); <span class="cm-comment">// Ignoring any error in 'err'</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Unused 'err'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In this example we don't care about the <code>err</code> argument so we don't refer to it.
 JSLint still complains that the variable is unused. JSHint and ESLint are clever
 enough to know that since <code>files</code> is used there is no need to warn about <code>err</code>
 but in JSLint you'll have to set the <code>unparam</code> option to <code>true</code> to avoid a
 warning in this situation:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 493px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true, node: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*jslint unparam: true, node: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">fs</span> <span class="cm-operator">=</span> <span class="cm-variable">require</span>(<span class="cm-string">"fs"</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-variable">fs</span>.<span class="cm-property">readdir</span>(<span class="cm-string">"dir"</span>, <span class="cm-keyword">function</span> (<span class="cm-def">err</span>, <span class="cm-def">files</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">console</span>.<span class="cm-property">log</span>(<span class="cm-variable-2">files</span>); <span class="cm-comment">// Ignoring any error in 'err'</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 547px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 547px; min-height: 216px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint unused: true, node: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-comment">/*jslint unparam: true, node: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">fs</span> <span class="cm-operator">=</span> <span class="cm-variable">require</span>(<span class="cm-string">"fs"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-variable">fs</span>.<span class="cm-property">readdir</span>(<span class="cm-string">"dir"</span>, <span class="cm-keyword">function</span> (<span class="cm-def">err</span>, <span class="cm-def">files</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-variable">console</span>.<span class="cm-property">log</span>(<span class="cm-variable-2">files</span>); <span class="cm-comment">// Ignoring any error in 'err'</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Bad option 'unparam'.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">Unused 'err'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.1.0 and above you are able to configure the behaviour around
 function arguments. The <code>unused</code> option accepts a string rather than a boolean:</p>
 <ul>
@@ -62,3 +63,5 @@ <h4 id="a-note-about-function-arguments">A note about function arguments</h4>
 -W098 */</code> directive.</p>
 <p>In ESLint the rule that generates this warning is named <code>no-unused-vars</code>. You
 can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W105.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W105.html
index 0d1bab3..aa83f35 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W105.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W105.html
@@ -1,11 +1,12 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Unexpected dangling '_' in '{a}'" error is thrown when JSLint, JSHint or
 ESLint encounters <strong>an identifier that begins or ends with the underscore
 character</strong>. JSHint will only raise this warning <strong>when the <code>nomen</code> option is
 set to <code>true</code></strong>. ESLint only raises this warning for <strong>variable and function
 identifiers</strong> and not for object property identifiers. In the following example
 we use several such identifiers:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 223px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nomen: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">_x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">z_</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">_test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 223px;"></div><div style="height: 223px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Unexpected dangling '_' in '_x'.</td></tr><tr><td class="line">Line 4:</td><td class="msg">Unexpected dangling '_' in 'z_'.</td></tr><tr><td class="line">Line 7:</td><td class="msg">Unexpected dangling '_' in '_test'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 295px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nomen: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">_x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">z_</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">_test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 295px;"></div><div style="height: 310px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Bad property name 'z_'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of convention</strong>. Your code will run
 without error if you do not change it, but could be confusing to other
@@ -16,12 +17,14 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>If you're using JSLint, you can fix the error by setting the <code>nomen</code> (short for
 nomenclature) option to true. Conversely, if you're using JSHint, you can simply
 remove the same option:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 214px; min-height: 223px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint nomen: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">_x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">z_</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">_test</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 223px;"></div><div style="height: 223px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 237px; min-height: 295px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jslint nomen: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">_x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">z_</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">_test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 295px;"></div><div style="height: 310px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Bad option 'nomen'.</td></tr><tr><td class="inline">Line 3:</td><td class="msg">Bad property name 'z_'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>Alternatively, you can simply remove the underscore character from the start or
 end of your identifiers (note that use of this character elsewhere in
 identifiers is accepted):</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div style="bottom: 0px;" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 313px; min-height: 223px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nomen: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">z</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test_with_underscores</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 223px;"></div><div style="height: 223px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 347px; min-height: 295px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>11</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint nomen: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-property">z</span>: <span class="cm-number">20</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    };</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test_with_underscores</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">9</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-atom">true</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">10</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">11</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 295px;"></div><div style="height: 310px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W105</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W105 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W108.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W108.html
index a3eca3f..d5b7d6b 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W108.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W108.html
@@ -1,11 +1,12 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Strings must use singlequote" and "Strings must use doublequote" errors are
 thrown when JSHint or ESLint encounters <strong>string literal delimited by double
 quote characters when the <code>quotmark</code> option is set to <code>single</code></strong> or a <strong>string
 literal delimited by single quote characters when the <code>quotmark</code> option is set
 to <code>double</code></strong>.  In the following example we attempt to assign a string literal
 to the variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: double */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">'My String'</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Strings must use doublequote.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: double */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">'My String'</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Strings must use doublequote.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>deviation from a specific coding style</strong>.
 Your code will run fine if you do not fix this error, but it demonstrates a lack
@@ -23,9 +24,11 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <code>double</code> or <code>single</code> then it is likely your codebase requires you to conform to
 a specific style in which one type of quote is preferred. To fix the error,
 simply use the correct type of quote:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: double */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: double */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W108</strong>
 (for double quotes) or <strong>W109</strong> (for single quotes). This means you can tell
 JSHint to not issue this warning with the <code>/*jshint -W108 */</code> or <code>/*jshint -W109
 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W110.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W110.html
index 1b4ba8f..6839158 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W110.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W110.html
@@ -1,10 +1,11 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Mixed double and single quotes" error is thrown when JSHint encounters
 <strong>string literal delimited by double or single quote characters when a string
 literal delimited by the other has already been found</strong>. It will only raise this
 warning if the <code>quotmark</code> option is set to <code>true</code>. In the following example we
 attempt to assign string literals to the variables <code>x</code> and <code>y</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 241px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-string">'Another string'</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Mixed double and single quotes.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-string">'Another string'</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 3:</td><td class="msg">Mixed double and single quotes.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>lack of consistency</strong>. Your code will run
 fine if you do not fix this error, but it demonstrates a lack of care. There is
@@ -22,8 +23,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 exceptions, such as nested quotes). You can easily resolve this issue by
 sticking to one type, and you should consider setting the <code>quotmark</code> option to
 either <code>double</code> or <code>single</code> to enforce your preference:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: double */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>,</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-string">"Another string"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint quotmark: double */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-string">"My String"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-string">"Another string"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W110</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W110 */</code> directive. You can also set the <code>quotmark</code> option to <code>false</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W112.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W112.html
new file mode 100644
index 0000000..9c3a3ab
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W112.html
@@ -0,0 +1,37 @@
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+<p>The "Unclosed string" error is thrown when JSLint or JSHint encounters a <strong>a
+string that is not closed before the next line break or the end of the
+program</strong>. There are numerous situations that could cause this. In this first
+example, we accidentally forget to close our string:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string,</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unclosed string.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<p>In the next example, we want our string to include a backslash character. The
+string appears to be closed but actually isn't, due to the backslash character
+escaping the closing quote:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string\",</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unclosed string.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<p>And this final example, which makes use of the multiline strings allowed by
+ECMAScript 5, features a string that has not closed by the end of the program
+(the previous two examples failed at the first line break):</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 307px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my multiline \</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>                <span class="cm-string">string</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Unclosed string.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
+<p>This error is raised to highlight a <strong>fatal JavaScript syntax error</strong>. Your code
+will not run unless you fix this issue. The ECMAScript grammar states that any
+string literal must be closed by the same character (either <code>"</code> or <code>'</code>) that
+opened it (<a href="http://es5.github.com/#x7.8.4">ES5 §7.8.4</a>):</p>
+<blockquote>
+<p><em>StringLiteral</em> ::<br>
+&nbsp;&nbsp;&nbsp;&nbsp;<code>"</code> <em>DoubleStringCharacters</em><sub>opt</sub> <code>"</code><br>
+&nbsp;&nbsp;&nbsp;&nbsp;<code>'</code> <em>SingleStringCharacters</em><sub>opt</sub> <code>'</code></p>
+</blockquote>
+<p>To fix the error, simply close any unclosed strings:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<p>The second example above failed because the backslash character was escaping the
+closing quote, turning it into a literal character rather than a syntactic
+structure. To include a backslash in a string, you need to escape the backslash
+itself:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 297px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">myString</span> <span class="cm-operator">=</span> <span class="cm-string">"my string\\"</span>,</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-variable">myNumber</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
+<a href="http://jshint.com/docs/#options">special option syntax</a>. Since this message relates to a fatal
+syntax error you cannot disable it.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W115.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W115.html
index 677e637..8c565a8 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W115.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W115.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in three forms across the three main linters. It was
 introduced in the original version of JSLint and has remained (in a way) in all
 three tools ever since.</p>
@@ -19,7 +20,7 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 raise this warning when the relevant code is <strong>running in strict mode</strong>. In the
 following example we attempt to assign a string containing an octal escape to a
 variable <code>x</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Copyright \251"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 3:</td><td class="msg">Don't use octal: '\2'. Use '\u....' instead.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Copyright \251"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight <strong>the use of a deprecated language feature</strong>.
 As of version 5 of the ECMAScript specification, octal escape sequences are
@@ -40,11 +41,13 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 escapes. Note that although they have different names, both hexadecimal and
 unicode escape sequences use hexadecimal numbers. Here's the above example
 again, using a unicode escape instead:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 277px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Copyright \u00A9"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 307px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Copyright \u00A9"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>However, if you would rather use the hexadecimal escape sequence, none of the
 three main linters will ask you to do otherwise:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 259px; min-height: 106px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Copyright \xA9"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 106px;"></div><div style="height: 106px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 287px; min-height: 138px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>5</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-string">"Copyright \xA9"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 138px;"></div><div style="height: 153px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W115</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W115 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W117.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W117.html
new file mode 100644
index 0000000..01fff7a
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W117.html
@@ -0,0 +1,123 @@
+
+    <h3 id="history">History</h3>
+<p>This warning has existed in two forms across the three main linters. It was
+introduced in the original version of JSLint and has remained in all three tools
+ever since.</p>
+<ul>
+<li><p>In JSLint the warning given is <em>"'{a}' was used before it was defined"</em></p>
+</li>
+<li><p>In JSHint and ESLint the message has always been <em>"'{a}' is not defined"</em></p>
+</li>
+<li><p>In JSHint and ESLint the message <em>"'{a}' was used before it was defined"</em> is
+issued under closely related circumstances</p>
+</li>
+</ul>
+<p>The situations that produce the warning have not changed despite changes to the
+text of the warning itself.</p>
+<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+<p>The "'{a}' was used before it was defined" error (and the alternative "'{a}' is
+not defined" error) is thrown when JSLint, JSHint and ESLint encounter <strong>an
+identifier that has not been previously declared in a <code>var</code> statement or
+function declaration</strong>. Some very common examples of this error are those that
+refer to native environment objects:</p>
+<ul>
+<li>"'document' was used before it was defined"</li>
+<li>"'window' was used before it was defined"</li>
+<li>"'alert' was used before it was defined"</li>
+<li>"'console' was used before it was defined"</li>
+<li>"'require' was used before it was defined"</li>
+</ul>
+<p>In the following example we attempt to set the value of the undeclared variable
+<code>x</code> and then attempt to use some native browser environment objects:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 337px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">alert</span>(<span class="cm-string">"Errors..."</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span class="cm-variable">console</span>.<span class="cm-property">log</span>(<span class="cm-string">"Errors everywhere"</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Undeclared 'x'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Undeclared 'alert'.</td></tr><tr><td class="inline">Line 2:</td><td class="msg">Undeclared 'console'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<p>In JSHint and ESLint the "'{a}' was used before it was defined" error (as
+opposed to the "'{a}' is not defined" error) is raised when a <strong>reference to an
+identifier occurs before the declaration</strong> of that identifier. In the following
+example we reference the variable <code>a</code> before we declare it:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 257px; min-height: 216px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint latedef: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">test</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-variable">a</span> <span class="cm-operator">=</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>    <span class="cm-keyword">var</span> <span class="cm-def">a</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-variable-2">a</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 5:</td><td class="msg">'a' was used before it was defined.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
+<p>This error is raised to highlight <strong>potentially dangerous code</strong>. Your code may
+run without error, depending on the identifier in question, but is likely to
+cause confusion to other developers and could in some cases cause a fatal error
+that will prevent the rest of your script from executing.</p>
+<p>The example above is valid JavaScript when not running in strict mode. It will
+create a property of the global object (in the browser, the global object is
+<code>window</code>) with the given identifier. If you had accidentally omitted the <code>var</code>
+keyword, you could have ended up overwriting a variable declared in a parent
+scope, causing unexpected behaviour. If it does run in strict mode, it will
+generate a reference error as it's illegal to assign a value to an undefined
+variable under such conditions ([ES5 Annex C]es5-c]):</p>
+<blockquote>
+<p>Assignment to an undeclared identifier or otherwise unresolvable reference
+does not create a property in the global object. When a simple assignment
+occurs within strict mode code, its <em>LeftHandSide</em> must not evaluate to an
+unresolvable Reference. If it does a ReferenceError exception is thrown.</p>
+</blockquote>
+<p>If you are referring to an identifier that has been declared elsewhere (in
+another JavaScript file included in the page for example), you can tell JSLint,
+JSHint and ESLint about it by using the <code>global</code> directive:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.0499px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*global someFunction */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">someFunction</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<p>If you have mistakenly omitted a <code>var</code> keyword, you can fix this error by simply
+adding it in. If you omitted the keyword on purpose (to allow access to a
+variable from other scope for example), declare the variable in the top-most
+scope in which it should be available:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 247px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*global someFunction */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-number">10</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<p>If you understand the concept of hoisting and prefer to define functions after
+they are used (perhaps at the end of a file) you can tell JSHint to allow that
+specific use case by setting the <code>latedef</code> option to <code>nofunc</code>:</p>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 277px; min-height: 190px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>7</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint latedef: nofunc */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">doStuff</span>();</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">doStuff</span>() {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>  <span class="cm-keyword">return</span> <span class="cm-number">1</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 190px;"></div><div style="height: 205px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<p>In the case of environment-specific global identifiers (like <code>window</code> or
+<code>document</code> in the browser or <code>module</code> in Node.js) there are a few JSLint/JSHint
+options that you can set to let the linter know what environment the code is
+expected to run in:</p>
+<ul>
+<li><p><code>browser</code> - JSLint, JSHint and ESLint. Defines global variables available in
+the browser.</p>
+</li>
+<li><p><code>devel</code> - JSLint and JSHint. Defines global variables that are only used in
+a development environment (such as <code>alert</code> and <code>console</code>).</p>
+</li>
+<li><p><code>node</code> - JSLint, JSHint and ESLint. Defines global variables available in
+Node.js.</p>
+</li>
+<li><p><code>couch</code> - JSLint and JSHint. Defines global variables available in CouchDB.</p>
+</li>
+<li><p><code>rhino</code> - JSLint and JSHint. Defines global variables available in Rhino.</p>
+</li>
+<li><p><code>phantom</code> - JSHint only. Defines global variables available in PhantomJS.</p>
+</li>
+<li><p><code>shelljs</code> - JSHint only. Defines global variables available in ShellJS</p>
+</li>
+<li><p><code>typed</code> - JSHint only. Defines global typed array variables (such as
+<code>Int32Array</code> and <code>ArrayBuffer</code>)</p>
+</li>
+<li><p><code>wsh</code> - JSHint only. Defines global variables available in Windows Script
+Host</p>
+</li>
+<li><p><code>mocha</code> - ESLint only. Defines global variables available in the Mocha test
+framework</p>
+</li>
+</ul>
+<p>JSHint also has a set options that tell it about libraries your script has
+access to. They can be set in the same way as the environment options listed
+above:</p>
+<ul>
+<li><p><code>dojo</code> - Defines global variables provided by the Dojo Toolkit</p>
+</li>
+<li><p><code>jquery</code> - Defines global variables provided by jQuery</p>
+</li>
+<li><p><code>mootools</code> - Defines global variables provided by Mootools</p>
+</li>
+<li><p><code>prototypejs</code> - Defines global variables provided by PrototypeJS</p>
+</li>
+<li><p><code>yui</code> - Defines global variables provided by YUI</p>
+</li>
+</ul>
+<p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
+<a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W117</strong>.
+This means you can tell JSHint to not issue this warning with the <code>/*jshint
+-W117 */</code> directive.</p>
+<p>In ESLint the rule that generates this warning is named <code>no-use-before-define</code>.
+You can disable it by setting it to <code>0</code>, or enable it by setting it to <code>1</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W120.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W120.html
index 66ef0b5..1b8fc84 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W120.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W120.html
@@ -1,4 +1,5 @@
-<h3 id="history">History</h3>
+
+    <h3 id="history">History</h3>
 <p>This warning has existed in two forms across the three main linters. It was
 introduced in the original version of JSLint and has remained in all three tools
 ever since.</p>
@@ -20,20 +21,22 @@ <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 might be leaking a    variable ({a}) here" error) is thrown when JSLint and
 JSHint encounter <strong>more than one inline assignment</strong>. In this example, we
 attempt to assign a string literal to the variables <code>x</code>, <code>y</code> and <code>z</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 241px; min-height: 47px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-string">"example"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 47px;"></div><div style="height: 47px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 3 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 1:</td><td class="msg">Variable y was not declared correctly.</td></tr><tr><td class="line">Line 1:</td><td class="msg">Stopping. (50% scanned).</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 267px; min-height: 60px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-string">"example"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 60px;"></div><div style="height: 75px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 0:</td><td class="msg">Undeclared 'y'.</td></tr><tr><td class="inline">Line 0:</td><td class="msg">Unexpected statement '=' in expression position.</td></tr><tr><td class="inline">Line 0:</td><td class="msg">Undeclared 'z'.</td></tr><tr><td class="inline">Line 0:</td><td class="msg">Unexpected '='.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <p>This error is raised to highlight a <strong>potential misunderstanding of the
 language</strong>. A relatively common beginner mistake is to use the above code in an
 attempt to declare multiple variables and assign a single value to all of them
 at the same time. However, the above is actually equivalent to the following:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 205px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-string">"example"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">'y' was used before it was defined.</td></tr><tr><td class="line">Line 2:</td><td class="msg">'z' was used before it was defined.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 227px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-string">"example"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 4 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Undeclared 'y'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Unexpected '='.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Undeclared 'z'.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Unexpected '='.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>This makes the problem more obvious. Instead of declaring three variables, we
 have actually only declared one. <code>y</code> and <code>z</code> will refer to variables with those
 identifiers in ancestor scopes, or, assuming the code is not running in strict
 mode, will be created as properties of the global object. If you intended to
 declare multiple variables, you can use commas to separate them instead:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 205px; min-height: 67px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>, <span class="cm-variable">y</span>, <span class="cm-variable">z</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-string">"example"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 67px;"></div><div style="height: 67px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2014-02-06</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 227px; min-height: 86px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>3</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">var</span> <span class="cm-variable">x</span>, <span class="cm-variable">y</span>, <span class="cm-variable">z</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">x</span> <span class="cm-operator">=</span> <span class="cm-variable">y</span> <span class="cm-operator">=</span> <span class="cm-variable">z</span> <span class="cm-operator">=</span> <span class="cm-string">"example"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 86px;"></div><div style="height: 101px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSLint</span>&nbsp;<span class="result">found 2 errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2015-09-23</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 1:</td><td class="msg">Unexpected '='.</td></tr><tr><td class="inline">Line 1:</td><td class="msg">Unexpected '='.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W120</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W120 */</code> directive.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W121.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W121.html
index cdc1252..c72c252 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W121.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W121.html
@@ -1,14 +1,15 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Extending prototype of native object: '{a}'" error, and the alternative
 "{a} prototype is read only, properties should not be added" error, is thrown
 when JSHint (only versions 2.3.0 and above) or ESLint encounters <em>*a assignment
 to a property of the <code>prototype</code> of a native object</em>. JSHint will only raise
 this warning if the <code>freeze</code> option is set to <code>true</code>. The following example
 defines a <code>reverse</code> method on the native <code>String</code> prototype:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 412px; min-height: 125px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint freeze: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">String</span>.<span class="cm-property">prototype</span>.<span class="cm-property">reverse</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">split</span>(<span class="cm-string">""</span>).<span class="cm-property">reverse</span>().<span class="cm-property">join</span>(<span class="cm-string">""</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 125px;"></div><div style="height: 125px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Extending prototype of native object: 'String'.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 457px; min-height: 164px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint freeze: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">String</span>.<span class="cm-property">prototype</span>.<span class="cm-property">reverse</span> <span class="cm-operator">=</span> <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">split</span>(<span class="cm-string">""</span>).<span class="cm-property">reverse</span>().<span class="cm-property">join</span>(<span class="cm-string">""</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>};</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 164px;"></div><div style="height: 179px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Extending prototype of native object: 'String'.</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>ESLint will also issue the warning when the <code>Object.defineProperty</code> method is
 used. JSHint does not warn in this situation:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 475px; min-height: 164px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint freeze: true */</span></span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">Object</span>.<span class="cm-property">defineProperty</span>(<span class="cm-variable">String</span>.<span class="cm-property">prototype</span>, <span class="cm-string">"reverse"</span>, {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">value</span>: <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">split</span>(<span class="cm-string">""</span>).<span class="cm-property">reverse</span>().<span class="cm-property">join</span>(<span class="cm-string">""</span>);</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 164px;"></div><div style="height: 164px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">ESLint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 0.6.2</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">String prototype is read only, properties should not be added.</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div style="display: block; right: 0px; left: 29px;" cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 527px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 527px; min-height: 216px; padding-right: 0px; padding-bottom: 15px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>8</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div style="" class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-comment">/*jshint freeze: true */</span></span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span><span class="cm-variable">Object</span>.<span class="cm-property">defineProperty</span>(<span class="cm-variable">String</span>.<span class="cm-property">prototype</span>, <span class="cm-string">"reverse"</span>, {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>    <span class="cm-property">value</span>: <span class="cm-keyword">function</span> () {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span>        <span class="cm-string">"use strict"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">5</div></div><pre class=""><span>        <span class="cm-keyword">return</span> <span class="cm-keyword">this</span>.<span class="cm-property">split</span>(<span class="cm-string">""</span>).<span class="cm-property">reverse</span>().<span class="cm-property">join</span>(<span class="cm-string">""</span>);</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">6</div></div><pre class=""><span>    }</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">7</div></div><pre class=""><span>});</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">8</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 216px;"></div><div style="height: 231px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSLint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version v0.16.1</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p><em>Side note</em>: the implementation of string reversal above is naive because it
 fails to take into account the way characters are encoded internally in
 JavaScript. See <a href="http://stackoverflow.com/questions/958908/how-do-you-reverse-a-string-in-place-in-javascript/16776621#16776621">this Stack Overflow answer</a> for a great explanation.</p>
@@ -32,3 +33,5 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W121</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W121 */</code> directive. You can also set the <code>freeze</code> option to <code>false</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/rules/jshint/W122.html b/sonar-web-frontend-js/src/main/resources/rules/jshint/W122.html
index d93cb66..868c654 100644
--- a/sonar-web-frontend-js/src/main/resources/rules/jshint/W122.html
+++ b/sonar-web-frontend-js/src/main/resources/rules/jshint/W122.html
@@ -1,9 +1,10 @@
-<h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
+
+    <h3 id="when-do-i-get-this-error-">When do I get this error?</h3>
 <p>The "Invalid typeof value '{a}'" error is thrown when JSHint encounters <strong>a
 comparison with a <code>typeof</code> expression on one side and an invalid string literal
 on the other</strong>. In the following example we have a function that will return
 <code>true</code> if the argument is of type <code>"bool"</code>:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 286px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">typeof</span> <span class="cm-variable-2">a</span> <span class="cm-operator">===</span> <span class="cm-string">"bool"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="line">Line 2:</td><td class="msg">Invalid typeof value 'bool'</td></tr></tbody></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 317px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><span><span>​</span>x</span></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">typeof</span> <span class="cm-variable-2">a</span> <span class="cm-operator">===</span> <span class="cm-string">"bool"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint error"><span class="linter">JSHint</span>&nbsp;<span class="result">found 1 error</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"><tbody><tr><td class="inline">Line 2:</td><td class="msg">Invalid typeof value 'bool'</td></tr></tbody></table></div></div><iframe></iframe></div>
 <p>This functionality was introduced in JSHint 2.3.0. Prior versions do not raise
 any error in this situation. Neither JSLint nor ESLint raises any error in this
 situation.</p>
@@ -35,8 +36,10 @@ <h3 id="why-do-i-get-this-error-">Why do I get this error?</h3>
 condition will always evaluate to false since it is not possible for the
 <code>typeof</code> operator to ever return the value you're using. To solve this issue
 simply use a valid value:</p>
-<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 35px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div style="left: 31px;" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div class="CodeMirror-scrollbar-filler"></div><div class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 31px; min-width: 313px; min-height: 86px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 19.5px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">typeof</span> <span class="cm-variable-2">a</span> <span class="cm-operator">===</span> <span class="cm-string">"boolean"</span>;</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="position: absolute; left: -31px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span>​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 30px; width: 1px; top: 86px;"></div><div style="height: 86px;" class="CodeMirror-gutters"><div style="width: 30px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right">Which linter should be used for this code snippet:<form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form>Which version of the linter should be used:<form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.5.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
+<div class="row editor"><div class="col-md-6"><textarea style="display: none;" class="cm"></textarea><div class="CodeMirror cm-s-default"><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 4px; left: 33px;"><textarea tabindex="0" spellcheck="false" autocapitalize="off" autocorrect="off" wrap="off" style="position: absolute; padding: 0px; width: 1px; height: 1em; outline: medium none;"></textarea></div><div cm-not-content="true" class="CodeMirror-vscrollbar"><div style="min-width: 1px; height: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-hscrollbar"><div style="height: 100%; min-height: 1px; width: 0px;"></div></div><div cm-not-content="true" class="CodeMirror-scrollbar-filler"></div><div cm-not-content="true" class="CodeMirror-gutter-filler"></div><div draggable="true" tabindex="-1" class="CodeMirror-scroll"><div style="margin-left: 29px; margin-bottom: -15px; border-right-width: 15px; min-width: 347px; min-height: 112px; padding-right: 0px; padding-bottom: 0px;" class="CodeMirror-sizer"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines"><div style="position: relative; outline: medium none;"><div class="CodeMirror-measure"><div class="CodeMirror-linenumber CodeMirror-gutter-elt"><div>4</div></div></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-cursors"><div style="left: 4px; top: 0px; height: 26.05px;" class="CodeMirror-cursor">&nbsp;</div></div><div class="CodeMirror-code"><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">1</div></div><pre class=""><span><span class="cm-keyword">function</span> <span class="cm-variable">demo</span>(<span class="cm-def">a</span>) {</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">2</div></div><pre class=""><span>    <span class="cm-keyword">return</span> <span class="cm-keyword">typeof</span> <span class="cm-variable-2">a</span> <span class="cm-operator">===</span> <span class="cm-string">"boolean"</span>;</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">3</div></div><pre class=""><span>}</span></pre></div><div style="position: relative;"><div style="left: -29px; width: 29px;" class="CodeMirror-gutter-wrapper"><div style="left: 0px; width: 20px;" class="CodeMirror-linenumber CodeMirror-gutter-elt">4</div></div><pre class=""><span><span cm-text="">​</span></span></pre></div></div></div></div></div></div><div style="position: absolute; height: 15px; width: 1px; top: 112px;"></div><div style="height: 127px;" class="CodeMirror-gutters"><div style="width: 28px;" class="CodeMirror-gutter CodeMirror-linenumbers"></div></div></div></div></div><div class="col-md-6"><div class="lint success"><span class="linter">JSHint</span>&nbsp;<span class="result">found no errors</span><a href="#" data-toggle="dropdown" title="Settings"><span class="glyphicon glyphicon-cog pull-right"></span></a><div class="dropdown-menu pull-right"><p>Which linter should be used for this code snippet:</p><form class="form-inline"><label class="radio-inline"><input name="linter" value="jslint" type="radio"> JSLint</label><label class="radio-inline"><input name="linter" value="jshint" type="radio"> JSHint</label><label class="radio-inline"><input name="linter" value="eslint" type="radio"> ESLint</label></form><p>Which version of the linter should be used:</p><form><input class="form-control filter" placeholder="Filter linter versions" type="text"></form><table class="table table-striped versions"></table><button class="btn btn-default btn-sm update">Update</button></div><span class="pull-right small version">Version 2.9.0</span></div><div class="result"><table class="table errors"></table></div></div><iframe></iframe></div>
 <p>In JSHint 1.0.0 and above you have the ability to ignore any warning with a
 <a href="http://jshint.com/docs/#options">special option syntax</a>. The identifier of this warning is <strong>W122</strong>.
 This means you can tell JSHint to not issue this warning with the <code>/*jshint
 -W122 */</code> directive. You can also set the <code>sub</code> option to <code>true</code>.</p>
+
+  
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.eot b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.eot
new file mode 100755
index 0000000..423bd5d
Binary files /dev/null and b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.eot differ
diff --git a/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.svg b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.svg
new file mode 100755
index 0000000..4469488
--- /dev/null
+++ b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.svg
@@ -0,0 +1,229 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata></metadata>
+<defs>
+<font id="glyphicons_halflingsregular" horiz-adv-x="1200" >
+<font-face units-per-em="1200" ascent="960" descent="-240" />
+<missing-glyph horiz-adv-x="500" />
+<glyph />
+<glyph />
+<glyph unicode="&#xd;" />
+<glyph unicode=" " />
+<glyph unicode="*" d="M100 500v200h259l-183 183l141 141l183 -183v259h200v-259l183 183l141 -141l-183 -183h259v-200h-259l183 -183l-141 -141l-183 183v-259h-200v259l-183 -183l-141 141l183 183h-259z" />
+<glyph unicode="+" d="M0 400v300h400v400h300v-400h400v-300h-400v-400h-300v400h-400z" />
+<glyph unicode="&#xa0;" />
+<glyph unicode="&#x2000;" horiz-adv-x="652" />
+<glyph unicode="&#x2001;" horiz-adv-x="1304" />
+<glyph unicode="&#x2002;" horiz-adv-x="652" />
+<glyph unicode="&#x2003;" horiz-adv-x="1304" />
+<glyph unicode="&#x2004;" horiz-adv-x="434" />
+<glyph unicode="&#x2005;" horiz-adv-x="326" />
+<glyph unicode="&#x2006;" horiz-adv-x="217" />
+<glyph unicode="&#x2007;" horiz-adv-x="217" />
+<glyph unicode="&#x2008;" horiz-adv-x="163" />
+<glyph unicode="&#x2009;" horiz-adv-x="260" />
+<glyph unicode="&#x200a;" horiz-adv-x="72" />
+<glyph unicode="&#x202f;" horiz-adv-x="260" />
+<glyph unicode="&#x205f;" horiz-adv-x="326" />
+<glyph unicode="&#x20ac;" d="M100 500l100 100h113q0 47 5 100h-218l100 100h135q37 167 112 257q117 141 297 141q242 0 354 -189q60 -103 66 -209h-181q0 55 -25.5 99t-63.5 68t-75 36.5t-67 12.5q-24 0 -52.5 -10t-62.5 -32t-65.5 -67t-50.5 -107h379l-100 -100h-300q-6 -46 -6 -100h406l-100 -100 h-300q9 -74 33 -132t52.5 -91t62 -54.5t59 -29t46.5 -7.5q29 0 66 13t75 37t63.5 67.5t25.5 96.5h174q-31 -172 -128 -278q-107 -117 -274 -117q-205 0 -324 158q-36 46 -69 131.5t-45 205.5h-217z" />
+<glyph unicode="&#x2212;" d="M200 400h900v300h-900v-300z" />
+<glyph unicode="&#x2601;" d="M-14 494q0 -80 56.5 -137t135.5 -57h750q120 0 205 86t85 208q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5z" />
+<glyph unicode="&#x2709;" d="M0 100l400 400l200 -200l200 200l400 -400h-1200zM0 300v600l300 -300zM0 1100l600 -603l600 603h-1200zM900 600l300 300v-600z" />
+<glyph unicode="&#x270f;" d="M-13 -13l333 112l-223 223zM187 403l214 -214l614 614l-214 214zM887 1103l214 -214l99 92q13 13 13 32.5t-13 33.5l-153 153q-15 13 -33 13t-33 -13z" />
+<glyph unicode="&#xe000;" horiz-adv-x="500" d="M0 0z" />
+<glyph unicode="&#xe001;" d="M0 1200h1200l-500 -550v-550h300v-100h-800v100h300v550z" />
+<glyph unicode="&#xe002;" d="M14 84q18 -55 86 -75.5t147 5.5q65 21 109 69t44 90v606l600 155v-521q-64 16 -138 -7q-79 -26 -122.5 -83t-25.5 -111q17 -55 85.5 -75.5t147.5 4.5q70 23 111.5 63.5t41.5 95.5v881q0 10 -7 15.5t-17 2.5l-752 -193q-10 -3 -17 -12.5t-7 -19.5v-689q-64 17 -138 -7 q-79 -25 -122.5 -82t-25.5 -112z" />
+<glyph unicode="&#xe003;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233z" />
+<glyph unicode="&#xe005;" d="M100 784q0 64 28 123t73 100.5t104.5 64t119 20.5t120 -38.5t104.5 -104.5q48 69 109.5 105t121.5 38t118.5 -20.5t102.5 -64t71 -100.5t27 -123q0 -57 -33.5 -117.5t-94 -124.5t-126.5 -127.5t-150 -152.5t-146 -174q-62 85 -145.5 174t-149.5 152.5t-126.5 127.5 t-94 124.5t-33.5 117.5z" />
+<glyph unicode="&#xe006;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1z" />
+<glyph unicode="&#xe007;" d="M-72 800h479l146 400h2l146 -400h472l-382 -278l145 -449l-384 275l-382 -275l146 447zM168 71l2 1zM237 700l196 -142l-73 -226l192 140l195 -141l-74 229l193 140h-235l-77 211l-78 -211h-239z" />
+<glyph unicode="&#xe008;" d="M0 0v143l400 257v100q-37 0 -68.5 74.5t-31.5 125.5v200q0 124 88 212t212 88t212 -88t88 -212v-200q0 -51 -31.5 -125.5t-68.5 -74.5v-100l400 -257v-143h-1200z" />
+<glyph unicode="&#xe009;" d="M0 0v1100h1200v-1100h-1200zM100 100h100v100h-100v-100zM100 300h100v100h-100v-100zM100 500h100v100h-100v-100zM100 700h100v100h-100v-100zM100 900h100v100h-100v-100zM300 100h600v400h-600v-400zM300 600h600v400h-600v-400zM1000 100h100v100h-100v-100z M1000 300h100v100h-100v-100zM1000 500h100v100h-100v-100zM1000 700h100v100h-100v-100zM1000 900h100v100h-100v-100z" />
+<glyph unicode="&#xe010;" d="M0 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM0 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400 q-21 0 -35.5 14.5t-14.5 35.5zM600 50v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5zM600 650v400q0 21 14.5 35.5t35.5 14.5h400q21 0 35.5 -14.5t14.5 -35.5v-400 q0 -21 -14.5 -35.5t-35.5 -14.5h-400q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe011;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200 q-21 0 -35.5 14.5t-14.5 35.5zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 450v200q0 21 14.5 35.5t35.5 14.5h200 q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM800 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe012;" d="M0 50v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM0 450q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v200q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5 t-14.5 -35.5v-200zM0 850v200q0 21 14.5 35.5t35.5 14.5h200q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5zM400 50v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5 t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 450v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5zM400 850v200q0 21 14.5 35.5t35.5 14.5h700q21 0 35.5 -14.5t14.5 -35.5 v-200q0 -21 -14.5 -35.5t-35.5 -14.5h-700q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe013;" d="M29 454l419 -420l818 820l-212 212l-607 -607l-206 207z" />
+<glyph unicode="&#xe014;" d="M106 318l282 282l-282 282l212 212l282 -282l282 282l212 -212l-282 -282l282 -282l-212 -212l-282 282l-282 -282z" />
+<glyph unicode="&#xe015;" d="M23 693q0 200 142 342t342 142t342 -142t142 -342q0 -142 -78 -261l300 -300q7 -8 7 -18t-7 -18l-109 -109q-8 -7 -18 -7t-18 7l-300 300q-119 -78 -261 -78q-200 0 -342 142t-142 342zM176 693q0 -136 97 -233t234 -97t233.5 96.5t96.5 233.5t-96.5 233.5t-233.5 96.5 t-234 -97t-97 -233zM300 600v200h100v100h200v-100h100v-200h-100v-100h-200v100h-100z" />
+<glyph unicode="&#xe016;" d="M23 694q0 200 142 342t342 142t342 -142t142 -342q0 -141 -78 -262l300 -299q7 -7 7 -18t-7 -18l-109 -109q-8 -8 -18 -8t-18 8l-300 299q-120 -77 -261 -77q-200 0 -342 142t-142 342zM176 694q0 -136 97 -233t234 -97t233.5 97t96.5 233t-96.5 233t-233.5 97t-234 -97 t-97 -233zM300 601h400v200h-400v-200z" />
+<glyph unicode="&#xe017;" d="M23 600q0 183 105 331t272 210v-166q-103 -55 -165 -155t-62 -220q0 -177 125 -302t302 -125t302 125t125 302q0 120 -62 220t-165 155v166q167 -62 272 -210t105 -331q0 -118 -45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5 zM500 750q0 -21 14.5 -35.5t35.5 -14.5h100q21 0 35.5 14.5t14.5 35.5v400q0 21 -14.5 35.5t-35.5 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-400z" />
+<glyph unicode="&#xe018;" d="M100 1h200v300h-200v-300zM400 1v500h200v-500h-200zM700 1v800h200v-800h-200zM1000 1v1200h200v-1200h-200z" />
+<glyph unicode="&#xe019;" d="M26 601q0 -33 6 -74l151 -38l2 -6q14 -49 38 -93l3 -5l-80 -134q45 -59 105 -105l133 81l5 -3q45 -26 94 -39l5 -2l38 -151q40 -5 74 -5q27 0 74 5l38 151l6 2q46 13 93 39l5 3l134 -81q56 44 104 105l-80 134l3 5q24 44 39 93l1 6l152 38q5 40 5 74q0 28 -5 73l-152 38 l-1 6q-16 51 -39 93l-3 5l80 134q-44 58 -104 105l-134 -81l-5 3q-45 25 -93 39l-6 1l-38 152q-40 5 -74 5q-27 0 -74 -5l-38 -152l-5 -1q-50 -14 -94 -39l-5 -3l-133 81q-59 -47 -105 -105l80 -134l-3 -5q-25 -47 -38 -93l-2 -6l-151 -38q-6 -48 -6 -73zM385 601 q0 88 63 151t152 63t152 -63t63 -151q0 -89 -63 -152t-152 -63t-152 63t-63 152z" />
+<glyph unicode="&#xe020;" d="M100 1025v50q0 10 7.5 17.5t17.5 7.5h275v100q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5v-100h275q10 0 17.5 -7.5t7.5 -17.5v-50q0 -11 -7 -18t-18 -7h-1050q-11 0 -18 7t-7 18zM200 100v800h900v-800q0 -41 -29.5 -71t-70.5 -30h-700q-41 0 -70.5 30 t-29.5 71zM300 100h100v700h-100v-700zM500 100h100v700h-100v-700zM500 1100h300v100h-300v-100zM700 100h100v700h-100v-700zM900 100h100v700h-100v-700z" />
+<glyph unicode="&#xe021;" d="M1 601l656 644l644 -644h-200v-600h-300v400h-300v-400h-300v600h-200z" />
+<glyph unicode="&#xe022;" d="M100 25v1150q0 11 7 18t18 7h475v-500h400v-675q0 -11 -7 -18t-18 -7h-850q-11 0 -18 7t-7 18zM700 800v300l300 -300h-300z" />
+<glyph unicode="&#xe023;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 500v400h100 v-300h200v-100h-300z" />
+<glyph unicode="&#xe024;" d="M-100 0l431 1200h209l-21 -300h162l-20 300h208l431 -1200h-538l-41 400h-242l-40 -400h-539zM488 500h224l-27 300h-170z" />
+<glyph unicode="&#xe025;" d="M0 0v400h490l-290 300h200v500h300v-500h200l-290 -300h490v-400h-1100zM813 200h175v100h-175v-100z" />
+<glyph unicode="&#xe026;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM188 600q0 -170 121 -291t291 -121t291 121t121 291t-121 291t-291 121 t-291 -121t-121 -291zM350 600h150v300h200v-300h150l-250 -300z" />
+<glyph unicode="&#xe027;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM350 600l250 300 l250 -300h-150v-300h-200v300h-150z" />
+<glyph unicode="&#xe028;" d="M0 25v475l200 700h800q199 -700 200 -700v-475q0 -11 -7 -18t-18 -7h-1150q-11 0 -18 7t-7 18zM200 500h200l50 -200h300l50 200h200l-97 500h-606z" />
+<glyph unicode="&#xe029;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM500 397v401 l297 -200z" />
+<glyph unicode="&#xe030;" d="M23 600q0 -118 45.5 -224.5t123 -184t184 -123t224.5 -45.5t224.5 45.5t184 123t123 184t45.5 224.5h-150q0 -177 -125 -302t-302 -125t-302 125t-125 302t125 302t302 125q136 0 246 -81l-146 -146h400v400l-145 -145q-157 122 -355 122q-118 0 -224.5 -45.5t-184 -123 t-123 -184t-45.5 -224.5z" />
+<glyph unicode="&#xe031;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5q198 0 355 -122l145 145v-400h-400l147 147q-112 80 -247 80q-177 0 -302 -125t-125 -302h-150zM100 0v400h400l-147 -147q112 -80 247 -80q177 0 302 125t125 302h150q0 -118 -45.5 -224.5t-123 -184t-184 -123 t-224.5 -45.5q-198 0 -355 122z" />
+<glyph unicode="&#xe032;" d="M100 0h1100v1200h-1100v-1200zM200 100v900h900v-900h-900zM300 200v100h100v-100h-100zM300 400v100h100v-100h-100zM300 600v100h100v-100h-100zM300 800v100h100v-100h-100zM500 200h500v100h-500v-100zM500 400v100h500v-100h-500zM500 600v100h500v-100h-500z M500 800v100h500v-100h-500z" />
+<glyph unicode="&#xe033;" d="M0 100v600q0 41 29.5 70.5t70.5 29.5h100v200q0 82 59 141t141 59h300q82 0 141 -59t59 -141v-200h100q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-900q-41 0 -70.5 29.5t-29.5 70.5zM400 800h300v150q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-150z" />
+<glyph unicode="&#xe034;" d="M100 0v1100h100v-1100h-100zM300 400q60 60 127.5 84t127.5 17.5t122 -23t119 -30t110 -11t103 42t91 120.5v500q-40 -81 -101.5 -115.5t-127.5 -29.5t-138 25t-139.5 40t-125.5 25t-103 -29.5t-65 -115.5v-500z" />
+<glyph unicode="&#xe035;" d="M0 275q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 127 70.5 231.5t184.5 161.5t245 57t245 -57t184.5 -161.5t70.5 -231.5v-300q0 -11 7 -18t18 -7h50q11 0 18 7t7 18v300q0 116 -49.5 227t-131 192.5t-192.5 131t-227 49.5t-227 -49.5t-192.5 -131t-131 -192.5 t-49.5 -227v-300zM200 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14zM800 20v460q0 8 6 14t14 6h160q8 0 14 -6t6 -14v-460q0 -8 -6 -14t-14 -6h-160q-8 0 -14 6t-6 14z" />
+<glyph unicode="&#xe036;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM688 459l141 141l-141 141l71 71l141 -141l141 141l71 -71l-141 -141l141 -141l-71 -71l-141 141l-141 -141z" />
+<glyph unicode="&#xe037;" d="M0 400h300l300 -200v800l-300 -200h-300v-400zM700 857l69 53q111 -135 111 -310q0 -169 -106 -302l-67 54q86 110 86 248q0 146 -93 257z" />
+<glyph unicode="&#xe038;" d="M0 401v400h300l300 200v-800l-300 200h-300zM702 858l69 53q111 -135 111 -310q0 -170 -106 -303l-67 55q86 110 86 248q0 145 -93 257zM889 951l7 -8q123 -151 123 -344q0 -189 -119 -339l-7 -8l81 -66l6 8q142 178 142 405q0 230 -144 408l-6 8z" />
+<glyph unicode="&#xe039;" d="M0 0h500v500h-200v100h-100v-100h-200v-500zM0 600h100v100h400v100h100v100h-100v300h-500v-600zM100 100v300h300v-300h-300zM100 800v300h300v-300h-300zM200 200v100h100v-100h-100zM200 900h100v100h-100v-100zM500 500v100h300v-300h200v-100h-100v-100h-200v100 h-100v100h100v200h-200zM600 0v100h100v-100h-100zM600 1000h100v-300h200v-300h300v200h-200v100h200v500h-600v-200zM800 800v300h300v-300h-300zM900 0v100h300v-100h-300zM900 900v100h100v-100h-100zM1100 200v100h100v-100h-100z" />
+<glyph unicode="&#xe040;" d="M0 200h100v1000h-100v-1000zM100 0v100h300v-100h-300zM200 200v1000h100v-1000h-100zM500 0v91h100v-91h-100zM500 200v1000h200v-1000h-200zM700 0v91h100v-91h-100zM800 200v1000h100v-1000h-100zM900 0v91h200v-91h-200zM1000 200v1000h200v-1000h-200z" />
+<glyph unicode="&#xe041;" d="M1 700v475q0 10 7.5 17.5t17.5 7.5h474l700 -700l-500 -500zM148 953q0 -42 29 -71q30 -30 71.5 -30t71.5 30q29 29 29 71t-29 71q-30 30 -71.5 30t-71.5 -30q-29 -29 -29 -71z" />
+<glyph unicode="&#xe042;" d="M2 700v475q0 11 7 18t18 7h474l700 -700l-500 -500zM148 953q0 -42 30 -71q29 -30 71 -30t71 30q30 29 30 71t-30 71q-29 30 -71 30t-71 -30q-30 -29 -30 -71zM701 1200h100l700 -700l-500 -500l-50 50l450 450z" />
+<glyph unicode="&#xe043;" d="M100 0v1025l175 175h925v-1000l-100 -100v1000h-750l-100 -100h750v-1000h-900z" />
+<glyph unicode="&#xe044;" d="M200 0l450 444l450 -443v1150q0 20 -14.5 35t-35.5 15h-800q-21 0 -35.5 -15t-14.5 -35v-1151z" />
+<glyph unicode="&#xe045;" d="M0 100v700h200l100 -200h600l100 200h200v-700h-200v200h-800v-200h-200zM253 829l40 -124h592l62 124l-94 346q-2 11 -10 18t-18 7h-450q-10 0 -18 -7t-10 -18zM281 24l38 152q2 10 11.5 17t19.5 7h500q10 0 19.5 -7t11.5 -17l38 -152q2 -10 -3.5 -17t-15.5 -7h-600 q-10 0 -15.5 7t-3.5 17z" />
+<glyph unicode="&#xe046;" d="M0 200q0 -41 29.5 -70.5t70.5 -29.5h1000q41 0 70.5 29.5t29.5 70.5v600q0 41 -29.5 70.5t-70.5 29.5h-150q-4 8 -11.5 21.5t-33 48t-53 61t-69 48t-83.5 21.5h-200q-41 0 -82 -20.5t-70 -50t-52 -59t-34 -50.5l-12 -20h-150q-41 0 -70.5 -29.5t-29.5 -70.5v-600z M356 500q0 100 72 172t172 72t172 -72t72 -172t-72 -172t-172 -72t-172 72t-72 172zM494 500q0 -44 31 -75t75 -31t75 31t31 75t-31 75t-75 31t-75 -31t-31 -75zM900 700v100h100v-100h-100z" />
+<glyph unicode="&#xe047;" d="M53 0h365v66q-41 0 -72 11t-49 38t1 71l92 234h391l82 -222q16 -45 -5.5 -88.5t-74.5 -43.5v-66h417v66q-34 1 -74 43q-18 19 -33 42t-21 37l-6 13l-385 998h-93l-399 -1006q-24 -48 -52 -75q-12 -12 -33 -25t-36 -20l-15 -7v-66zM416 521l178 457l46 -140l116 -317h-340 z" />
+<glyph unicode="&#xe048;" d="M100 0v89q41 7 70.5 32.5t29.5 65.5v827q0 28 -1 39.5t-5.5 26t-15.5 21t-29 14t-49 14.5v70h471q120 0 213 -88t93 -228q0 -55 -11.5 -101.5t-28 -74t-33.5 -47.5t-28 -28l-12 -7q8 -3 21.5 -9t48 -31.5t60.5 -58t47.5 -91.5t21.5 -129q0 -84 -59 -156.5t-142 -111 t-162 -38.5h-500zM400 200h161q89 0 153 48.5t64 132.5q0 90 -62.5 154.5t-156.5 64.5h-159v-400zM400 700h139q76 0 130 61.5t54 138.5q0 82 -84 130.5t-239 48.5v-379z" />
+<glyph unicode="&#xe049;" d="M200 0v57q77 7 134.5 40.5t65.5 80.5l173 849q10 56 -10 74t-91 37q-6 1 -10.5 2.5t-9.5 2.5v57h425l2 -57q-33 -8 -62 -25.5t-46 -37t-29.5 -38t-17.5 -30.5l-5 -12l-128 -825q-10 -52 14 -82t95 -36v-57h-500z" />
+<glyph unicode="&#xe050;" d="M-75 200h75v800h-75l125 167l125 -167h-75v-800h75l-125 -167zM300 900v300h150h700h150v-300h-50q0 29 -8 48.5t-18.5 30t-33.5 15t-39.5 5.5t-50.5 1h-200v-850l100 -50v-100h-400v100l100 50v850h-200q-34 0 -50.5 -1t-40 -5.5t-33.5 -15t-18.5 -30t-8.5 -48.5h-49z " />
+<glyph unicode="&#xe051;" d="M33 51l167 125v-75h800v75l167 -125l-167 -125v75h-800v-75zM100 901v300h150h700h150v-300h-50q0 29 -8 48.5t-18 30t-33.5 15t-40 5.5t-50.5 1h-200v-650l100 -50v-100h-400v100l100 50v650h-200q-34 0 -50.5 -1t-39.5 -5.5t-33.5 -15t-18.5 -30t-8 -48.5h-50z" />
+<glyph unicode="&#xe052;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 350q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM0 650q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1000q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 950q0 -20 14.5 -35t35.5 -15h600q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-600q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe053;" d="M0 50q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM0 650q0 -20 14.5 -35t35.5 -15h1100q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5 v-100zM200 350q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM200 950q0 -20 14.5 -35t35.5 -15h700q21 0 35.5 15t14.5 35v100q0 21 -14.5 35.5t-35.5 14.5h-700q-21 0 -35.5 -14.5 t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe054;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM100 650v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1000q-21 0 -35.5 15 t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM500 950v100q0 21 14.5 35.5t35.5 14.5h600q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-600 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe055;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h1100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-1100 q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe056;" d="M0 50v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 350v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM0 650v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15t-14.5 35zM0 950v100q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-100q-21 0 -35.5 15 t-14.5 35zM300 50v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 350v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800 q-21 0 -35.5 15t-14.5 35zM300 650v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15h-800q-21 0 -35.5 15t-14.5 35zM300 950v100q0 21 14.5 35.5t35.5 14.5h800q21 0 35.5 -14.5t14.5 -35.5v-100q0 -20 -14.5 -35t-35.5 -15 h-800q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe057;" d="M-101 500v100h201v75l166 -125l-166 -125v75h-201zM300 0h100v1100h-100v-1100zM500 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35 v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 650q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM500 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100 q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100z" />
+<glyph unicode="&#xe058;" d="M1 50q0 -20 14.5 -35t35.5 -15h600q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-600q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 350q0 -20 14.5 -35t35.5 -15h300q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-300q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 650 q0 -20 14.5 -35t35.5 -15h500q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-500q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM1 950q0 -20 14.5 -35t35.5 -15h100q20 0 35 15t15 35v100q0 21 -15 35.5t-35 14.5h-100q-21 0 -35.5 -14.5t-14.5 -35.5v-100zM801 0v1100h100v-1100 h-100zM934 550l167 -125v75h200v100h-200v75z" />
+<glyph unicode="&#xe059;" d="M0 275v650q0 31 22 53t53 22h750q31 0 53 -22t22 -53v-650q0 -31 -22 -53t-53 -22h-750q-31 0 -53 22t-22 53zM900 600l300 300v-600z" />
+<glyph unicode="&#xe060;" d="M0 44v1012q0 18 13 31t31 13h1112q19 0 31.5 -13t12.5 -31v-1012q0 -18 -12.5 -31t-31.5 -13h-1112q-18 0 -31 13t-13 31zM100 263l247 182l298 -131l-74 156l293 318l236 -288v500h-1000v-737zM208 750q0 56 39 95t95 39t95 -39t39 -95t-39 -95t-95 -39t-95 39t-39 95z " />
+<glyph unicode="&#xe062;" d="M148 745q0 124 60.5 231.5t165 172t226.5 64.5q123 0 227 -63t164.5 -169.5t60.5 -229.5t-73 -272q-73 -114 -166.5 -237t-150.5 -189l-57 -66q-10 9 -27 26t-66.5 70.5t-96 109t-104 135.5t-100.5 155q-63 139 -63 262zM342 772q0 -107 75.5 -182.5t181.5 -75.5 q107 0 182.5 75.5t75.5 182.5t-75.5 182t-182.5 75t-182 -75.5t-75 -181.5z" />
+<glyph unicode="&#xe063;" d="M1 600q0 122 47.5 233t127.5 191t191 127.5t233 47.5t233 -47.5t191 -127.5t127.5 -191t47.5 -233t-47.5 -233t-127.5 -191t-191 -127.5t-233 -47.5t-233 47.5t-191 127.5t-127.5 191t-47.5 233zM173 600q0 -177 125.5 -302t301.5 -125v854q-176 0 -301.5 -125 t-125.5 -302z" />
+<glyph unicode="&#xe064;" d="M117 406q0 94 34 186t88.5 172.5t112 159t115 177t87.5 194.5q21 -71 57.5 -142.5t76 -130.5t83 -118.5t82 -117t70 -116t50 -125.5t18.5 -136q0 -89 -39 -165.5t-102 -126.5t-140 -79.5t-156 -33.5q-114 6 -211.5 53t-161.5 138.5t-64 210.5zM243 414q14 -82 59.5 -136 t136.5 -80l16 98q-7 6 -18 17t-34 48t-33 77q-15 73 -14 143.5t10 122.5l9 51q-92 -110 -119.5 -185t-12.5 -156z" />
+<glyph unicode="&#xe065;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5q366 -6 397 -14l-186 -186h-311q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v125l200 200v-225q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM436 341l161 50l412 412l-114 113l-405 -405zM995 1015l113 -113l113 113l-21 85l-92 28z" />
+<glyph unicode="&#xe066;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h261l2 -80q-133 -32 -218 -120h-145q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5l200 153v-53q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5 zM423 524q30 38 81.5 64t103 35.5t99 14t77.5 3.5l29 -1v-209l360 324l-359 318v-216q-7 0 -19 -1t-48 -8t-69.5 -18.5t-76.5 -37t-76.5 -59t-62 -88t-39.5 -121.5z" />
+<glyph unicode="&#xe067;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q60 0 127 -23l-178 -177h-349q-41 0 -70.5 -29.5t-29.5 -70.5v-500q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v69l200 200v-169q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5 t-117.5 282.5zM342 632l283 -284l566 567l-136 137l-430 -431l-147 147z" />
+<glyph unicode="&#xe068;" d="M0 603l300 296v-198h200v200h-200l300 300l295 -300h-195v-200h200v198l300 -296l-300 -300v198h-200v-200h195l-295 -300l-300 300h200v200h-200v-198z" />
+<glyph unicode="&#xe069;" d="M200 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-1100l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe070;" d="M0 50v1000q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-437l500 487v-487l500 487v-1100l-500 488v-488l-500 488v-438q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5z" />
+<glyph unicode="&#xe071;" d="M136 550l564 550v-487l500 487v-1100l-500 488v-488z" />
+<glyph unicode="&#xe072;" d="M200 0l900 550l-900 550v-1100z" />
+<glyph unicode="&#xe073;" d="M200 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200q-21 0 -35.5 -14.5t-14.5 -35.5v-800zM600 150q0 -21 14.5 -35.5t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v800q0 21 -14.5 35.5t-35.5 14.5h-200 q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="&#xe074;" d="M200 150q0 -20 14.5 -35t35.5 -15h800q21 0 35.5 15t14.5 35v800q0 21 -14.5 35.5t-35.5 14.5h-800q-21 0 -35.5 -14.5t-14.5 -35.5v-800z" />
+<glyph unicode="&#xe075;" d="M0 0v1100l500 -487v487l564 -550l-564 -550v488z" />
+<glyph unicode="&#xe076;" d="M0 0v1100l500 -487v487l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438l-500 -488v488z" />
+<glyph unicode="&#xe077;" d="M300 0v1100l500 -487v437q0 21 14.5 35.5t35.5 14.5h100q21 0 35.5 -14.5t14.5 -35.5v-1000q0 -21 -14.5 -35.5t-35.5 -14.5h-100q-21 0 -35.5 14.5t-14.5 35.5v438z" />
+<glyph unicode="&#xe078;" d="M100 250v100q0 21 14.5 35.5t35.5 14.5h1000q21 0 35.5 -14.5t14.5 -35.5v-100q0 -21 -14.5 -35.5t-35.5 -14.5h-1000q-21 0 -35.5 14.5t-14.5 35.5zM100 500h1100l-550 564z" />
+<glyph unicode="&#xe079;" d="M185 599l592 -592l240 240l-353 353l353 353l-240 240z" />
+<glyph unicode="&#xe080;" d="M272 194l353 353l-353 353l241 240l572 -571l21 -22l-1 -1v-1l-592 -591z" />
+<glyph unicode="&#xe081;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -300t-217.5 -218t-299.5 -80t-299.5 80t-217.5 218t-80 300zM300 500h200v-200h200v200h200v200h-200v200h-200v-200h-200v-200z" />
+<glyph unicode="&#xe082;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -300t-217.5 -218t-299.5 -80t-299.5 80t-217.5 218t-80 300zM300 500h600v200h-600v-200z" />
+<glyph unicode="&#xe083;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -300t-217.5 -218t-299.5 -80t-299.5 80t-217.5 218t-80 300zM246 459l213 -213l141 142l141 -142l213 213l-142 141l142 141l-213 212l-141 -141l-141 142l-212 -213l141 -141z" />
+<glyph unicode="&#xe084;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -299.5t-217.5 -217.5t-299.5 -80t-299.5 80t-217.5 217.5t-80 299.5zM270 551l276 -277l411 411l-175 174l-236 -236l-102 102z" />
+<glyph unicode="&#xe085;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -300t-217.5 -218t-299.5 -80t-299.5 80t-217.5 218t-80 300zM363 700h144q4 0 11.5 -1t11 -1t6.5 3t3 9t1 11t3.5 8.5t3.5 6t5.5 4t6.5 2.5t9 1.5t9 0.5h11.5h12.5q19 0 30 -10t11 -26 q0 -22 -4 -28t-27 -22q-5 -1 -12.5 -3t-27 -13.5t-34 -27t-26.5 -46t-11 -68.5h200q5 3 14 8t31.5 25.5t39.5 45.5t31 69t14 94q0 51 -17.5 89t-42 58t-58.5 32t-58.5 15t-51.5 3q-105 0 -172 -56t-67 -183zM500 300h200v100h-200v-100z" />
+<glyph unicode="&#xe086;" d="M3 600q0 162 80 299.5t217.5 217.5t299.5 80t299.5 -80t217.5 -217.5t80 -299.5t-80 -300t-217.5 -218t-299.5 -80t-299.5 80t-217.5 218t-80 300zM400 300h400v100h-100v300h-300v-100h100v-200h-100v-100zM500 800h200v100h-200v-100z" />
+<glyph unicode="&#xe087;" d="M0 500v200h194q15 60 36 104.5t55.5 86t88 69t126.5 40.5v200h200v-200q54 -20 113 -60t112.5 -105.5t71.5 -134.5h203v-200h-203q-25 -102 -116.5 -186t-180.5 -117v-197h-200v197q-140 27 -208 102.5t-98 200.5h-194zM290 500q24 -73 79.5 -127.5t130.5 -78.5v206h200 v-206q149 48 201 206h-201v200h200q-25 74 -76 127.5t-124 76.5v-204h-200v203q-75 -24 -130 -77.5t-79 -125.5h209v-200h-210z" />
+<glyph unicode="&#xe088;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM356 465l135 135 l-135 135l109 109l135 -135l135 135l109 -109l-135 -135l135 -135l-109 -109l-135 135l-135 -135z" />
+<glyph unicode="&#xe089;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM322 537l141 141 l87 -87l204 205l142 -142l-346 -345z" />
+<glyph unicode="&#xe090;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -115 62 -215l568 567q-100 62 -216 62q-171 0 -292.5 -121.5t-121.5 -292.5zM391 245q97 -59 209 -59q171 0 292.5 121.5t121.5 292.5 q0 112 -59 209z" />
+<glyph unicode="&#xe091;" d="M0 547l600 453v-300h600v-300h-600v-301z" />
+<glyph unicode="&#xe092;" d="M0 400v300h600v300l600 -453l-600 -448v301h-600z" />
+<glyph unicode="&#xe093;" d="M204 600l450 600l444 -600h-298v-600h-300v600h-296z" />
+<glyph unicode="&#xe094;" d="M104 600h296v600h300v-600h298l-449 -600z" />
+<glyph unicode="&#xe095;" d="M0 200q6 132 41 238.5t103.5 193t184 138t271.5 59.5v271l600 -453l-600 -448v301q-95 -2 -183 -20t-170 -52t-147 -92.5t-100 -135.5z" />
+<glyph unicode="&#xe096;" d="M0 0v400l129 -129l294 294l142 -142l-294 -294l129 -129h-400zM635 777l142 -142l294 294l129 -129v400h-400l129 -129z" />
+<glyph unicode="&#xe097;" d="M34 176l295 295l-129 129h400v-400l-129 130l-295 -295zM600 600v400l129 -129l295 295l142 -141l-295 -295l129 -130h-400z" />
+<glyph unicode="&#xe101;" d="M23 600q0 118 45.5 224.5t123 184t184 123t224.5 45.5t224.5 -45.5t184 -123t123 -184t45.5 -224.5t-45.5 -224.5t-123 -184t-184 -123t-224.5 -45.5t-224.5 45.5t-184 123t-123 184t-45.5 224.5zM456 851l58 -302q4 -20 21.5 -34.5t37.5 -14.5h54q20 0 37.5 14.5 t21.5 34.5l58 302q4 20 -8 34.5t-33 14.5h-207q-20 0 -32 -14.5t-8 -34.5zM500 300h200v100h-200v-100z" />
+<glyph unicode="&#xe102;" d="M0 800h100v-200h400v300h200v-300h400v200h100v100h-111v6t-1 15t-3 18l-34 172q-11 39 -41.5 63t-69.5 24q-32 0 -61 -17l-239 -144q-22 -13 -40 -35q-19 24 -40 36l-238 144q-33 18 -62 18q-39 0 -69.5 -23t-40.5 -61l-35 -177q-2 -8 -3 -18t-1 -15v-6h-111v-100z M100 0h400v400h-400v-400zM200 900q-3 0 14 48t35 96l18 47l214 -191h-281zM700 0v400h400v-400h-400zM731 900l202 197q5 -12 12 -32.5t23 -64t25 -72t7 -28.5h-269z" />
+<glyph unicode="&#xe103;" d="M0 -22v143l216 193q-9 53 -13 83t-5.5 94t9 113t38.5 114t74 124q47 60 99.5 102.5t103 68t127.5 48t145.5 37.5t184.5 43.5t220 58.5q0 -189 -22 -343t-59 -258t-89 -181.5t-108.5 -120t-122 -68t-125.5 -30t-121.5 -1.5t-107.5 12.5t-87.5 17t-56.5 7.5l-99 -55z M238.5 300.5q19.5 -6.5 86.5 76.5q55 66 367 234q70 38 118.5 69.5t102 79t99 111.5t86.5 148q22 50 24 60t-6 19q-7 5 -17 5t-26.5 -14.5t-33.5 -39.5q-35 -51 -113.5 -108.5t-139.5 -89.5l-61 -32q-369 -197 -458 -401q-48 -111 -28.5 -117.5z" />
+<glyph unicode="&#xe104;" d="M111 408q0 -33 5 -63q9 -56 44 -119.5t105 -108.5q31 -21 64 -16t62 23.5t57 49.5t48 61.5t35 60.5q32 66 39 184.5t-13 157.5q79 -80 122 -164t26 -184q-5 -33 -20.5 -69.5t-37.5 -80.5q-10 -19 -14.5 -29t-12 -26t-9 -23.5t-3 -19t2.5 -15.5t11 -9.5t19.5 -5t30.5 2.5 t42 8q57 20 91 34t87.5 44.5t87 64t65.5 88.5t47 122q38 172 -44.5 341.5t-246.5 278.5q22 -44 43 -129q39 -159 -32 -154q-15 2 -33 9q-79 33 -120.5 100t-44 175.5t48.5 257.5q-13 -8 -34 -23.5t-72.5 -66.5t-88.5 -105.5t-60 -138t-8 -166.5q2 -12 8 -41.5t8 -43t6 -39.5 t3.5 -39.5t-1 -33.5t-6 -31.5t-13.5 -24t-21 -20.5t-31 -12q-38 -10 -67 13t-40.5 61.5t-15 81.5t10.5 75q-52 -46 -83.5 -101t-39 -107t-7.5 -85z" />
+<glyph unicode="&#xe105;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5t145.5 -23.5t132.5 -59t116.5 -83.5t97 -90t74.5 -85.5t49 -63.5t20 -30l26 -40l-26 -40q-6 -10 -20 -30t-49 -63.5t-74.5 -85.5t-97 -90t-116.5 -83.5t-132.5 -59t-145.5 -23.5 t-145.5 23.5t-132.5 59t-116.5 83.5t-97 90t-74.5 85.5t-49 63.5t-20 30zM120 600q7 -10 40.5 -58t56 -78.5t68 -77.5t87.5 -75t103 -49.5t125 -21.5t123.5 20t100.5 45.5t85.5 71.5t66.5 75.5t58 81.5t47 66q-1 1 -28.5 37.5t-42 55t-43.5 53t-57.5 63.5t-58.5 54 q49 -74 49 -163q0 -124 -88 -212t-212 -88t-212 88t-88 212q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l105 105q-37 24 -75 72t-57 84l-20 36z" />
+<glyph unicode="&#xe106;" d="M-61 600l26 40q6 10 20 30t49 63.5t74.5 85.5t97 90t116.5 83.5t132.5 59t145.5 23.5q61 0 121 -17l37 142h148l-314 -1200h-148l37 143q-82 21 -165 71.5t-140 102t-109.5 112t-72 88.5t-29.5 43zM120 600q210 -282 393 -336l37 141q-107 18 -178.5 101.5t-71.5 193.5 q0 85 46 158q-102 -87 -226 -258zM377 656q49 -124 154 -191l47 47l23 87q-30 28 -59 69t-44 68l-14 26zM780 161l38 145q22 15 44.5 34t46 44t40.5 44t41 50.5t33.5 43.5t33 44t24.5 34q-97 127 -140 175l39 146q67 -54 131.5 -125.5t87.5 -103.5t36 -52l26 -40l-26 -40 q-7 -12 -25.5 -38t-63.5 -79.5t-95.5 -102.5t-124 -100t-146.5 -79z" />
+<glyph unicode="&#xe107;" d="M-97.5 34q13.5 -34 50.5 -34h1294q37 0 50.5 35.5t-7.5 67.5l-642 1056q-20 33 -48 36t-48 -29l-642 -1066q-21 -32 -7.5 -66zM155 200l445 723l445 -723h-345v100h-200v-100h-345zM500 600l100 -300l100 300v100h-200v-100z" />
+<glyph unicode="&#xe108;" d="M100 262v41q0 20 11 44.5t26 38.5l363 325v339q0 62 44 106t106 44t106 -44t44 -106v-339l363 -325q15 -14 26 -38.5t11 -44.5v-41q0 -20 -12 -26.5t-29 5.5l-359 249v-263q100 -91 100 -113v-64q0 -21 -13 -29t-32 1l-94 78h-222l-94 -78q-19 -9 -32 -1t-13 29v64 q0 22 100 113v263l-359 -249q-17 -12 -29 -5.5t-12 26.5z" />
+<glyph unicode="&#xe109;" d="M0 50q0 -20 14.5 -35t35.5 -15h1000q21 0 35.5 15t14.5 35v750h-1100v-750zM0 900h1100v150q0 21 -14.5 35.5t-35.5 14.5h-150v100h-100v-100h-500v100h-100v-100h-150q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 100v100h100v-100h-100zM100 300v100h100v-100h-100z M100 500v100h100v-100h-100zM300 100v100h100v-100h-100zM300 300v100h100v-100h-100zM300 500v100h100v-100h-100zM500 100v100h100v-100h-100zM500 300v100h100v-100h-100zM500 500v100h100v-100h-100zM700 100v100h100v-100h-100zM700 300v100h100v-100h-100zM700 500 v100h100v-100h-100zM900 100v100h100v-100h-100zM900 300v100h100v-100h-100zM900 500v100h100v-100h-100z" />
+<glyph unicode="&#xe110;" d="M0 200v200h259l600 600h241v198l300 -295l-300 -300v197h-159l-600 -600h-341zM0 800h259l122 -122l141 142l-181 180h-341v-200zM678 381l141 142l122 -123h159v198l300 -295l-300 -300v197h-241z" />
+<glyph unicode="&#xe111;" d="M0 400v600q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-600q0 -41 -29.5 -70.5t-70.5 -29.5h-596l-304 -300v300h-100q-41 0 -70.5 29.5t-29.5 70.5z" />
+<glyph unicode="&#xe112;" d="M100 600v200h300v-250q0 -113 6 -145q17 -92 102 -117q39 -11 92 -11q37 0 66.5 5.5t50 15.5t36 24t24 31.5t14 37.5t7 42t2.5 45t0 47v25v250h300v-200q0 -42 -3 -83t-15 -104t-31.5 -116t-58 -109.5t-89 -96.5t-129 -65.5t-174.5 -25.5t-174.5 25.5t-129 65.5t-89 96.5 t-58 109.5t-31.5 116t-15 104t-3 83zM100 900v300h300v-300h-300zM800 900v300h300v-300h-300z" />
+<glyph unicode="&#xe113;" d="M-30 411l227 -227l352 353l353 -353l226 227l-578 579z" />
+<glyph unicode="&#xe114;" d="M70 797l580 -579l578 579l-226 227l-353 -353l-352 353z" />
+<glyph unicode="&#xe115;" d="M-198 700l299 283l300 -283h-203v-400h385l215 -200h-800v600h-196zM402 1000l215 -200h381v-400h-198l299 -283l299 283h-200v600h-796z" />
+<glyph unicode="&#xe116;" d="M18 939q-5 24 10 42q14 19 39 19h896l38 162q5 17 18.5 27.5t30.5 10.5h94q20 0 35 -14.5t15 -35.5t-15 -35.5t-35 -14.5h-54l-201 -961q-2 -4 -6 -10.5t-19 -17.5t-33 -11h-31v-50q0 -20 -14.5 -35t-35.5 -15t-35.5 15t-14.5 35v50h-300v-50q0 -20 -14.5 -35t-35.5 -15 t-35.5 15t-14.5 35v50h-50q-21 0 -35.5 15t-14.5 35q0 21 14.5 35.5t35.5 14.5h535l48 200h-633q-32 0 -54.5 21t-27.5 43z" />
+<glyph unicode="&#xe117;" d="M0 0v800h1200v-800h-1200zM0 900v100h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-100h-1200z" />
+<glyph unicode="&#xe118;" d="M1 0l300 700h1200l-300 -700h-1200zM1 400v600h200q0 41 29.5 70.5t70.5 29.5h300q41 0 70.5 -29.5t29.5 -70.5h500v-200h-1000z" />
+<glyph unicode="&#xe119;" d="M302 300h198v600h-198l298 300l298 -300h-198v-600h198l-298 -300z" />
+<glyph unicode="&#xe120;" d="M0 600l300 298v-198h600v198l300 -298l-300 -297v197h-600v-197z" />
+<glyph unicode="&#xe121;" d="M0 100v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM31 400l172 739q5 22 23 41.5t38 19.5h672q19 0 37.5 -22.5t23.5 -45.5l172 -732h-1138zM800 100h100v100h-100v-100z M1000 100h100v100h-100v-100z" />
+<glyph unicode="&#xe122;" d="M-101 600v50q0 24 25 49t50 38l25 13v-250l-11 5.5t-24 14t-30 21.5t-24 27.5t-11 31.5zM99 500v250v5q0 13 0.5 18.5t2.5 13t8 10.5t15 3h200l675 250v-850l-675 200h-38l47 -276q2 -12 -3 -17.5t-11 -6t-21 -0.5h-8h-83q-20 0 -34.5 14t-18.5 35q-56 337 -56 351z M1100 200v850q0 21 14.5 35.5t35.5 14.5q20 0 35 -14.5t15 -35.5v-850q0 -20 -15 -35t-35 -15q-21 0 -35.5 15t-14.5 35z" />
+<glyph unicode="&#xe123;" d="M74 350q0 21 13.5 35.5t33.5 14.5h17l118 173l63 327q15 77 76 140t144 83l-18 32q-6 19 3 32t29 13h94q20 0 29 -10.5t3 -29.5l-18 -37q83 -19 144 -82.5t76 -140.5l63 -327l118 -173h17q20 0 33.5 -14.5t13.5 -35.5q0 -20 -13 -40t-31 -27q-22 -9 -63 -23t-167.5 -37 t-251.5 -23t-245.5 20.5t-178.5 41.5l-58 20q-18 7 -31 27.5t-13 40.5zM497 110q12 -49 40 -79.5t63 -30.5t63 30.5t39 79.5q-48 -6 -102 -6t-103 6z" />
+<glyph unicode="&#xe124;" d="M21 445l233 -45l-78 -224l224 78l45 -233l155 179l155 -179l45 233l224 -78l-78 224l234 45l-180 155l180 156l-234 44l78 225l-224 -78l-45 233l-155 -180l-155 180l-45 -233l-224 78l78 -225l-233 -44l179 -156z" />
+<glyph unicode="&#xe125;" d="M0 200h200v600h-200v-600zM300 275q0 -75 100 -75h61q123 -100 139 -100h250q46 0 83 57l238 344q29 31 29 74v100q0 44 -30.5 84.5t-69.5 40.5h-328q28 118 28 125v150q0 44 -30.5 84.5t-69.5 40.5h-50q-27 0 -51 -20t-38 -48l-96 -198l-145 -196q-20 -26 -20 -63v-400z M400 300v375l150 212l100 213h50v-175l-50 -225h450v-125l-250 -375h-214l-136 100h-100z" />
+<glyph unicode="&#xe126;" d="M0 400v600h200v-600h-200zM300 525v400q0 75 100 75h61q123 100 139 100h250q46 0 83 -57l238 -344q29 -31 29 -74v-100q0 -44 -30.5 -84.5t-69.5 -40.5h-328q28 -118 28 -125v-150q0 -44 -30.5 -84.5t-69.5 -40.5h-50q-27 0 -51 20t-38 48l-96 198l-145 196 q-20 26 -20 63zM400 525l150 -212l100 -213h50v175l-50 225h450v125l-250 375h-214l-136 -100h-100v-375z" />
+<glyph unicode="&#xe127;" d="M8 200v600h200v-600h-200zM308 275v525q0 17 14 35.5t28 28.5l14 9l362 230q14 6 25 6q17 0 29 -12l109 -112q14 -14 14 -34q0 -18 -11 -32l-85 -121h302q85 0 138.5 -38t53.5 -110t-54.5 -111t-138.5 -39h-107l-130 -339q-7 -22 -20.5 -41.5t-28.5 -19.5h-341 q-7 0 -90 81t-83 94zM408 289l100 -89h293l131 339q6 21 19.5 41t28.5 20h203q16 0 25 15t9 36q0 20 -9 34.5t-25 14.5h-457h-6.5h-7.5t-6.5 0.5t-6 1t-5 1.5t-5.5 2.5t-4 4t-4 5.5q-5 12 -5 20q0 14 10 27l147 183l-86 83l-339 -236v-503z" />
+<glyph unicode="&#xe128;" d="M-101 651q0 72 54 110t139 37h302l-85 121q-11 16 -11 32q0 21 14 34l109 113q13 12 29 12q11 0 25 -6l365 -230q7 -4 16.5 -10.5t26 -26t16.5 -36.5v-526q0 -13 -85.5 -93.5t-93.5 -80.5h-342q-15 0 -28.5 20t-19.5 41l-131 339h-106q-84 0 -139 39t-55 111zM-1 601h222 q15 0 28.5 -20.5t19.5 -40.5l131 -339h293l106 89v502l-342 237l-87 -83l145 -184q10 -11 10 -26q0 -11 -5 -20q-1 -3 -3.5 -5.5l-4 -4t-5 -2.5t-5.5 -1.5t-6.5 -1t-6.5 -0.5h-7.5h-6.5h-476v-100zM999 201v600h200v-600h-200z" />
+<glyph unicode="&#xe129;" d="M97 719l230 -363q4 -6 10.5 -15.5t26 -25t36.5 -15.5h525q13 0 94 83t81 90v342q0 15 -20 28.5t-41 19.5l-339 131v106q0 84 -39 139t-111 55t-110 -53.5t-38 -138.5v-302l-121 84q-15 12 -33.5 11.5t-32.5 -13.5l-112 -110q-22 -22 -6 -53zM172 739l83 86l183 -146 q22 -18 47 -5q3 1 5.5 3.5l4 4t2.5 5t1.5 5.5t1 6.5t0.5 6v7.5v7v456q0 22 25 31t50 -0.5t25 -30.5v-202q0 -16 20 -29.5t41 -19.5l339 -130v-294l-89 -100h-503zM400 0v200h600v-200h-600z" />
+<glyph unicode="&#xe130;" d="M1 585q-15 -31 7 -53l112 -110q13 -13 32 -13.5t34 10.5l121 85l-1 -302q0 -84 38.5 -138t110.5 -54t111 55t39 139v106l339 131q20 6 40.5 19.5t20.5 28.5v342q0 7 -81 90t-94 83h-525q-17 0 -35.5 -14t-28.5 -28l-10 -15zM76 565l237 339h503l89 -100v-294l-340 -130 q-20 -6 -40 -20t-20 -29v-202q0 -22 -25 -31t-50 0t-25 31v456v14.5t-1.5 11.5t-5 12t-9.5 7q-24 13 -46 -5l-184 -146zM305 1104v200h600v-200h-600z" />
+<glyph unicode="&#xe131;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q162 0 299.5 -80t217.5 -218t80 -300t-80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 500h300l-2 -194l402 294l-402 298v-197h-298v-201z" />
+<glyph unicode="&#xe132;" d="M0 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t231.5 47.5q122 0 232.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-218 -217.5t-300 -80t-299.5 80t-217.5 217.5t-80 299.5zM200 600l400 -294v194h302v201h-300v197z" />
+<glyph unicode="&#xe133;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600h200v-300h200v300h200l-300 400z" />
+<glyph unicode="&#xe134;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM300 600l300 -400l300 400h-200v300h-200v-300h-200z" />
+<glyph unicode="&#xe135;" d="M5 597q0 122 47.5 232.5t127.5 190.5t190.5 127.5t232.5 47.5q121 0 231.5 -47.5t190.5 -127.5t127.5 -190.5t47.5 -232.5q0 -162 -80 -299.5t-217.5 -217.5t-299.5 -80t-300 80t-218 217.5t-80 299.5zM254 780q-8 -34 5.5 -93t7.5 -87q0 -9 17 -44t16 -60q12 0 23 -5.5 t23 -15t20 -13.5q20 -10 108 -42q22 -8 53 -31.5t59.5 -38.5t57.5 -11q8 -18 -15 -55.5t-20 -57.5q12 -21 22.5 -34.5t28 -27t36.5 -17.5q0 -6 -3 -15.5t-3.5 -14.5t4.5 -17q101 -2 221 111q31 30 47 48t34 49t21 62q-14 9 -37.5 9.5t-35.5 7.5q-14 7 -49 15t-52 19 q-9 0 -39.5 -0.5t-46.5 -1.5t-39 -6.5t-39 -16.5q-50 -35 -66 -12q-4 2 -3.5 25.5t0.5 25.5q-6 13 -26.5 17t-24.5 7q2 22 -2 41t-16.5 28t-38.5 -20q-23 -25 -42 4q-19 28 -8 58q8 16 22 22q6 -1 26 -1.5t33.5 -4.5t19.5 -13q12 -19 32 -37.5t34 -27.5l14 -8q0 3 9.5 39.5 t5.5 57.5q-4 23 14.5 44.5t22.5 31.5q5 14 10 35t8.5 31t15.5 22.5t34 21.5q-6 18 10 37q8 0 23.5 -1.5t24.5 -1.5t20.5 4.5t20.5 15.5q-10 23 -30.5 42.5t-38 30t-49 26.5t-43.5 23q11 41 1 44q31 -13 58.5 -14.5t39.5 3.5l11 4q6 36 -17 53.5t-64 28.5t-56 23 q-19 -3 -37 0q-15 -12 -36.5 -21t-34.5 -12t-44 -8t-39 -6q-15 -3 -46 0t-45 -3q-20 -6 -51.5 -25.5t-34.5 -34.5q-3 -11 6.5 -22.5t8.5 -18.5q-3 -34 -27.5 -91t-29.5 -79zM518 915q3 12 16 30.5t16 25.5q10 -10 18.5 -10t14 6t14.5 14.5t16 12.5q0 -18 8 -42.5t16.5 -44 t9.5 -23.5q-6 1 -39 5t-53.5 10t-36.5 16z" />
+<glyph unicode="&#xe136;" d="M0 164.5q0 21.5 15 37.5l600 599q-33 101 6 201.5t135 154.5q164 92 306 -9l-259 -138l145 -232l251 126q13 -175 -151 -267q-123 -70 -253 -23l-596 -596q-15 -16 -36.5 -16t-36.5 16l-111 110q-15 15 -15 36.5z" />
+<glyph unicode="&#xe137;" horiz-adv-x="1220" d="M0 196v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 596v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000 q-41 0 -70.5 29.5t-29.5 70.5zM0 996v100q0 41 29.5 70.5t70.5 29.5h1000q41 0 70.5 -29.5t29.5 -70.5v-100q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM600 596h500v100h-500v-100zM800 196h300v100h-300v-100zM900 996h200v100h-200v-100z" />
+<glyph unicode="&#xe138;" d="M100 1100v100h1000v-100h-1000zM150 1000h900l-350 -500v-300l-200 -200v500z" />
+<glyph unicode="&#xe139;" d="M0 200v200h1200v-200q0 -41 -29.5 -70.5t-70.5 -29.5h-1000q-41 0 -70.5 29.5t-29.5 70.5zM0 500v400q0 41 29.5 70.5t70.5 29.5h300v100q0 41 29.5 70.5t70.5 29.5h200q41 0 70.5 -29.5t29.5 -70.5v-100h300q41 0 70.5 -29.5t29.5 -70.5v-400h-500v100h-200v-100h-500z M500 1000h200v100h-200v-100z" />
+<glyph unicode="&#xe140;" d="M0 0v400l129 -129l200 200l142 -142l-200 -200l129 -129h-400zM0 800l129 129l200 -200l142 142l-200 200l129 129h-400v-400zM729 329l142 142l200 -200l129 129v-400h-400l129 129zM729 871l200 200l-129 129h400v-400l-129 129l-200 -200z" />
+<glyph unicode="&#xe141;" d="M0 596q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 596q0 -172 121.5 -293t292.5 -121t292.5 121t121.5 293q0 171 -121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM291 655 q0 23 15.5 38.5t38.5 15.5t39 -16t16 -38q0 -23 -16 -39t-39 -16q-22 0 -38 16t-16 39zM400 850q0 22 16 38.5t39 16.5q22 0 38 -16t16 -39t-16 -39t-38 -16q-23 0 -39 16.5t-16 38.5zM513 609q0 32 21 56.5t52 29.5l122 126l1 1q-9 14 -9 28q0 22 16 38.5t39 16.5 q22 0 38 -16t16 -39t-16 -39t-38 -16q-16 0 -29 10l-55 -145q17 -22 17 -51q0 -36 -25.5 -61.5t-61.5 -25.5q-37 0 -62.5 25.5t-25.5 61.5zM800 655q0 22 16 38t39 16t38.5 -15.5t15.5 -38.5t-16 -39t-38 -16q-23 0 -39 16t-16 39z" />
+<glyph unicode="&#xe142;" d="M-40 375q-13 -95 35 -173q35 -57 94 -89t129 -32q63 0 119 28q33 16 65 40.5t52.5 45.5t59.5 64q40 44 57 61l394 394q35 35 47 84t-3 96q-27 87 -117 104q-20 2 -29 2q-46 0 -79.5 -17t-67.5 -51l-388 -396l-7 -7l69 -67l377 373q20 22 39 38q23 23 50 23q38 0 53 -36 q16 -39 -20 -75l-547 -547q-52 -52 -125 -52q-55 0 -100 33t-54 96q-5 35 2.5 66t31.5 63t42 50t56 54q24 21 44 41l348 348q52 52 82.5 79.5t84 54t107.5 26.5q25 0 48 -4q95 -17 154 -94.5t51 -175.5q-7 -101 -98 -192l-252 -249l-253 -256l7 -7l69 -60l517 511 q67 67 95 157t11 183q-16 87 -67 154t-130 103q-69 33 -152 33q-107 0 -197 -55q-40 -24 -111 -95l-512 -512q-68 -68 -81 -163z" />
+<glyph unicode="&#xe143;" d="M79 784q0 131 99 229.5t230 98.5q144 0 242 -129q103 129 245 129q130 0 227 -98.5t97 -229.5q0 -46 -17.5 -91t-61 -99t-77 -89.5t-104.5 -105.5q-197 -191 -293 -322l-17 -23l-16 23q-43 58 -100 122.5t-92 99.5t-101 100l-84.5 84.5t-68 74t-60 78t-33.5 70.5t-15 78z M250 784q0 -27 30.5 -70t61.5 -75.5t95 -94.5l22 -22q93 -90 190 -201q82 92 195 203l12 12q64 62 97.5 97t64.5 79t31 72q0 71 -48 119.5t-106 48.5q-73 0 -131 -83l-118 -171l-114 174q-51 80 -124 80q-59 0 -108.5 -49.5t-49.5 -118.5z" />
+<glyph unicode="&#xe144;" d="M57 353q0 -94 66 -160l141 -141q66 -66 159 -66q95 0 159 66l283 283q66 66 66 159t-66 159l-141 141q-12 12 -19 17l-105 -105l212 -212l-389 -389l-247 248l95 95l-18 18q-46 45 -75 101l-55 -55q-66 -66 -66 -159zM269 706q0 -93 66 -159l141 -141l19 -17l105 105 l-212 212l389 389l247 -247l-95 -96l18 -18q46 -46 77 -99l29 29q35 35 62.5 88t27.5 96q0 93 -66 159l-141 141q-66 66 -159 66q-95 0 -159 -66l-283 -283q-66 -64 -66 -159z" />
+<glyph unicode="&#xe145;" d="M200 100v953q0 21 30 46t81 48t129 38t163 15t162 -15t127 -38t79 -48t29 -46v-953q0 -41 -29.5 -70.5t-70.5 -29.5h-600q-41 0 -70.5 29.5t-29.5 70.5zM300 300h600v700h-600v-700zM496 150q0 -43 30.5 -73.5t73.5 -30.5t73.5 30.5t30.5 73.5t-30.5 73.5t-73.5 30.5 t-73.5 -30.5t-30.5 -73.5z" />
+<glyph unicode="&#xe146;" d="M0 0l303 380l207 208l-210 212h300l267 279l-35 36q-15 14 -15 35t15 35q14 15 35 15t35 -15l283 -282q15 -15 15 -36t-15 -35q-14 -15 -35 -15t-35 15l-36 35l-279 -267v-300l-212 210l-208 -207z" />
+<glyph unicode="&#xe148;" d="M295 433h139q5 -77 48.5 -126.5t117.5 -64.5v335l-27 7q-46 14 -79 26.5t-72 36t-62.5 52t-40 72.5t-16.5 99q0 92 44 159.5t109 101t144 40.5v78h100v-79q38 -4 72.5 -13.5t75.5 -31.5t71 -53.5t51.5 -84t24.5 -118.5h-159q-8 72 -35 109.5t-101 50.5v-307l64 -14 q34 -7 64 -16.5t70 -31.5t67.5 -52t47.5 -80.5t20 -112.5q0 -139 -89 -224t-244 -96v-77h-100v78q-152 17 -237 104q-40 40 -52.5 93.5t-15.5 139.5zM466 889q0 -29 8 -51t16.5 -34t29.5 -22.5t31 -13.5t38 -10q7 -2 11 -3v274q-61 -8 -97.5 -37.5t-36.5 -102.5zM700 237 q170 18 170 151q0 64 -44 99.5t-126 60.5v-311z" />
+<glyph unicode="&#xe149;" d="M100 600v100h166q-24 49 -44 104q-10 26 -14.5 55.5t-3 72.5t25 90t68.5 87q97 88 263 88q129 0 230 -89t101 -208h-153q0 52 -34 89.5t-74 51.5t-76 14q-37 0 -79 -14.5t-62 -35.5q-41 -44 -41 -101q0 -11 2.5 -24.5t5.5 -24t9.5 -26.5t10.5 -25t14 -27.5t14 -25.5 t15.5 -27t13.5 -24h242v-100h-197q8 -50 -2.5 -115t-31.5 -94q-41 -59 -99 -113q35 11 84 18t70 7q32 1 102 -16t104 -17q76 0 136 30l50 -147q-41 -25 -80.5 -36.5t-59 -13t-61.5 -1.5q-23 0 -128 33t-155 29q-39 -4 -82 -17t-66 -25l-24 -11l-55 145l16.5 11t15.5 10 t13.5 9.5t14.5 12t14.5 14t17.5 18.5q48 55 54 126.5t-30 142.5h-221z" />
+<glyph unicode="&#xe150;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM602 900l298 300l298 -300h-198v-900h-200v900h-198z" />
+<glyph unicode="&#xe151;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v200h100v-100h200v-100h-300zM700 400v100h300v-200h-99v-100h-100v100h99v100h-200zM700 700v500h300v-500h-100v100h-100v-100h-100zM801 900h100v200h-100v-200z" />
+<glyph unicode="&#xe152;" d="M2 300h198v900h200v-900h198l-298 -300zM700 0v500h300v-500h-100v100h-100v-100h-100zM700 700v200h100v-100h200v-100h-300zM700 1100v100h300v-200h-99v-100h-100v100h99v100h-200zM801 200h100v200h-100v-200z" />
+<glyph unicode="&#xe153;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 100v400h300v-500h-100v100h-200zM800 1100v100h200v-500h-100v400h-100zM901 200h100v200h-100v-200z" />
+<glyph unicode="&#xe154;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM800 400v100h200v-500h-100v400h-100zM800 800v400h300v-500h-100v100h-200zM901 900h100v200h-100v-200z" />
+<glyph unicode="&#xe155;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h500v-200h-500zM700 400v200h400v-200h-400zM700 700v200h300v-200h-300zM700 1000v200h200v-200h-200z" />
+<glyph unicode="&#xe156;" d="M2 300l298 -300l298 300h-198v900h-200v-900h-198zM700 100v200h200v-200h-200zM700 400v200h300v-200h-300zM700 700v200h400v-200h-400zM700 1000v200h500v-200h-500z" />
+<glyph unicode="&#xe157;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q162 0 281 -118.5t119 -281.5v-300q0 -165 -118.5 -282.5t-281.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500z" />
+<glyph unicode="&#xe158;" d="M0 400v300q0 163 119 281.5t281 118.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-163 0 -281.5 117.5t-118.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM400 300l333 250l-333 250v-500z" />
+<glyph unicode="&#xe159;" d="M0 400v300q0 163 117.5 281.5t282.5 118.5h300q163 0 281.5 -119t118.5 -281v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-300q-165 0 -282.5 117.5t-117.5 282.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 700l250 -333l250 333h-500z" />
+<glyph unicode="&#xe160;" d="M0 400v300q0 165 117.5 282.5t282.5 117.5h300q165 0 282.5 -117.5t117.5 -282.5v-300q0 -162 -118.5 -281t-281.5 -119h-300q-165 0 -282.5 118.5t-117.5 281.5zM200 300q0 -41 29.5 -70.5t70.5 -29.5h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5 h-500q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM300 400h500l-250 333z" />
+<glyph unicode="&#xe161;" d="M0 400v300h300v200l400 -350l-400 -350v200h-300zM500 0v200h500q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-500v200h400q165 0 282.5 -117.5t117.5 -282.5v-300q0 -165 -117.5 -282.5t-282.5 -117.5h-400z" />
+<glyph unicode="&#xe162;" d="M216 519q10 -19 32 -19h302q-155 -438 -160 -458q-5 -21 4 -32l9 -8l9 -1q13 0 26 16l538 630q15 19 6 36q-8 18 -32 16h-300q1 4 78 219.5t79 227.5q2 17 -6 27l-8 8h-9q-16 0 -25 -15q-4 -5 -98.5 -111.5t-228 -257t-209.5 -238.5q-17 -19 -7 -40z" />
+<glyph unicode="&#xe163;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q47 0 100 15v185h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h500v185q-14 4 -114 7.5t-193 5.5l-93 2q-165 0 -282.5 -117.5t-117.5 -282.5v-300zM600 400v300h300v200l400 -350l-400 -350v200h-300z " />
+<glyph unicode="&#xe164;" d="M0 400q0 -165 117.5 -282.5t282.5 -117.5h300q163 0 281.5 117.5t118.5 282.5v98l-78 73l-122 -123v-148q0 -41 -29.5 -70.5t-70.5 -29.5h-500q-41 0 -70.5 29.5t-29.5 70.5v500q0 41 29.5 70.5t70.5 29.5h156l118 122l-74 78h-100q-165 0 -282.5 -117.5t-117.5 -282.5 v-300zM496 709l353 342l-149 149h500v-500l-149 149l-342 -353z" />
+<glyph unicode="&#xe165;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM406 600 q0 80 57 137t137 57t137 -57t57 -137t-57 -137t-137 -57t-137 57t-57 137z" />
+<glyph unicode="&#xe166;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 800l445 -500l450 500h-295v400h-300v-400h-300zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe167;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 700h300v-300h300v300h295l-445 500zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe168;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 705l305 -305l596 596l-154 155l-442 -442l-150 151zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe169;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM100 988l97 -98l212 213l-97 97zM200 401h700v699l-250 -239l-149 149l-212 -212l149 -149zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe170;" d="M0 0v275q0 11 7 18t18 7h1048q11 0 19 -7.5t8 -17.5v-275h-1100zM200 612l212 -212l98 97l-213 212zM300 1200l239 -250l-149 -149l212 -212l149 148l248 -237v700h-699zM900 150h100v50h-100v-50z" />
+<glyph unicode="&#xe171;" d="M23 415l1177 784v-1079l-475 272l-310 -393v416h-392zM494 210l672 938l-672 -712v-226z" />
+<glyph unicode="&#xe172;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-850q0 -21 -15 -35.5t-35 -14.5h-150v400h-700v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200z" />
+<glyph unicode="&#xe173;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-218l-276 -275l-120 120l-126 -127h-378v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM581 306l123 123l120 -120l353 352l123 -123l-475 -476zM600 1000h100v200h-100v-200z" />
+<glyph unicode="&#xe174;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-269l-103 -103l-170 170l-298 -298h-329v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 1000h100v200h-100v-200zM700 133l170 170l-170 170l127 127l170 -170l170 170l127 -128l-170 -169l170 -170 l-127 -127l-170 170l-170 -170z" />
+<glyph unicode="&#xe175;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-300h-400v-200h-500v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300l300 -300l300 300h-200v300h-200v-300h-200zM600 1000v200h100v-200h-100z" />
+<glyph unicode="&#xe176;" d="M0 150v1000q0 20 14.5 35t35.5 15h250v-300h500v300h100l200 -200v-402l-200 200l-298 -298h-402v-400h-150q-21 0 -35.5 14.5t-14.5 35.5zM600 300h200v-300h200v300h200l-300 300zM600 1000v200h100v-200h-100z" />
+<glyph unicode="&#xe177;" d="M0 250q0 -21 14.5 -35.5t35.5 -14.5h1100q21 0 35.5 14.5t14.5 35.5v550h-1200v-550zM0 900h1200v150q0 21 -14.5 35.5t-35.5 14.5h-1100q-21 0 -35.5 -14.5t-14.5 -35.5v-150zM100 300v200h400v-200h-400z" />
+<glyph unicode="&#xe178;" d="M0 400l300 298v-198h400v-200h-400v-198zM100 800v200h100v-200h-100zM300 800v200h100v-200h-100zM500 800v200h400v198l300 -298l-300 -298v198h-400zM800 300v200h100v-200h-100zM1000 300h100v200h-100v-200z" />
+<glyph unicode="&#xe179;" d="M100 700v400l50 100l50 -100v-300h100v300l50 100l50 -100v-300h100v300l50 100l50 -100v-400l-100 -203v-447q0 -21 -14.5 -35.5t-35.5 -14.5h-200q-21 0 -35.5 14.5t-14.5 35.5v447zM800 597q0 -29 10.5 -55.5t25 -43t29 -28.5t25.5 -18l10 -5v-397q0 -21 14.5 -35.5 t35.5 -14.5h200q21 0 35.5 14.5t14.5 35.5v1106q0 31 -18 40.5t-44 -7.5l-276 -117q-25 -16 -43.5 -50.5t-18.5 -65.5v-359z" />
+<glyph unicode="&#xe180;" d="M100 0h400v56q-75 0 -87.5 6t-12.5 44v394h500v-394q0 -38 -12.5 -44t-87.5 -6v-56h400v56q-4 0 -11 0.5t-24 3t-30 7t-24 15t-11 24.5v888q0 22 25 34.5t50 13.5l25 2v56h-400v-56q75 0 87.5 -6t12.5 -44v-394h-500v394q0 38 12.5 44t87.5 6v56h-400v-56q4 0 11 -0.5 t24 -3t30 -7t24 -15t11 -24.5v-888q0 -22 -25 -34.5t-50 -13.5l-25 -2v-56z" />
+<glyph unicode="&#xe181;" d="M0 300q0 -41 29.5 -70.5t70.5 -29.5h300q41 0 70.5 29.5t29.5 70.5v500q0 41 -29.5 70.5t-70.5 29.5h-300q-41 0 -70.5 -29.5t-29.5 -70.5v-500zM100 100h400l200 200h105l295 98v-298h-425l-100 -100h-375zM100 300v200h300v-200h-300zM100 600v200h300v-200h-300z M100 1000h400l200 -200v-98l295 98h105v200h-425l-100 100h-375zM700 402v163l400 133v-163z" />
+<glyph unicode="&#xe182;" d="M16.5 974.5q0.5 -21.5 16 -90t46.5 -140t104 -177.5t175 -208q103 -103 207.5 -176t180 -103.5t137 -47t92.5 -16.5l31 1l163 162q16 17 13 40.5t-22 37.5l-192 136q-19 14 -45 12t-42 -19l-119 -118q-143 103 -267 227q-126 126 -227 268l118 118q17 17 20 41.5 t-11 44.5l-139 194q-14 19 -36.5 22t-40.5 -14l-162 -162q-1 -11 -0.5 -32.5z" />
+<glyph unicode="&#xe183;" d="M0 50v212q0 20 10.5 45.5t24.5 39.5l365 303v50q0 4 1 10.5t12 22.5t30 28.5t60 23t97 10.5t97 -10t60 -23.5t30 -27.5t12 -24l1 -10v-50l365 -303q14 -14 24.5 -39.5t10.5 -45.5v-212q0 -21 -15 -35.5t-35 -14.5h-1100q-21 0 -35.5 14.5t-14.5 35.5zM0 712 q0 -21 14.5 -33.5t34.5 -8.5l202 33q20 4 34.5 21t14.5 38v146q141 24 300 24t300 -24v-146q0 -21 14.5 -38t34.5 -21l202 -33q20 -4 34.5 8.5t14.5 33.5v200q-6 8 -19 20.5t-63 45t-112 57t-171 45t-235 20.5q-92 0 -175 -10.5t-141.5 -27t-108.5 -36.5t-81.5 -40 t-53.5 -36.5t-31 -27.5l-9 -10v-200z" />
+<glyph unicode="&#xe184;" d="M100 0v100h1100v-100h-1100zM175 200h950l-125 150v250l100 100v400h-100v-200h-100v200h-200v-200h-100v200h-200v-200h-100v200h-100v-400l100 -100v-250z" />
+<glyph unicode="&#xe185;" d="M100 0h300v400q0 41 -29.5 70.5t-70.5 29.5h-100q-41 0 -70.5 -29.5t-29.5 -70.5v-400zM500 0v1000q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-1000h-300zM900 0v700q0 41 29.5 70.5t70.5 29.5h100q41 0 70.5 -29.5t29.5 -70.5v-700h-300z" />
+<glyph unicode="&#xe186;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="&#xe187;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h100v200h100v-200h100v500h-100v-200h-100v200h-100v-500zM600 300h200v100h100v300h-100v100h-200v-500 zM700 400v300h100v-300h-100z" />
+<glyph unicode="&#xe188;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v100h-200v300h200v100h-300v-500zM600 300h300v100h-200v300h200v100h-300v-500z" />
+<glyph unicode="&#xe189;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 550l300 -150v300zM600 400l300 150l-300 150v-300z" />
+<glyph unicode="&#xe190;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300v500h700v-500h-700zM300 400h130q41 0 68 42t27 107t-28.5 108t-66.5 43h-130v-300zM575 549 q0 -65 27 -107t68 -42h130v300h-130q-38 0 -66.5 -43t-28.5 -108z" />
+<glyph unicode="&#xe191;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v300h-200v100h200v100h-300v-300h200v-100h-200v-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="&#xe192;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 300h300v400h-200v100h-100v-500zM301 400v200h100v-200h-100zM601 300h100v100h-100v-100zM700 700h100 v-400h100v500h-200v-100z" />
+<glyph unicode="&#xe193;" d="M-100 300v500q0 124 88 212t212 88h700q124 0 212 -88t88 -212v-500q0 -124 -88 -212t-212 -88h-700q-124 0 -212 88t-88 212zM100 200h900v700h-900v-700zM200 700v100h300v-300h-99v-100h-100v100h99v200h-200zM201 300v100h100v-100h-100zM601 300v100h100v-100h-100z M700 700v100h200v-500h-100v400h-100z" />
+<glyph unicode="&#xe194;" d="M4 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM186 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 500v200 l100 100h300v-100h-300v-200h300v-100h-300z" />
+<glyph unicode="&#xe195;" d="M0 600q0 162 80 299t217 217t299 80t299 -80t217 -217t80 -299t-80 -299t-217 -217t-299 -80t-299 80t-217 217t-80 299zM182 600q0 -171 121.5 -292.5t292.5 -121.5t292.5 121.5t121.5 292.5t-121.5 292.5t-292.5 121.5t-292.5 -121.5t-121.5 -292.5zM400 400v400h300 l100 -100v-100h-100v100h-200v-100h200v-100h-200v-100h-100zM700 400v100h100v-100h-100z" />
+<glyph unicode="&#xe197;" d="M-14 494q0 -80 56.5 -137t135.5 -57h222v300h400v-300h128q120 0 205 86t85 208q0 120 -85 206.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200h200v300h200v-300 h200l-300 -300z" />
+<glyph unicode="&#xe198;" d="M-14 494q0 -80 56.5 -137t135.5 -57h8l414 414l403 -403q94 26 154.5 104t60.5 178q0 121 -85 207.5t-205 86.5q-46 0 -90 -14q-44 97 -134.5 156.5t-200.5 59.5q-152 0 -260 -107.5t-108 -260.5q0 -25 2 -37q-66 -14 -108.5 -67.5t-42.5 -122.5zM300 200l300 300 l300 -300h-200v-300h-200v300h-200z" />
+<glyph unicode="&#xe199;" d="M100 200h400v-155l-75 -45h350l-75 45v155h400l-270 300h170l-270 300h170l-300 333l-300 -333h170l-270 -300h170z" />
+<glyph unicode="&#xe200;" d="M121 700q0 -53 28.5 -97t75.5 -65q-4 -16 -4 -38q0 -74 52.5 -126.5t126.5 -52.5q56 0 100 30v-306l-75 -45h350l-75 45v306q46 -30 100 -30q74 0 126.5 52.5t52.5 126.5q0 24 -9 55q50 32 79.5 83t29.5 112q0 90 -61.5 155.5t-150.5 71.5q-26 89 -99.5 145.5 t-167.5 56.5q-116 0 -197.5 -81.5t-81.5 -197.5q0 -4 1 -12t1 -11q-14 2 -23 2q-74 0 -126.5 -52.5t-52.5 -126.5z" />
+</font>
+</defs></svg> 
\ No newline at end of file
diff --git a/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.ttf b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.ttf
new file mode 100755
index 0000000..a498ef4
Binary files /dev/null and b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.ttf differ
diff --git a/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.woff b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.woff
new file mode 100755
index 0000000..d83c539
Binary files /dev/null and b/sonar-web-frontend-js/src/main/resources/static/fonts/glyphicons-halflings-regular.woff differ
diff --git a/sonar-web-frontend-plugin/pom.xml b/sonar-web-frontend-plugin/pom.xml
index cc9ef27..f36b949 100644
--- a/sonar-web-frontend-plugin/pom.xml
+++ b/sonar-web-frontend-plugin/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-web-frontend-plugin</artifactId>
@@ -46,6 +45,11 @@
 			<artifactId>sonar-web-frontend-angular-eslint</artifactId>
 			<version>${project.version}</version>
 		</dependency>
+		<dependency>
+			<groupId>fr.sii.sonar</groupId>
+			<artifactId>sonar-web-frontend-typescript</artifactId>
+			<version>${project.version}</version>
+		</dependency>
 	</dependencies>
 
 	<build>
diff --git a/sonar-web-frontend-plugin/src/main/java/fr/sii/sonar/web/frontend/WebPlugin.java b/sonar-web-frontend-plugin/src/main/java/fr/sii/sonar/web/frontend/WebPlugin.java
index 2bc0e1d..edd0361 100644
--- a/sonar-web-frontend-plugin/src/main/java/fr/sii/sonar/web/frontend/WebPlugin.java
+++ b/sonar-web-frontend-plugin/src/main/java/fr/sii/sonar/web/frontend/WebPlugin.java
@@ -21,6 +21,8 @@
 import fr.sii.sonar.web.frontend.profile.AllJSLintersProfileDefinition;
 import fr.sii.sonar.web.frontend.scss.ScssLanguageConstants;
 import fr.sii.sonar.web.frontend.scss.ScssPlugin;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptPlugin;
 import fr.sii.sonar.web.frontend.widget.MultiLanguageDuplicationsWidget;
 import fr.sii.sonar.web.frontend.widget.MultiLanguageIssuesWidget;
 
@@ -33,7 +35,8 @@ public final class WebPlugin extends SonarPlugin {
 	public static final String LANGUAGES = JsLanguageConstants.LANGUAGE_KEY + "," +
 											CssLanguageConstants.LANGUAGE_KEY + "," +
 											HtmlLanguageConstants.LANGUAGE_KEY + "," +
-											ScssLanguageConstants.LANGUAGE_KEY;
+											ScssLanguageConstants.LANGUAGE_KEY + "," +
+											TypeScriptLanguageConstants.LANGUAGE_KEY;
 
 	@SuppressWarnings({ "rawtypes", "unchecked" })
 	public List getExtensions() {
@@ -44,6 +47,7 @@ public List getExtensions() {
 		extensions.addAll(new ScssPlugin().getExtensions());
 		extensions.addAll(new AngularHintPlugin().getExtensions());
 		extensions.addAll(new EslintAngularPlugin().getExtensions());
+		extensions.addAll(new TypeScriptPlugin().getExtensions());
 		
 		// aggregated profile definitions
 		extensions.add(AllJSLintersProfileDefinition.class);
diff --git a/sonar-web-frontend-plugin/src/main/resources/profiles/js-all.json b/sonar-web-frontend-plugin/src/main/resources/profiles/js-all.json
index bf37f2a..6614acd 100644
--- a/sonar-web-frontend-plugin/src/main/resources/profiles/js-all.json
+++ b/sonar-web-frontend-plugin/src/main/resources/profiles/js-all.json
@@ -4,6 +4,9 @@
 	"repositories": [{
 		"key": "jshint",
 		"rules": "/rules/jshint.json"
+	}, {
+		"key": "eslint",
+		"rules": "/rules/eslint.json"
 	}, {
 		"key": "angular-hint",
 		"rules": "/rules/angular-hint.json"
diff --git a/sonar-web-frontend-plugin/src/main/resources/static/js/multiLangDuplications.js b/sonar-web-frontend-plugin/src/main/resources/static/js/multiLangDuplications.js
index 40ed83b..80b04e8 100644
--- a/sonar-web-frontend-plugin/src/main/resources/static/js/multiLangDuplications.js
+++ b/sonar-web-frontend-plugin/src/main/resources/static/js/multiLangDuplications.js
@@ -46,7 +46,7 @@ MultiLanguageDuplications = (function() {
 	}
 	
 	var setTotalCount = function(/*String*/lang, /*Object*/dups) {
-		var percent = (Math.round(dups["duplicated_lines"]/dups["lines"]*1000)/10)+"%";
+		var percent = dups["lines"]>0 ? (Math.round(dups["duplicated_lines"]/dups["lines"]*1000)/10)+"%" : 0;
 		jQuery("a[href='#"+lang+"-duplications'] .total-count").html(percent);
 		jQuery("#"+lang+"-duplications .duplications-percent").html(percent);
 		jQuery("#"+lang+"-duplications .duplications-blocks").html(dups["duplicated_blocks"]);
diff --git a/sonar-web-frontend-scss/pom.xml b/sonar-web-frontend-scss/pom.xml
index 6aec7ab..a58c179 100644
--- a/sonar-web-frontend-scss/pom.xml
+++ b/sonar-web-frontend-scss/pom.xml
@@ -1,12 +1,11 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
-	xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
 	<modelVersion>4.0.0</modelVersion>
 
 	<parent>
 		<groupId>fr.sii.sonar</groupId>
 		<artifactId>sonar-sii-plugin-parent</artifactId>
-		<version>2.0-SNAPSHOT</version>
+		<version>2.0.1-SNAPSHOT</version>
 	</parent>
 
 	<artifactId>sonar-web-frontend-scss</artifactId>
diff --git a/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/duplication/ScssDuplicationConstants.java b/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/duplication/ScssDuplicationConstants.java
index 2aa4abe..cda94c2 100644
--- a/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/duplication/ScssDuplicationConstants.java
+++ b/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/duplication/ScssDuplicationConstants.java
@@ -8,7 +8,7 @@ public class ScssDuplicationConstants extends ScssLanguageConstants implements D
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.duplication.scss.file.missing.fail";
 	public static final String SKIP_DUPLICATION_KEY = "sonar.sii.duplication.scss.skip";
 	public static final String SKIP_DUPLICATION_DEFVAL = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/scss-duplication.xml";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/scss-duplication.xml";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String SUB_CATEGORY = "Duplication";
 	
diff --git a/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/quality/ScssLintQualityConstants.java b/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/quality/ScssLintQualityConstants.java
index 99fe120..934d528 100644
--- a/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/quality/ScssLintQualityConstants.java
+++ b/sonar-web-frontend-scss/src/main/java/fr/sii/sonar/web/frontend/scss/quality/ScssLintQualityConstants.java
@@ -10,7 +10,7 @@ public class ScssLintQualityConstants extends ScssLanguageConstants implements Q
 	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.scss.file.missing.fail";
 	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.scss.file.metrics.skip";
 	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
-	public static final String REPORT_PATH_DEFVALUE = "/report/scsslint.json";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/scsslint.json";
 	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
 	public static final String RULES_PATH = "/rules/scsslint.json";
 	public static final String REPOSITORY_NAME = "SCSSLint";
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint.css b/sonar-web-frontend-scss/src/main/resources/rules/scsslint.css
index 157c776..73c7fb8 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint.css
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint.css
@@ -1,4 +1,7 @@
-.extended-html-description {
+.ehd {
 	margin-top: 20px;
 	margin-bottom: 30px;
-}
\ No newline at end of file
+}
+
+/* Github styles */
+.highlight{margin-bottom:16px}.highlight pre,pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#f7f7f7;border-radius:3px}.highlight pre{margin-bottom:0;word-break:normal}pre{word-wrap:normal}pre code,pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}pre code:before,pre code:after,pre tt:before,pre tt:after{content:normal}kbd{display:inline-block;padding:3px 5px;font-size:11px;line-height:10px;color:#555;vertical-align:middle;background-color:#fcfcfc;border:solid 1px #ccc;border-bottom-color:#bbb;border-radius:3px;box-shadow:inset 0 -1px 0 #bbb}.pl-c{color:#969896}.pl-c1,.pl-s .pl-v{color:#0086b3}.pl-e,.pl-en{color:#795da3}.pl-s .pl-s1,.pl-smi{color:#333}.pl-ent{color:#63a35c}.pl-k{color:#a71d5d}.pl-pds,.pl-s,.pl-s .pl-pse .pl-s1,.pl-sr,.pl-sr .pl-cce,.pl-sr .pl-sra,.pl-sr .pl-sre{color:#183691}.pl-v{color:#ed6a43}.pl-id{color:#b52a1d}.pl-ii{background-color:#b52a1d;color:#f8f8f8}.pl-sr .pl-cce{color:#63a35c;font-weight:bold}.pl-ml{color:#693a17}.pl-mh,.pl-mh .pl-en,.pl-ms{color:#1d3e81;font-weight:bold}.pl-mq{color:#008080}.pl-mi{color:#333;font-style:italic}.pl-mb{color:#333;font-weight:bold}.pl-md{background-color:#ffecec;color:#bd2c00}.pl-mi1{background-color:#eaffea;color:#55a532}.pl-mdr{color:#795da3;font-weight:bold}.pl-mo{color:#1d3e81}
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint.json b/sonar-web-frontend-scss/src/main/resources/rules/scsslint.json
index 6b23830..b5ff2c4 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint.json
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint.json
@@ -1,226 +1,869 @@
-[{
-	"key": "BangFormat",
-	"name": "Bang format",
-	"description": "Position of space with !important",
-	"severity": "INFO"
-}, {
-	"key": "BorderZero",
-	"name": "border: none vs border: 0",
-	"description": "When using \"border: none\", the size of the border is still applied. If you want to remove completely the border, use \"border: 0\"",
-	"severity": "MINOR"
-}, {
-	"key": "ColorKeyword",
-	"name": "Don't use color keywords",
-	"description": "Don't use color keywords (white, red, black...).",
-	"severity": "INFO"
-}, {
-	"key": "Comment",
-	"name": "Use single line comment instead of multi-line comment",
-	"description": "Single line comment is removed from generated CSS while multi-line comment is still present in generated CSS",
-	"severity": "MINOR"
-}, {
-	"key": "DebugStatement",
-	"name": "Remove @debug statement",
-	"description": "Remove @debug statement",
-	"severity": "MAJOR"
-}, {
-	"key": "DeclarationOrder",
-	"name": "Declaration order of properties, nested rules, @extend, @include, pseudo-elements and chained selectors",
-	"description": "The properties should be before nested rules. \"@extend\" and \"@include\" should be before any other property. \"@include\" with \"@content\" should be after other properties but before nested rules. Pseudo-element and chained selector should appear after property and before nested rules",
-	"severity": "MAJOR"
-}, {
-	"key": "DuplicateProperty",
-	"name": "Remove duplicate properties",
-	"description": "Remove duplicate properties",
-	"severity": "CRITICAL"
-}, {
-	"key": "ElsePlacement",
-	"name": "\"@else\" should be on same line as previous curly brace",
-	"description": "\"@else\" should be on same line as previous curly brace",
-	"severity": "MINOR"
-}, {
-	"key": "EmptyLineBetweenBlocks",
-	"name": "Use empty lines between blocks",
-	"description": "Use empty lines between blocks",
-	"severity": "MINOR"
-}, {
-	"key": "EmptyRule",
-	"name": "Remove empty rules",
-	"description": "Remove empty rules",
-	"severity": "CRITICAL"
-}, {
-	"key": "FinalNewline",
-	"name": "The file should end with a new line",
-	"description": "The file should end with a new line",
-	"severity": "INFO"
-}, {
-	"key": "HexLength",
-	"name": "Use the short version of hexadecimal color",
-	"description": "Use the short version of hexadecimal color",
-	"severity": "INFO"
-}, {
-	"key": "HexNotation",
-	"name": "Use lower case for hexadecimal colors",
-	"description": "Use lower case for hexadecimal colors",
-	"severity": "MINOR"
-}, {
-	"key": "HexValidation",
-	"name": "Invalid hexadecimal color value",
-	"description": "Invalid hexadecimal color value",
-	"severity": "MAJOR"
-}, {
-	"key": "IdSelector",
-	"name": "Avoid use of ID selector",
-	"description": "Avoid use of ID selector",
-	"severity": "MAJOR"
-}, {
-	"key": "ImportPath",
-	"name": "\"@import\" should contain neither leading underscore nor extension",
-	"description": "\"@import\" should contain neither leading underscore nor extension",
-	"severity": "MAJOR"
-}, {
-	"key": "Indentation",
-	"name": "Use correct indentation",
-	"description": "Use correct indentation",
-	"severity": "MINOR"
-}, {
-	"key": "LeadingZero",
-	"name": "Remove unnecessary leading 0",
-	"description": "Remove unnecessary leading 0",
-	"severity": "MINOR"
-}, {
-	"key": "MergeableSelector",
-	"name": "Merge selectors that are identical",
-	"description": "Merge selectors that are identical",
-	"severity": "MAJOR"
-}, {
-	"key": "NameFormat",
-	"name": "Names should use \"-\"",
-	"description": "Names of variables, functions, mixins should use \"-\" instead of \"_\" or camel case",
-	"severity": "MAJOR"
-}, {
-	"key": "NestingDepth",
-	"name": "Avoid too much nesting selectors",
-	"description": "If there are 5 nesting selectors, this will generate 5 selectors separated by spaces in the generated CSS. This will lead to performance issues",
-	"severity": "CRITICAL"
-}, {
-	"key": "PlaceholderInExtend",
-	"name": "Should only extend rules with placeholder",
-	"description": "Should only extend rules with placeholder",
-	"severity": "MAJOR"
-}, {
-	"key": "PropertySortOrder",
-	"name": "Properties declaration order is not conformed with selected profile",
-	"description": "Properties declaration order is not conformed with selected profile",
-	"severity": "INFO"
-}, {
-	"key": "PropertySpelling",
-	"name": "Property is misspelled",
-	"description": "Property is misspelled",
-	"severity": "INFO"
-}, {
-	"key": "QualifyingElement",
-	"name": "Avoid use of element and other selector",
-	"description": "Avoid use of element and other selector",
-	"severity": "MINOR"
-}, {
-	"key": "SelectorDepth",
-	"name": "Avoid too much depth for selectors",
-	"description": "Avoid too much depth for selectors",
-	"severity": "CRITICAL"
-}, {
-	"key": "SelectorFormat",
-	"name": "Selector name convention is not conform with selected profile",
-	"description": "Selector name convention is not conform with selected profile (hyphenated_lowercase, BEM, snake_case, camel_case, regex pattern)",
-	"severity": "MAJOR"
-}, {
-	"key": "Shorthand",
-	"name": "Use shorthand value when possible",
-	"description": "Use shorthand value when possible",
-	"severity": "MAJOR"
-}, {
-	"key": "SingleLinePerProperty",
-	"name": "Use one line per property",
-	"description": "Use one line per property",
-	"severity": "MAJOR"
-}, {
-	"key": "SingleLinePerSelector",
-	"name": "Use one line per selector",
-	"description": "Use one line per selector",
-	"severity": "MAJOR"
-}, {
-	"key": "SpaceAfterComma",
-	"name": "Use a space after comma",
-	"description": "Use a space after comma",
-	"severity": "MINOR"
-}, {
-	"key": "SpaceAfterPropertyColon",
-	"name": "Use a space after property colon \":\"",
-	"description": "Use a space after property colon \":\"",
-	"severity": "MINOR"
-}, {
-	"key": "SpaceAfterPropertyName",
-	"name": "Do not use space before property colon \":\"",
-	"description": "Do not use space before property colon \":\"",
-	"severity": "MINOR"
-}, {
-	"key": "SpaceBeforeBrace",
-	"name": "Use one space before curly braces",
-	"description": "Use one space before curly braces",
-	"severity": "MINOR"
-}, {
-	"key": "SpaceBetweenParens",
-	"name": "Do not use spaces between parenthesis",
-	"description": "Do not use spaces between parenthesis",
-	"severity": "MINOR"
-}, {
-	"key": "StringQuotes",
-	"name": "Use the right quotes",
-	"description": "Use the right quotes",
-	"severity": "MINOR"
-}, {
-	"key": "TrailingSemicolon",
-	"name": "Statement should end with one \";\"",
-	"description": "Property value, @import, @extend, @include statements should end with one semicolon",
-	"severity": "MAJOR"
-}, {
-	"key": "TrailingZero",
-	"name": "Remove unnecessary trailing 0",
-	"description": "Remove unnecessary trailing 0",
-	"severity": "MAJOR"
-}, {
-	"key": "UnnecessaryMantissa",
-	"name": "Remove unnecessary fraction",
-	"description": "Remove unnecessary fraction. For example \"top: 1.0em;\" should be \"top: 1em;\"",
-	"severity": "MINOR"
-}, {
-	"key": "UnnecessaryParentReference",
-	"name": "Remove unnecessary parent reference",
-	"description": "Remove unnecessary parent reference (&)",
-	"severity": "MAJOR"
-}, {
-	"key": "UrlFormat",
-	"name": "Wrong URL format",
-	"description": "An URL should be relative (not absolute and without protocol)",
-	"severity": "MAJOR"
-}, {
-	"key": "UrlQuotes",
-	"name": "Use either single quotes or double quotes for URL",
-	"description": "Use either single quotes or double quotes for URL",
-	"severity": "MAJOR"
-}, {
-	"key": "VendorPrefixes",
-	"name": "Vendor specific prefixes",
-	"description": "Don't use vendor specific when it is not needed on properties, property values, selectors or directives",
-	"severity": "MAJOR"
-}, {
-	"key": "ZeroUnit",
-	"name": "Zero value should not have unit",
-	"description": "Zero value should not have unit",
-	"severity": "MAJOR"
-}, {
-	"key": "Compass::PropertyWithMixin",
-	"name": "Use predefined mixins instead of properties when using Compass",
-	"description": "Use predefined mixins instead of properties when using Compass (\"@include inline-block\" instead of \"display: inline-block\", \"@include border-radius(5px)\" instead of \"border-radius: 5px\", ...)",
-	"severity": "MAJOR"
-}]
\ No newline at end of file
+[ {
+  "key" : "BangFormat",
+  "name" : "Bang format",
+  "description" : "Position of space with !important",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "BorderZero",
+  "name" : "border: none vs border: 0",
+  "description" : "When using \"border: none\", the size of the border is still applied. If you want to remove completely the border, use \"border: 0\"",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "ColorKeyword",
+  "name" : "Don't use color keywords",
+  "description" : "Don't use color keywords (white, red, black...).",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "Comment",
+  "name" : "Use single line comment instead of multi-line comment",
+  "description" : "Single line comment is removed from generated CSS while multi-line comment is still present in generated CSS",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "NETWORK_USE"
+  }
+}, {
+  "key" : "DebugStatement",
+  "name" : "Remove @debug statement",
+  "description" : "Remove @debug statement",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "DeclarationOrder",
+  "name" : "Declaration order of properties, nested rules, @extend, @include, pseudo-elements and chained selectors",
+  "description" : "The properties should be before nested rules. \"@extend\" and \"@include\" should be before any other property. \"@include\" with \"@content\" should be after other properties but before nested rules. Pseudo-element and chained selector should appear after property and before nested rules",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "DuplicateProperty",
+  "name" : "Remove duplicate properties",
+  "description" : "Remove duplicate properties",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ElsePlacement",
+  "name" : "\"@else\" should be on same line as previous curly brace",
+  "description" : "\"@else\" should be on same line as previous curly brace",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "EmptyLineBetweenBlocks",
+  "name" : "Use empty lines between blocks",
+  "description" : "Use empty lines between blocks",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "EmptyRule",
+  "name" : "Remove empty rules",
+  "description" : "Remove empty rules",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "FinalNewline",
+  "name" : "The file should end with a new line",
+  "description" : "The file should end with a new line",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "HexLength",
+  "name" : "Use the short version of hexadecimal color",
+  "description" : "Use the short version of hexadecimal color",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "HexNotation",
+  "name" : "Use lower case for hexadecimal colors",
+  "description" : "Use lower case for hexadecimal colors",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "HexValidation",
+  "name" : "Invalid hexadecimal color value",
+  "description" : "Invalid hexadecimal color value",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "IdSelector",
+  "name" : "Avoid use of ID selector",
+  "description" : "Avoid use of ID selector",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_CHANGEABILITY"
+  }
+}, {
+  "key" : "ImportPath",
+  "name" : "\"@import\" should contain neither leading underscore nor extension",
+  "description" : "\"@import\" should contain neither leading underscore nor extension",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "Indentation",
+  "name" : "Use correct indentation",
+  "description" : "Use correct indentation",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "LeadingZero",
+  "name" : "Remove unnecessary leading 0",
+  "description" : "Remove unnecessary leading 0",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "MergeableSelector",
+  "name" : "Merge selectors that are identical",
+  "description" : "Merge selectors that are identical",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "NameFormat",
+  "name" : "Names should use \"-\"",
+  "description" : "Names of variables, functions, mixins should use \"-\" instead of \"_\" or camel case",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "NestingDepth",
+  "name" : "Avoid too much nesting selectors",
+  "description" : "If there are 5 nesting selectors, this will generate 5 selectors separated by spaces in the generated CSS. This will lead to performance issues",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "PlaceholderInExtend",
+  "name" : "Should only extend rules with placeholder",
+  "description" : "Should only extend rules with placeholder",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "PropertySortOrder",
+  "name" : "Properties declaration order is not conformed with selected profile",
+  "description" : "Properties declaration order is not conformed with selected profile",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "PropertySpelling",
+  "name" : "Property is misspelled",
+  "description" : "Property is misspelled",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "scsslint", "pitfall", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "QualifyingElement",
+  "name" : "Avoid use of element and other selector",
+  "description" : "Avoid use of element and other selector",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_CHANGEABILITY"
+  }
+}, {
+  "key" : "SelectorDepth",
+  "name" : "Avoid too much depth for selectors",
+  "description" : "Avoid too much depth for selectors",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "SelectorFormat",
+  "name" : "Selector name convention is not conform with selected profile",
+  "description" : "Selector name convention is not conform with selected profile (hyphenated_lowercase, BEM, snake_case, camel_case, regex pattern)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "bem" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "Shorthand",
+  "name" : "Use shorthand value when possible",
+  "description" : "Use shorthand value when possible",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SingleLinePerProperty",
+  "name" : "Use one line per property",
+  "description" : "Use one line per property",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SingleLinePerSelector",
+  "name" : "Use one line per selector",
+  "description" : "Use one line per selector",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SpaceAfterComma",
+  "name" : "Use a space after comma",
+  "description" : "Use a space after comma",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SpaceAfterPropertyColon",
+  "name" : "Use a space after property colon \":\"",
+  "description" : "Use a space after property colon \":\"",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SpaceAfterPropertyName",
+  "name" : "Do not use space before property colon \":\"",
+  "description" : "Do not use space before property colon \":\"",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SpaceBeforeBrace",
+  "name" : "Use one space before curly braces",
+  "description" : "Use one space before curly braces",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SpaceBetweenParens",
+  "name" : "Do not use spaces between parenthesis",
+  "description" : "Do not use spaces between parenthesis",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "StringQuotes",
+  "name" : "Use the right quotes",
+  "description" : "Use the right quotes",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "TrailingSemicolon",
+  "name" : "Statement should end with one \";\"",
+  "description" : "Property value, @import, @extend, @include statements should end with one semicolon",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "TrailingZero",
+  "name" : "Remove unnecessary trailing 0",
+  "description" : "Remove unnecessary trailing 0",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "UnnecessaryMantissa",
+  "name" : "Remove unnecessary fraction",
+  "description" : "Remove unnecessary fraction. For example \"top: 1.0em;\" should be \"top: 1em;\"",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "UnnecessaryParentReference",
+  "name" : "Remove unnecessary parent reference",
+  "description" : "Remove unnecessary parent reference (&)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "useless" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "UrlFormat",
+  "name" : "Wrong URL format",
+  "description" : "An URL should be relative (not absolute and without protocol)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "CHANGEABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "UrlQuotes",
+  "name" : "Use either single quotes or double quotes for URL",
+  "description" : "Use either single quotes or double quotes for URL",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "VendorPrefixes",
+  "name" : "Vendor specific prefixes",
+  "description" : "Don't use vendor specific when it is not needed on properties, property values, selectors or directives",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ZeroUnit",
+  "name" : "Zero value should not have unit",
+  "description" : "Zero value should not have unit",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "PropertyWithMixin",
+  "name" : "Use predefined mixins instead of properties when using Compass",
+  "description" : "Use predefined mixins instead of properties when using Compass (\"@include inline-block\" instead of \"display: inline-block\", \"@include border-radius(5px)\" instead of \"border-radius: 5px\", ...)",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention", "compass", "cross-browser" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "BemDepth",
+  "name" : "Maximum number of elements allowed in a BEAM selector",
+  "description" : "Reports when a BEM selector contains more elements than a configurable maximum number",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bem", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_CHANGEABILITY"
+  }
+}, {
+  "key" : "ChainedClasses",
+  "name" : "Chained classes (adjoining classes)",
+  "description" : "Reports when you define a rule set using a selector with chained classes (a.k.a. adjoining classes)",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "cross-browser", "ie6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "ColorVariable",
+  "name" : "Use variables for colors instead of color literals",
+  "description" : "Prefer color literals (keywords or hexadecimal codes) to be used only in variable declarations. They should be referred to via variables everywhere else.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "DATA_CHANGEABILITY"
+  }
+}, {
+  "key" : "DisableLinterReason",
+  "name" : "Comment to explain why linter is disabled",
+  "description" : "scss-lint:disable control comments should be preceded by a comment explaining why these linters are being disabled for this file",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint-options" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "ExtendDirective",
+  "name" : "Reports when you have an @extend directive",
+  "description" : "Reports when you have an @extend directive",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "ImportantRule",
+  "name" : "Avoid using !important in properties",
+  "description" : "Avoid using !important in properties. It is usually indicative of a misunderstanding of CSS specificity and can lead to brittle code",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_CHANGEABILITY"
+  }
+}, {
+  "key" : "PrivateNamingConvention",
+  "name" : "Prefix private functions, mixins and variables",
+  "description" : "Enforces that functions, mixins, and variables that follow the private naming convention (default to underscore-prefixed, e.g. $_foo) are defined and used within the same file",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "PropertyCount",
+  "name" : "Limit the number of properties in a rule set",
+  "description" : "Limit the number of properties in a rule set",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "brain-overload" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "PropertyUnits",
+  "name" : "Configure which units are allowed for property values",
+  "description" : "By default a value may have any kind of unit. You can adjust which units are allowed globally by setting the global option",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint-options", "configuration" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "PseudoElement",
+  "name" : "Use :: for pseudo elements",
+  "description" : "Pseudo-elements, like ::before, and ::first-letter, should be declared with two colons",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "SpaceAfterVariableColon",
+  "name" : "Variables should be formatted with a single space separating the colon from the variable's value",
+  "description" : "Variables should be formatted with a single space separating the colon from the variable's value",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SpaceAfterVariableName",
+  "name" : "Variables should be formatted with no space between the name and the colon",
+  "description" : "Variables should be formatted with no space between the name and the colon",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "SpaceAroundOperator",
+  "name" : "Operators should be formatted with a single space on both sides of an infix operator",
+  "description" : "Operators should be formatted with a single space on both sides of an infix operator",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "TrailingWhitespace",
+  "name" : "Reports lines containing trailing whitespace.",
+  "description" : "Reports lines containing trailing whitespace.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "scsslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "TransitionAll",
+  "name" : "Don't use the all keyword to specify transition properties",
+  "description" : "Don't use the all keyword to specify transition properties",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice", "performance", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "VariableForProperty",
+  "name" : "Properties, like color and font, are easier to read and maintain when defined using variables rather than literals",
+  "description" : "Properties, like color and font, are easier to read and maintain when defined using variables rather than literals",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "DATA_CHANGEABILITY"
+  }
+}, {
+  "key" : "VendorPrefix",
+  "name" : "Vendor specific prefixes",
+  "description" : "Don't use vendor specific when it is not needed on properties, property values, selectors or directives",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "scsslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+} ]
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BangFormat.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BangFormat.html
index e104842..fd82e5b 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BangFormat.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BangFormat.html
@@ -1,12 +1,10 @@
-<h1>Details</h1>
-<p>Reports when you use improper spacing around <code>!</code> (the "bang") in <code>!important</code> and <code>!default</code> declarations.</p><p>You can prefer a single space or no space both before and after the <code>!</code>.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre>color: #000!important;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre>color: #000 !important;</pre></div><table>
-<thead>
+<h1>Details</h1>
+<p>Reports when you use improper spacing around <code>!</code> (the "bang") in <code>!default</code>, <code>!global</code>, <code>!important</code>, and <code>!optional</code> flags.</p><p>You can prefer a single space or no space both before and after the <code>!</code>.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre>color: #000!important;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>color: #000 !important;</pre></div><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>space_before_bang</code></td>
 <td>Whether a space should be present <em>before</em> the <code>!</code>, as in <code>color: #000 !important;</code> (default <strong>true</strong>)</td>
@@ -15,5 +13,4 @@ <h1>Details</h1>
 <td><code>space_after_bang</code></td>
 <td>Whether a space should be present <em>after</em> the <code>!</code>, as in <code>color: #000 ! important;</code> (default <strong>false</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BemDepth.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BemDepth.html
new file mode 100644
index 0000000..e64f9a3
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BemDepth.html
@@ -0,0 +1,13 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Reports when a BEM selector contains more elements than a configurable
+maximum number.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.block__element__subelement</span>  {<br/>  ...<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.block__element</span> {<br/>  ...<br/>}</pre></div><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>max_elements</code></td>
+<td>Maximum number of elements allowed in a BEM selector (default <strong>1</strong>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BorderZero.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BorderZero.html
index d0cf813..0c8696d 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BorderZero.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/BorderZero.html
@@ -1,2 +1,13 @@
-<h1>Details</h1>
-<p>Prefer <code>border: 0</code> over <code>border: none</code>.</p>
\ No newline at end of file
+<h1>Details</h1>
+<p>Prefer the terser <code>border: 0</code> over <code>border: none</code>.</p><p>You can specify preferring <code>border: none</code> over <code>border: 0</code> by setting the
+<code>convention</code> option.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>convention</code></td>
+<td>Whether to prefer <code>0</code> (<strong>zero</strong>) or <code>none</code> (<strong>none</strong>) (default <strong>zero</strong>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ChainedClasses.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ChainedClasses.html
new file mode 100644
index 0000000..0d37192
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ChainedClasses.html
@@ -0,0 +1,3 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Reports when you define a rule set using a selector with chained classes
+(a.k.a. adjoining classes).</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.foo</span> {<br/>  <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5</span><span class="pl-k">px</span>;<br/>}<br/><br/><span class="pl-e">.bar</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">5</span><span class="pl-k">px</span>;<br/>}<br/><br/><span class="pl-e">.foo.bar</span> {<br/>  <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span>;<br/>}</pre></div><p><strong>Good: write chained classes as new class</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.foo</span> {<br/>  <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">5</span><span class="pl-k">px</span>;<br/>}<br/><br/><span class="pl-e">.bar</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">5</span><span class="pl-k">px</span>;<br/>}<br/><br/><span class="pl-e">.new-class</span> {<br/>  <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span>;<br/>}</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ColorKeyword.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ColorKeyword.html
index 7687758..b3c4e0a 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ColorKeyword.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ColorKeyword.html
@@ -1,11 +1,4 @@
-<h1>Details</h1>
-<p>Prefer hexadecimal color codes over color keywords.</p><p><strong>Bad: color keyword</strong></p><div class="highlight highlight-scss"><pre>color: green;</pre></div><p><strong>Good: hexadecimal color</strong></p><div class="highlight highlight-scss"><pre>color: #0f0;</pre></div><p>Defining colors directly in properties is usually a smell. When you color your
-body text in a number of places, if you ever want to change the color of the
-text you'll have to update the explicitly defined color in a number of places,
-and finding all those places can be difficult if you use the same color for
-other elements (i.e. a simple find/replace may not always work).</p><p>A better approach is to use global variables like <code>$color-text-body</code> and refer
-to this variable everywhere you want to use it. This makes it easy to update
-the color, as you only need change it in one place. It is also more
-intention-revealing, as seeing the name <code>$color-text-body</code> is more descriptive
-than <code>#333</code> or <code>black</code>. Using color keywords can obfuscate this, as they look
-like variables.</p>
\ No newline at end of file
+<h1>Details</h1>
+<p>Prefer hexadecimal color codes over color keywords.</p><p><strong>Bad: color keyword</strong></p><div class="highlight highlight-source-scss"><pre>color: green;</pre></div><p><strong>Good: hexadecimal color</strong></p><div class="highlight highlight-source-scss"><pre>color: #0f0;</pre></div><p>Color keywords look like variables but are not variables. See the
+<a href="#colorvariable">ColorVariable</a> linter for more justification on why you should
+always refer to colors via variables.</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ColorVariable.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ColorVariable.html
new file mode 100644
index 0000000..89156b8
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ColorVariable.html
@@ -0,0 +1,12 @@
+<h1>Details</h1>
+<p>Prefer color literals (keywords or hexadecimal codes) to be used only in
+variable declarations. They should be referred to via variables everywhere else.</p><p><strong>Bad: literal color</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">green</span>;<br/>}</pre></div><p><strong>Good: refer to color by variable name</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$body-color</span>: <span class="pl-c1">#0f0</span>;<br/><br/>...<br/><br/><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-smi">$body-color</span>;<br/>}</pre></div><p>Defining colors directly in properties is usually a smell. When you color your
+body text in a number of places, if you ever want to change the color of the
+text you'll have to update the explicitly defined color in a number of places,
+and finding all those places can be difficult if you use the same color for
+other elements (i.e. a simple find/replace may not always work).</p><p>A better approach is to use global variables like <code>$color-text-body</code> and refer
+to this variable everywhere you want to use it. This makes it easy to update
+the color, as you only need change it in one place. It is also more
+intention-revealing, as seeing the name <code>$color-text-body</code> is more descriptive
+than <code>#333</code> or <code>black</code>. Using color keywords can obfuscate this, as they look
+like variables.</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Comment.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Comment.html
index ffe5e9d..b75b286 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Comment.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Comment.html
@@ -1,4 +1,20 @@
-<h1>Details</h1>
-<p>Prefer <code>//</code> comments over <code>/* ... */</code>.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-c">/* This is a comment that gets rendered */</span></pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-c">// This comment never gets rendered</span></pre></div><p><code>//</code> comments should be preferred as they don't get rendered in the final
+<h1>Details</h1>
+<p>Prefer <code>//</code> comments over <code>/* ... */</code>.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-c">/* This is a comment that gets rendered */</span></pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-c">// This comment never gets rendered</span></pre></div><p><code>//</code> comments should be preferred as they don't get rendered in the final
 generated CSS, whereas <code>/* ... */</code> comments do.</p><p>Furthermore, comments should be concise, and using <code>/* ... */</code>
-encourages multi-line comments which tend to not be concise.</p>
\ No newline at end of file
+encourages multi-line comments which tend to not be concise.</p><p>If you want to allow multi-line comments containing certain text, such as
+copyright notices, set the <code>allowed</code> option to a regular expression. This will
+allow multi-line comments that match the regular expression.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>allowed</code></td>
+<td>Regular expression for matching allowed comments, such as '^[/* ] Copyright'</td>
+</tr>
+<tr>
+<td><code>style</code></td>
+<td>Style of comment to enforce (<code>silent</code> or <code>loud</code>) (default <strong>silent</strong>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Compass Linters.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Compass Linters.html
index 198bb48..93fb276 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Compass Linters.html	
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Compass Linters.html	
@@ -1,5 +1,3 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p><code>scss-lint</code> includes a set of linters for codebases which use the
-<a href="http://compass-style.org/">Compass</a> framework.</p><h3>
-<a id="user-content--compass-linters-documentation" class="anchor" href="#-compass-linters-documentation" aria-hidden="true"><span class="octicon octicon-link"></span></a><a href="/causes/scss-lint/blob/master/lib/scss_lint/linter/compass/README.md">» Compass Linters Documentation</a>
-</h3>
\ No newline at end of file
+<a href="http://compass-style.org/">Compass</a> framework.</p><h3><a id="user-content--compass-linters-documentation" class="anchor" href="#-compass-linters-documentation" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a><a href="/brigade/scss-lint/blob/master/lib/scss_lint/linter/compass/README.md">» Compass Linters Documentation</a></h3>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DebugStatement.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DebugStatement.html
index 1c5aee1..ecbd18c 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DebugStatement.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DebugStatement.html
@@ -1,2 +1,2 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Reports <code>@debug</code> statements (which you probably left behind accidentally).</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DeclarationOrder.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DeclarationOrder.html
index a74ff37..ea50c23 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DeclarationOrder.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DeclarationOrder.html
@@ -1,23 +1,7 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Rule sets should be ordered as follows: <code>@extend</code> declarations, <code>@include</code>
 declarations without inner <code>@content</code>, properties, <code>@include</code> declarations
-<em>with</em> inner <code>@content</code>, then nested rule sets.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.fatal-error</span> {
-  <span class="pl-ent">p</span> {
-    ...
-  }
-
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#f00</span>;
-  <span class="pl-k">@extend</span> <span class="pl-e">%error</span>;
-  <span class="pl-k">@include</span> <span class="pl-s3">message-box</span>();
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.fatal-error</span> {
-  <span class="pl-k">@extend</span> <span class="pl-e">%error</span>;
-  <span class="pl-k">@include</span> <span class="pl-s3">message-box</span>();
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#f00</span>;
-
-  <span class="pl-ent">p</span> {
-    ...
-  }
-}</pre></div><p>The <code>@extend</code> statement functionally acts like an inheritance mechanism,
+<em>with</em> inner <code>@content</code>, then nested rule sets.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.fatal-error</span> {<br/>  <span class="pl-ent">p</span> {<br/>    ...<br/>  }<br/><br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#f00</span>;<br/>  <span class="pl-k">@extend</span> <span class="pl-e">%error</span>;<br/>  <span class="pl-k">@include</span> <span class="pl-c1">message-box</span>();<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.fatal-error</span> {<br/>  <span class="pl-k">@extend</span> <span class="pl-e">%error</span>;<br/>  <span class="pl-k">@include</span> <span class="pl-c1">message-box</span>();<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#f00</span>;<br/><br/>  <span class="pl-ent">p</span> {<br/>    ...<br/>  }<br/>}</pre></div><p>The <code>@extend</code> statement functionally acts like an inheritance mechanism,
 which means the properties defined by the placeholder being extended are
 rendered before the rest of the properties in the rule set.</p><p>Thus, declaring the <code>@extend</code> at the top of the rule set reminds the
 developer of this behavior.</p><p>Placing <code>@include</code> declarations without inner <code>@content</code> before properties
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DisableLinterReason.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DisableLinterReason.html
new file mode 100644
index 0000000..99ea717
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DisableLinterReason.html
@@ -0,0 +1,3 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p><code>scss-lint:disable</code> control comments should be preceded by a comment explaining
+why these linters are being disabled for this file.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-c">// scss-lint:disable BorderZero</span><br/><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">none</span>;<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-c">// We really prefer `border: none` in this file, for reasons.</span><br/><span class="pl-c">// scss-lint:disable BorderZero</span><br/><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">none</span>;<br/>}</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DuplicateProperty.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DuplicateProperty.html
index f7e6e3f..9c4728e 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DuplicateProperty.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/DuplicateProperty.html
@@ -1,16 +1,20 @@
-<h1>Details</h1>
-<p>Reports when you define the same property twice in a single rule set.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">h1</span> {
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;
-  <span class="pl-mp"><span class="pl-s3">text-transform</span></span>: <span class="pl-sc">uppercase</span>;
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0</span>;<span class="pl-c"> // Second declaration</span>
-}</pre></div><p>Having duplicate properties is usually just an error. However, they can be used
+<h1>Details</h1>
+<p>Reports when you define the same property twice in a single rule set.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">h1</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;<br/>  <span class="pl-c1"><span class="pl-c1">text-transform</span></span>: <span class="pl-c1">uppercase</span>;<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<span class="pl-c"> // Second declaration</span><br/>}</pre></div><p>Having duplicate properties is usually just an error. However, they can be used
 as a technique for dealing with varying levels of browser support for CSS
 properties. In the example below, some browsers might not support the <code>rgba</code>
-function, so the intention is to fall back to the color <code>#fff</code>.</p><div class="highlight highlight-scss"><pre><span class="pl-e">.box</span> {
-  <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-c1">#fff</span>;
-  <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-s3">rgba</span>(<span class="pl-c1">255, 255, 255</span>,<span class="pl-c1"> .5</span>);
-}</pre></div><p>In this situation, using duplicate properties is acceptable, but the linter
-won't be able to deduce your intention, and will still report an error.</p><p>If you've made the decision to <em>not</em> support older browsers, then this lint is
-more helpful since you don't want to clutter your CSS with fallbacks.
-Otherwise, you may want to consider disabling this check in your
-<code>.scss-lint.yml</code> configuration.</p>
\ No newline at end of file
+function, so the intention is to fall back to the color <code>#fff</code>.</p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.box</span> {<br/>  <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#fff</span>;<br/>  <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">rgba</span>(<span class="pl-c1">255, 255, 255</span>,<span class="pl-c1"> .5</span>);<br/>}</pre></div><p>In this situation, using duplicate properties is acceptable, but you will have
+to configure DuplicateProperty with the <code>ignore_consecutive</code> option, so that it
+won't consider such cases to be lint. <code>ignore_consecutive</code> can be set to <code>true</code>,
+<code>false</code> (default), or a list of property names to be allowed. For example, to
+ignore consecutive <code>background</code> and <code>transition</code> properties, as above, you can
+configure DuplicateProperty with:</p><div class="highlight highlight-source-yaml"><pre><span class="pl-s"><span class="pl-ent">DuplicateProperty:</span></span><br/>  <span class="pl-s"><span class="pl-ent">ignore_consecutive:</span></span><br/>    <span class="pl-s">- <span class="pl-s">background</span></span><br/>    <span class="pl-s">- <span class="pl-s">transition</span></span></pre></div><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>ignore_consecutive</code></td>
+<td>Whether to ignore consecutive duplicate properties (default <strong>false</strong>), or a whitelist.</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ElsePlacement.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ElsePlacement.html
index 55ae56d..8852a3d 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ElsePlacement.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ElsePlacement.html
@@ -1,26 +1,13 @@
-<h1>Details</h1>
-<p>Place <code>@else</code> statements on the same line as the preceding curly brace.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@if</span> {
-  ...
-}
-<span class="pl-k">@else </span>{
-  ...
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@if</span> {
-  ...
-} <span class="pl-k">@else </span>{
-  ...
-}</pre></div><p>This will ignore single line <code>@if</code>/<code>@else</code> blocks, so you can write:</p><div class="highlight highlight-scss"><pre><span class="pl-k">@if</span> { ... } <span class="pl-k">@else </span>{ ... }</pre></div><p>You can prefer to enforce having <code>@else</code> on its own line by setting the <code>style</code>
-configuration option to <code>new_line</code>.</p><table>
-<thead>
+<h1>Details</h1>
+<p>Place <code>@else</code> statements on the same line as the preceding curly brace.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@if</span> {<br/>  ...<br/>}<br/><span class="pl-k">@else </span>{<br/>  ...<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@if</span> {<br/>  ...<br/>} <span class="pl-k">@else </span>{<br/>  ...<br/>}</pre></div><p>This will ignore single line <code>@if</code>/<code>@else</code> blocks, so you can write:</p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@if</span> { ... } <span class="pl-k">@else </span>{ ... }</pre></div><p>You can prefer to enforce having <code>@else</code> on its own line by setting the <code>style</code>
+configuration option to <code>new_line</code>.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>style</code></td>
-<td>
-<code>same_line</code> or <code>new_line</code> (default <code>same_line</code>)</td>
+<td><code>same_line</code> or <code>new_line</code> (default <code>same_line</code>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyLineBetweenBlocks.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyLineBetweenBlocks.html
index ae73a41..1933220 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyLineBetweenBlocks.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyLineBetweenBlocks.html
@@ -1,36 +1,12 @@
-<h1>Details</h1>
-<p>Separate rule, function, and mixin declarations with empty lines.</p><p><strong>Bad: no lines separating blocks</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0</span>;
-  <span class="pl-ent">em</span> {
-    ...
-  }
-}
-<span class="pl-ent">a</span> {
-  ...
-}</pre></div><p><strong>Good: lines separating blocks</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0</span>;
-
-  <span class="pl-ent">em</span> {
-    ...
-  }
-}
-
-<span class="pl-ent">a</span> {
-  ...
-}</pre></div><p>By default, this will ignore single line blocks, so you can write:</p><div class="highlight highlight-scss"><pre><span class="pl-e">.icon-chevron-up</span>    { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>030<span class="pl-pds">"</span></span>; } }
-<span class="pl-e">.icon-chevron-down</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>031<span class="pl-pds">"</span></span>; } }
-<span class="pl-e">.icon-chevron-left</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>032<span class="pl-pds">"</span></span>; } }
-<span class="pl-e">.icon-chevron-right</span> { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>033<span class="pl-pds">"</span></span>; } }</pre></div><table>
-<thead>
+<h1>Details</h1>
+<p>Separate rule, function, and mixin declarations with empty lines.</p><p><strong>Bad: no lines separating blocks</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<br/>  <span class="pl-ent">em</span> {<br/>    ...<br/>  }<br/>}<br/><span class="pl-ent">a</span> {<br/>  ...<br/>}</pre></div><p><strong>Good: lines separating blocks</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<br/><br/>  <span class="pl-ent">em</span> {<br/>    ...<br/>  }<br/>}<br/><br/><span class="pl-ent">a</span> {<br/>  ...<br/>}</pre></div><p>By default, this will ignore single line blocks, so you can write:</p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.icon-chevron-up</span>    { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>030<span class="pl-pds">"</span></span>; } }<br/><span class="pl-e">.icon-chevron-down</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>031<span class="pl-pds">"</span></span>; } }<br/><span class="pl-e">.icon-chevron-left</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>032<span class="pl-pds">"</span></span>; } }<br/><span class="pl-e">.icon-chevron-right</span> { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>033<span class="pl-pds">"</span></span>; } }</pre></div><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>ignore_single_line_blocks</code></td>
 <td>Don't enforce for single-line blocks (default <strong>true</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyRule.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyRule.html
index 8fd3703..5a041de 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyRule.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/EmptyRule.html
@@ -1,3 +1,2 @@
-<h1>Details</h1>
-<p>Reports when you have an empty rule set.</p><div class="highlight highlight-scss"><pre><span class="pl-e">.cat</span> {
-}</pre></div>
\ No newline at end of file
+<h1>Details</h1>
+<p>Reports when you have an empty rule set.</p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.cat</span> {<br/>}</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ExtendDirective.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ExtendDirective.html
new file mode 100644
index 0000000..28675f7
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ExtendDirective.html
@@ -0,0 +1,3 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Reports when you have an <code>@extend</code> directive.</p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-k">@extend</span> <span class="pl-e">%placeholder</span>;<br/>}</pre></div><p>If you want to restrict the <code>@extend</code> directive to only use placeholders, see
+the <a href="#placeholderinextend">PlaceholderInExtend</a> linter instead.</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/FinalNewline.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/FinalNewline.html
index 0746fc0..3644c24 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/FinalNewline.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/FinalNewline.html
@@ -1,18 +1,15 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Files should always have a final newline. This results in better diffs when
 adding lines to the file, since SCM systems such as git won't think that you
 touched the last line.</p><p>You can customize whether or not a final newline exists with the <code>present</code>
-option.</p><table>
-<thead>
+option.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>present</code></td>
 <td>Whether a final newline should be present (default <strong>true</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexLength.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexLength.html
index 5d92cc6..6a1a230 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexLength.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexLength.html
@@ -1,16 +1,13 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>You can specify whether you prefer shorthand or long-form hexadecimal
-colors by setting the style option to <code>short</code> or <code>long</code>, respectively.</p><p><strong>short</strong></p><div class="highlight highlight-scss"><pre>color: <span class="pl-e">#f2e</span>;</pre></div><p><strong>long</strong></p><div class="highlight highlight-scss"><pre>color: <span class="pl-e">#ff22ee</span>;</pre></div><table>
-<thead>
+colors by setting the style option to <code>short</code> or <code>long</code>, respectively.</p><p><strong>short</strong></p><div class="highlight highlight-source-scss"><pre>color: <span class="pl-e">#f2e</span>;</pre></div><p><strong>long</strong></p><div class="highlight highlight-source-scss"><pre>color: <span class="pl-e">#ff22ee</span>;</pre></div><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>style</code></td>
 <td>Prefer <code>short</code> or <code>long</code> (default <strong>short</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexNotation.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexNotation.html
index 81e148a..744ea91 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexNotation.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexNotation.html
@@ -1,16 +1,13 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Checks if hexadecimal colors are written in lowercase. You can specify which
-case with the <code>style</code> option.</p><table>
-<thead>
+case with the <code>style</code> option.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>style</code></td>
 <td>Prefer <code>lowercase</code> or <code>uppercase</code> (default <strong>lowercase</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexValidation.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexValidation.html
index 3313792..f7bdd76 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexValidation.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/HexValidation.html
@@ -1,6 +1,2 @@
-<h1>Details</h1>
-<p>Ensure hexadecimal colors are valid (either three or six digits).</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">background</span></span>: #ab;<span class="pl-c"> // Clearly a typo</span>
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">background</span></span>: <span class="pl-c1">#abc</span>;
-}</pre></div>
\ No newline at end of file
+<h1>Details</h1>
+<p>Ensure hexadecimal colors are valid (either three or six digits).</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">background</span></span>: #ab;<span class="pl-c"> // Clearly a typo</span><br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">background</span></span>: <span class="pl-c1">#abc</span>;<br/>}</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/IdSelector.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/IdSelector.html
index a21ba0c..a98aee7 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/IdSelector.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/IdSelector.html
@@ -1,9 +1,5 @@
-<h1>Details</h1>
-<p>Avoid using ID selectors.</p><p><strong>Bad: highly-specific styling for a single element via ID</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">#submit-button</span> {
-  ...
-}</pre></div><p><strong>Good: reusable class</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.submit-button</span> {
-  ...
-}</pre></div><p>While the CSS specification allows for multiple elements with the same ID to
+<h1>Details</h1>
+<p>Avoid using ID selectors.</p><p><strong>Bad: highly-specific styling for a single element via ID</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">#submit-button</span> {<br/>  ...<br/>}</pre></div><p><strong>Good: reusable class</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.submit-button</span> {<br/>  ...<br/>}</pre></div><p>While the CSS specification allows for multiple elements with the same ID to
 appear in a single document, in practice this is a smell. <a href="http://screwlewse.com/2010/07/dont-use-id-selectors-in-css/">ID selectors should
 never be used</a> for
 the purposes of styling an element, as it leads to overly specific styles that
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ImportPath.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ImportPath.html
index 1052d97..efccc50 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ImportPath.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ImportPath.html
@@ -1,29 +1,20 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>The basenames of <code>@import</code>ed SCSS partials should not begin with an underscore
-and should not include the filename extension.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@import</span> "<span class="pl-v">foo/_bar.scss</span>";
-<span class="pl-k">@import</span> "<span class="pl-v">_bar.scss</span>";
-<span class="pl-k">@import</span> "<span class="pl-v">_bar</span>";
-<span class="pl-k">@import</span> "<span class="pl-v">bar.scss</span>";</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@import</span> "<span class="pl-v">foo/bar</span>";
-<span class="pl-k">@import</span> "<span class="pl-v">bar</span>";</pre></div><p>You can configure this linter to instead ensure that you <em>do</em> include the
+and should not include the filename extension.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@import</span> "<span class="pl-v">foo/_bar.scss</span>";<br/><span class="pl-k">@import</span> "<span class="pl-v">_bar.scss</span>";<br/><span class="pl-k">@import</span> "<span class="pl-v">_bar</span>";<br/><span class="pl-k">@import</span> "<span class="pl-v">bar.scss</span>";</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@import</span> "<span class="pl-v">foo/bar</span>";<br/><span class="pl-k">@import</span> "<span class="pl-v">bar</span>";</pre></div><p>You can configure this linter to instead ensure that you <em>do</em> include the
 leading underscore or the filename extension by setting either option to
 <code>true</code>. Being explicit might have its place, as long as you are consistent.</p><p><code>@import</code> declarations that Sass compiles directly into CSS <code>@import</code> rules
-will be ignored.</p><table>
-<thead>
+will be ignored.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>leading_underscore</code></td>
-<td>
-<code>false</code> or <code>true</code> (default <strong>false</strong>)</td>
+<td><code>false</code> or <code>true</code> (default <strong>false</strong>)</td>
 </tr>
 <tr>
 <td><code>filename_extension</code></td>
-<td>
-<code>false</code> or <code>true</code> (default <strong>false</strong>)</td>
+<td><code>false</code> or <code>true</code> (default <strong>false</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ImportantRule.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ImportantRule.html
new file mode 100644
index 0000000..a7c38e0
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ImportantRule.html
@@ -0,0 +1,5 @@
+<h1>Details</h1>
+<p>Avoid using <code>!important</code> in properties. It is usually indicative of a
+misunderstanding of CSS
+<a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity">specificity</a>
+and can lead to brittle code.</p><p><em>Bad</em></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#f00</span> <span class="pl-k">!important</span>;<br/>}</pre></div><p><em>Good</em></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#f00</span>;<br/>}</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Indentation.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Indentation.html
index dbc30d7..04d92eb 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Indentation.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Indentation.html
@@ -1,24 +1,23 @@
-<h1>Details</h1>
-<p>Use two spaces per indentation level.</p><p><strong>Bad: four spaces</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#f00</span>;
-}</pre></div><p><strong>Good: two spaces</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#f00</span>;
-}</pre></div><p>You can configure this linter to prefer tabs if you like.</p><table>
-<thead>
+<h1>Details</h1>
+<p>Use two spaces per indentation level.</p><p><strong>Bad: four spaces</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#f00</span>;<br/>}</pre></div><p><strong>Good: two spaces</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#f00</span>;<br/>}</pre></div><p>You can configure this linter to prefer tabs if you like.</p><p>For projects that follow BEM, you may prefer to allow arbitrary indentation for
+rule sets that aren't nested in order to give the visual hints of hierarchy
+without actually nesting selectors (which has a performance cost). For example:</p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.component</span> {}<br/>  <span class="pl-e">.component__image</span> {}<br/>  <span class="pl-e">.component__text</span> {}<br/>    <span class="pl-e">.component-subblock</span> {}<br/>    <span class="pl-e">.component-subblock__text</span> {}<br/>  <span class="pl-e">.component-category</span> {}<br/>    <span class="pl-e">.component-other</span> {}</pre></div><p>You can set <code>allow_non_nested_indentation</code> to <code>true</code> if this convention is
+preferred.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
+<tr>
+<td><code>allow_non_nested_indentation</code></td>
+<td>Whether non-nested rule sets can be arbitrarily indented (default <strong>false</strong>)</td>
+</tr>
 <tr>
 <td><code>character</code></td>
-<td>
-<code>tab</code> or <code>space</code> (default <strong>space</strong>)</td>
+<td><code>tab</code> or <code>space</code> (default <strong>space</strong>)</td>
 </tr>
 <tr>
 <td><code>width</code></td>
 <td>Number of <code>character</code>s per indentation level (default <strong>2</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/LeadingZero.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/LeadingZero.html
index c80e4d0..d7a0031 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/LeadingZero.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/LeadingZero.html
@@ -1,16 +1,12 @@
-<h1>Details</h1>
-<p>Don't write leading zeros for numeric values with a decimal point.</p><p><strong>Bad: unnecessary leading zero</strong></p><div class="highlight highlight-scss"><pre>margin: 0<span class="pl-e">.5em</span>;</pre></div><p><strong>Good: no leading zero</strong></p><div class="highlight highlight-scss"><pre>margin: <span class="pl-e">.5em</span>;</pre></div><p>You can configure this to prefer including leading zeros.</p><table>
-<thead>
+<h1>Details</h1>
+<p>Don't write leading zeros for numeric values with a decimal point.</p><p><strong>Bad: unnecessary leading zero</strong></p><div class="highlight highlight-source-scss"><pre>margin: 0<span class="pl-e">.5em</span>;</pre></div><p><strong>Good: no leading zero</strong></p><div class="highlight highlight-source-scss"><pre>margin: <span class="pl-e">.5em</span>;</pre></div><p>You can configure this to prefer including leading zeros.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>style</code></td>
-<td>
-<code>exclude_zero</code> or <code>include_zero</code> (default <strong>exclude_zero</strong>)</td>
+<td><code>exclude_zero</code> or <code>include_zero</code> (default <strong>exclude_zero</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/MergeableSelector.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/MergeableSelector.html
index 22170e4..d203fe9 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/MergeableSelector.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/MergeableSelector.html
@@ -1,50 +1,21 @@
-<h1>Details</h1>
-<p>Reports when you define the same selector twice in a single sheet.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">h1</span> {
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;
-}
-
-<span class="pl-e">.baz</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}
-
-<span class="pl-c">// Second copy of h1 rule</span>
-<span class="pl-ent">h1</span> {
-  <span class="pl-mp"><span class="pl-s3">text-transform</span></span>: <span class="pl-sc">uppercase</span>;
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">h1</span> {
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;
-  <span class="pl-mp"><span class="pl-s3">text-transform</span></span>: <span class="pl-sc">uppercase</span>;
-}
-
-<span class="pl-e">.baz</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-sc">red</span>;
-}</pre></div><p>Combining duplicate selectors can result in an easier to read sheet, but
+<h1>Details</h1>
+<p>Reports when you define the same selector twice in a single sheet.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">h1</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;<br/>}<br/><br/><span class="pl-e">.baz</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-c">// Second copy of h1 rule</span><br/><span class="pl-ent">h1</span> {<br/>  <span class="pl-c1"><span class="pl-c1">text-transform</span></span>: <span class="pl-c1">uppercase</span>;<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">h1</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;<br/>  <span class="pl-c1"><span class="pl-c1">text-transform</span></span>: <span class="pl-c1">uppercase</span>;<br/>}<br/><br/><span class="pl-e">.baz</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div><p>Combining duplicate selectors can result in an easier to read sheet, but
 occasionally the rules may be purposely duplicated to set precedence
 after a rule with the same CSS specificity. However, coding your
 stylesheets in this way makes them more difficult to comprehend, and can
 usually be avoided.</p><p>You can specify that rule sets which can be nested within another rule
-set must be nested via the <code>force_nesting</code> option, e.g.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">h1</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#fff</span>;
-}
-
-<span class="pl-ent">h1</span><span class="pl-e">.new</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#000</span>;
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">h1</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#fff</span>;
-
-  <span class="pl-ent">&amp;</span><span class="pl-e">.new</span> {
-    <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#000</span>;
-  }
-}</pre></div><table>
-<thead>
+set must be nested via the <code>force_nesting</code> option, e.g.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">h1</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#fff</span>;<br/>}<br/><br/><span class="pl-ent">h1</span><span class="pl-e">.new</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#000</span>;<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">h1</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#fff</span>;<br/><br/>  <span class="pl-ent">&amp;</span><span class="pl-e">.new</span> {<br/>    <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#000</span>;<br/>  }<br/>}</pre></div><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>force_nesting</code></td>
 <td>Ensure rule sets which can be nested are nested (default <strong>true</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+<tr>
+<td><code>whitelist</code></td>
+<td>A list of selectors that can MergeableSelector, list those used in <a href="https://github.com/angular/angular.dart/wiki/CSS-Shim">CSS Shims</a></td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NameFormat.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NameFormat.html
index 6ffe1ac..790bebe 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NameFormat.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NameFormat.html
@@ -1,41 +1,36 @@
-<h1>Details</h1>
-<p>Functions, mixins, and variables should be declared with all lowercase letters
-and hyphens instead of underscores.</p><p><strong>Bad: uppercase characters</strong></p><div class="highlight highlight-scss"><pre><span class="pl-vo">$myVar</span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;
-
-<span class="pl-k">@mixin</span> <span class="pl-en">myMixin</span>() {
-  ...
-}</pre></div><p><strong>Good: all lowercase with hyphens</strong></p><div class="highlight highlight-scss"><pre><span class="pl-vo">$my-var</span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;
-
-<span class="pl-k">@mixin</span> <span class="pl-en">my-mixin</span>() {
-  ...
-}</pre></div><p>Using lowercase with hyphens in CSS has become the <em>de facto</em> standard, and
-brings with it a couple of benefits. First of all, hyphens are easier to type
-than underscores, due to the additional <code>Shift</code> key required for underscores on
-most popular keyboard layouts. Furthermore, using hyphens in class names in
-particular allows you to take advantage of the
-<a href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors"><code>|=</code> attribute selector</a>,
-which allows you to write a selector like <code>[class|="inactive"]</code> to match both
-<code>inactive-user</code> and <code>inactive-button</code> classes.</p><p>The Sass parser automatically treats underscores and hyphens the same, so even
+<h1>Details</h1>
+<p>Functions, mixins, variables, and placeholders should be declared with all
+lowercase letters and hyphens instead of underscores.</p><p><strong>Bad: uppercase characters</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$myVar</span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;<br/><br/><span class="pl-k">@mixin</span> <span class="pl-en">myMixin</span>() {<br/>  ...<br/>}</pre></div><p><strong>Good: all lowercase with hyphens</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$my-var</span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;<br/><br/><span class="pl-k">@mixin</span> <span class="pl-en">my-mixin</span>() {<br/>  ...<br/>}</pre></div><p>The Sass parser automatically treats underscores and hyphens the same, so even
 if you're using a library that declares a function with an underscore, you can
 refer to it using the hyphenated form instead.</p><p>Depending on whether you use underscores to denote private functions within your
 code, you can set the <code>allow_leading_underscore</code> option (enabled by default)
 which will ignore leading underscores in names if they exist, allowing
-declarations like <code>@function _private-function() { ... }</code>.</p><p>You can also prefer the <a href="http://bem.info/method/">BEM</a> convention by setting the
-<code>convention</code> option to <code>BEM</code>. Any other value will be treated as a regex.</p><table>
-<thead>
+declarations like <code>@function _private-function() { ... }</code>. If you want to
+further enforce a private naming convention, use
+<a href="#privatenamingconvention">PrivateNamingConvention</a>.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>allow_leading_underscore</code></td>
 <td>Whether to allow names to start with a single underscore (default <code>true</code>)</td>
 </tr>
 <tr>
 <td><code>convention</code></td>
-<td>Name of convention to use (<code>hyphenated_lowercase</code> (default) or <code>BEM</code>), or a regex the name must match</td>
+<td>Name of convention to use (<code>hyphenated_lowercase</code> (default), <code>camel_case</code>, <code>snake_case</code>), or a regex the name must match (eg: <code>^[a-zA-Z]+$</code>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+<tr>
+<td><code>convention_explanation</code></td>
+<td>Custom catch-all explanation if you do not want to use the built-in explanations</td>
+</tr>
+<tr>
+<td><code>{type}_convention</code></td>
+<td>Convention to use for <code>{type}</code>s, where <code>{type}</code> is on of <code>function</code>, <code>mixin</code>, <code>variable</code>, or <code>placeholder</code></td>
+</tr>
+<tr>
+<td><code>{type}_convention_explanation</code></td>
+<td>Custom explanation for <code>{type}</code> convention, where <code>{type}</code> is one of <code>function</code>, <code>mixin</code>, <code>variable</code>, or <code>placeholder</code></td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NestingDepth.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NestingDepth.html
index f5e941b..1a42b28 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NestingDepth.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/NestingDepth.html
@@ -1,42 +1,20 @@
-<h1>Details</h1>
-<p>Avoid nesting selectors too deeply.</p><p><strong>Bad: deeply nested</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.one</span> {
-  <span class="pl-e">.two</span> {
-    <span class="pl-e">.three</span> {
-      <span class="pl-e">.four</span> {
-        ...
-      }
-    }
-  }
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.three</span><span class="pl-e">:hover</span> {
-}
-
-<span class="pl-e">.three</span> {
-  <span class="pl-ent">&amp;</span><span class="pl-e">:hover</span> {
-    ...
-  }
-}</pre></div><p>Overly nested rules will result in over-qualified CSS that could prove hard to
+<h1>Details</h1>
+<p>Avoid nesting selectors too deeply.</p><p><strong>Bad: deeply nested</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.one</span> {<br/>  <span class="pl-e">.two</span> {<br/>    <span class="pl-e">.three</span> {<br/>      <span class="pl-e">.four</span> {<br/>        ...<br/>      }<br/>    }<br/>  }<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.three</span><span class="pl-e">:hover</span> {<br/>}<br/><br/><span class="pl-e">.three</span> {<br/>  <span class="pl-ent">&amp;</span><span class="pl-e">:hover</span> {<br/>    ...<br/>  }<br/>}</pre></div><p>Overly nested rules will result in over-qualified CSS that could prove hard to
 maintain, output unnecessary selectors and is generally <a href="http://sass-lang.com/guide#topic-3">considered bad
 practice</a>.</p><p>This linter will not report an error if you have selectors with a large <a href="http://smacss.com/book/applicability">depth
 of applicability</a>. Use
-<a href="#selectordepth">SelectorDepth</a> for this purpose.</p><p><strong>No error</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.one</span> <span class="pl-e">.two</span> <span class="pl-e">.three</span> {
-  ...
-}</pre></div><p><strong>Error</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.one</span> {
-  <span class="pl-e">.two</span> {
-    <span class="pl-e">.three</span> {
-      ...
-    }
-  }
-}</pre></div><table>
-<thead>
+<a href="#selectordepth">SelectorDepth</a> for this purpose.</p><p><strong>No error</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.one</span> <span class="pl-e">.two</span> <span class="pl-e">.three</span> {<br/>  ...<br/>}</pre></div><p><strong>Error</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.one</span> {<br/>  <span class="pl-e">.two</span> {<br/>    <span class="pl-e">.three</span> {<br/>      ...<br/>    }<br/>  }<br/>}</pre></div><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>max_depth</code></td>
 <td>Maximum depth before reporting errors (default <strong>3</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+<tr>
+<td><code>ignore_parent_selectors</code></td>
+<td>Whether to report errors for parent selectors (default <strong>false</strong>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PlaceholderInExtend.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PlaceholderInExtend.html
index 1954e6c..21a8d9a 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PlaceholderInExtend.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PlaceholderInExtend.html
@@ -1,9 +1,6 @@
-<h1>Details</h1>
-<p>Always use placeholder selectors in <code>@extend</code>.</p><p><strong>Bad: extending a class</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.fatal</span> {
-  <span class="pl-k">@extend</span> <span class="pl-e">.error</span>;
-}</pre></div><p><strong>Good: extending a placeholder</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.fatal</span> {
-  <span class="pl-k">@extend</span> <span class="pl-e">%error</span>;
-}</pre></div><p>Using a class selector with the <code>@extend</code> statement statement usually results
-in more generated CSS than when using a placeholder selector.  Furthermore,
-Sass specifically introduced placeholder selectors in order to be used with
-<code>@extend</code>.</p><p>See <a href="http://8gramgorilla.com/mastering-sass-extends-and-placeholders/">Mastering Sass extends and placeholders</a>.</p>
\ No newline at end of file
+<h1>Details</h1>
+<p>Always use placeholder selectors in <code>@extend</code>.</p><p><strong>Bad: extending a class</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.fatal</span> {<br/>  <span class="pl-k">@extend</span> <span class="pl-e">.error</span>;<br/>}</pre></div><p><strong>Good: extending a placeholder</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.fatal</span> {<br/>  <span class="pl-k">@extend</span> <span class="pl-e">%error</span>;<br/>}</pre></div><p>Using a class selector with the <code>@extend</code> directive usually results in more
+generated CSS than when using a placeholder selector. Furthermore, Sass
+specifically introduced placeholder selectors in order to be used with
+<code>@extend</code>.</p><p>See <a href="http://8gramgorilla.com/mastering-sass-extends-and-placeholders/">Mastering Sass extends and placeholders</a>.</p><p>If you want to prevent the use of the <code>@extend</code> directive entirely, see the
+<a href="#extenddirective">ExtendDirective</a> linter.</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PrivateNamingConvention.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PrivateNamingConvention.html
new file mode 100644
index 0000000..6e5637f
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PrivateNamingConvention.html
@@ -0,0 +1,14 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Enforces that functions, mixins, and variables that follow the private naming
+convention (default to underscore-prefixed, e.g. <code>$_foo</code>) are defined and used
+within the same file.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$_foo</span>: <span class="pl-c1">#f00</span>;<br/><br/><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#00f</span>;<br/>}</pre></div><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-smi">$_foo</span>;<br/>}</pre></div><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-smi">$_foo</span>;<br/>}<br/><br/><span class="pl-smi">$_foo</span>: <span class="pl-c1">#f00</span>;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$_foo</span>: <span class="pl-c1">#f00</span>;<br/><br/><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-smi">$_foo</span>;<br/>}</pre></div><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>prefix</code></td>
+<td>Prefix used to denote "private" (default <code>_</code>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertyCount.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertyCount.html
new file mode 100644
index 0000000..ff31455
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertyCount.html
@@ -0,0 +1,22 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Limit the number of properties in a rule set.</p><p>Specifying a large number of properties in a rule set is usually an opportunity
+to break down the rule set into smaller more reusable components. It is also
+a sign that you might not be leveraging the true power of the "cascade", as you
+are explicitly defining a large number of properties many times.</p><p><strong>Bad: large number of properties</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.class</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#f00</span>;<br/>  <span class="pl-c1"><span class="pl-c1">font</span></span>: <span class="pl-c1">15</span><span class="pl-k">px</span> <span class="pl-c1">arial</span>, <span class="pl-c1">sans-serif</span>;<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<br/>  <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>;<br/>}</pre></div><p><strong>Good: small number of properties</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.class</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<br/>  <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>;<br/>}</pre></div><p>You can specify that the count of properties include properties in nested rule
+sets via the <code>include_nested</code> option. This is useful if you care about the
+overall complexity of a generated rule set, rather than just each individual
+set.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>include_nested</code></td>
+<td>Whether to include the properties in nested rule sets in the count</td>
+</tr>
+<tr>
+<td><code>max_properties</code></td>
+<td>Maximum number of properties</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySortOrder.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySortOrder.html
index 5dc5601..894e802 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySortOrder.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySortOrder.html
@@ -1,46 +1,43 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Sort properties in a strict order. By default, will require properties be
 sorted in alphabetical order, as it's brain dead simple (highlight lines and
 execute <code>:sort</code> in <code>vim</code>), and it can
 <a href="http://www.barryvan.com.au/2009/08/css-minifier-and-alphabetiser/">benefit gzip compression</a>.</p><p>You can also specify an explicit ordering via the <code>order</code> option, which allows
 you to specify an explicit array of properties representing the preferred
 order, or the name of a
-<a href="https://github.com/causes/scss-lint/tree/master/data/property-sort-orders">preset order</a>.
+<a href="/brigade/scss-lint/blob/master/data/property-sort-orders">preset order</a>.
 If a property is not in your explicit list, it will be placed at the bottom of
-the list, disregarding its order relative to other unspecified properties.</p><p>For example, to define a custom sort order, you can write:</p><div class="highlight highlight-yaml"><pre><span class="pl-s1"><span class="pl-ent">linters:</span></span>
-  <span class="pl-s1"><span class="pl-ent">PropertySortOrder:</span></span>
-    <span class="pl-s1"><span class="pl-ent">order:</span></span>
-      <span class="pl-s1">- <span class="pl-s1">display</span></span>
-      <span class="pl-s1">- <span class="pl-s1">margin</span></span>
-      <span class="pl-s1">- <span class="pl-s1">etc...</span></span></pre></div><p>Or you can use a preset order by writing:</p><div class="highlight highlight-yaml"><pre><span class="pl-s1"><span class="pl-ent">linters:</span></span>
-  <span class="pl-s1"><span class="pl-ent">PropertySortOrder:</span></span>
-    <span class="pl-s1"><span class="pl-ent">order:</span> <span class="pl-s1">concentric</span></span></pre></div><p>If you need to write vendor-prefixed properties, the linter will allow you to
+the list, disregarding its order relative to other unspecified properties.</p><p>For example, to define a custom sort order, you can write:</p><div class="highlight highlight-source-yaml"><pre><span class="pl-s"><span class="pl-ent">linters:</span></span><br/>  <span class="pl-s"><span class="pl-ent">PropertySortOrder:</span></span><br/>    <span class="pl-s"><span class="pl-ent">order:</span></span><br/>      <span class="pl-s">- <span class="pl-s">display</span></span><br/>      <span class="pl-s">- <span class="pl-s">margin</span></span><br/>      <span class="pl-s">- <span class="pl-s">etc...</span></span></pre></div><p>Or you can use a preset order by writing:</p><div class="highlight highlight-source-yaml"><pre><span class="pl-s"><span class="pl-ent">linters:</span></span><br/>  <span class="pl-s"><span class="pl-ent">PropertySortOrder:</span></span><br/>    <span class="pl-s"><span class="pl-ent">order:</span> <span class="pl-s">concentric</span></span></pre></div><p>You can enforce that "groups" of properties be visually separated by setting
+the <code>separate_groups</code> option to <code>true</code>. When specifying a custom order, you
+can indicate that you want two groups of properties to be visually separate
+by inserting an empty item, e.g.</p><div class="highlight highlight-source-yaml"><pre><span class="pl-s"><span class="pl-ent">linters:</span></span><br/>  <span class="pl-s"><span class="pl-ent">PropertySortOrder:</span></span><br/>    <span class="pl-s"><span class="pl-ent">order:</span></span><br/>      <span class="pl-s">- <span class="pl-s">display</span></span><br/>      <span class="pl-s">- <span class="pl-s">position</span></span><br/>      <span class="pl-s">-            </span><span class="pl-c"># This empty element signals a visual separation</span><br/>      <span class="pl-s">- <span class="pl-s">margin</span></span><br/>      <span class="pl-s">- <span class="pl-s">padding</span></span><br/>    <span class="pl-s"><span class="pl-ent">separate_groups:</span> <span class="pl-s">true</span></span></pre></div><p>This would result in the following separation being enforced:</p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">display</span></span>: <span class="pl-c1">block</span>;<br/>  <span class="pl-c1"><span class="pl-c1">position</span></span>: <span class="pl-c1">absolute</span>;<br/><br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<br/>  <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>;<br/>}</pre></div><p>Note that <code>separate_groups</code> is only enforced if a custom order is specified via
+the <code>order</code> option. Also note that if <code>ignore_unspecified</code> is <code>true</code> then
+properties which are "ignored" are considered as visual separators.</p><p>If you need to write vendor-prefixed properties, the linter will allow you to
 order the vendor-prefixed properties before the standard CSS property they
-apply to. For example:</p><div class="highlight highlight-scss"><pre>border: 0;
--moz-border-radius: 3px;
--o-border-radius: 3px;
--webkit-border-radius: 3px;
-border-radius: 3px;
-color: <span class="pl-e">#ccc</span>;
-margin: 5px;</pre></div><p>In this case, this is usually avoided by using mixins from a framework like
+apply to. For example:</p><div class="highlight highlight-source-scss"><pre>border: 0;<br/>-moz-border-radius: 3px;<br/>-o-border-radius: 3px;<br/>-webkit-border-radius: 3px;<br/>border-radius: 3px;<br/>color: <span class="pl-e">#ccc</span>;<br/>margin: 5px;</pre></div><p>In this case, this is usually avoided by using mixins from a framework like
 <a href="http://compass-style.org/">Compass</a> or <a href="http://bourbon.io/">Bourbon</a> so
 vendor-specific properties rarely need to be explicitly written by hand.</p><p>If you are specifying an explicit order for properties, note that
 vendor-prefixed properties will still be ordered based on the example above
-(i.e. you only need to specify normal properties in your list).</p><table>
-<thead>
+(i.e. you only need to specify normal properties in your list).</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
+<tr>
+<td><code>ignore_unspecified</code></td>
+<td>Whether to ignore properties that are not explicitly specified in <code>order</code> (default <strong>false</strong>)</td>
+</tr>
+<tr>
+<td><code>min_properties</code></td>
+<td>Minimum number of sortable properties (i.e. properties which are defined by the given <code>order</code>) present in the rule set before linting takes place (default <strong>2</strong>)</td>
+</tr>
 <tr>
 <td><code>order</code></td>
-<td>Array of properties, or the name of a <a href="https://github.com/causes/scss-lint/tree/master/data/property-sort-orders">preset order</a> (default is <code>nil</code>, resulting in alphabetical ordering)</td>
+<td>Array of properties, or the name of a <a href="/brigade/scss-lint/blob/master/data/property-sort-orders">preset order</a> (default is <code>nil</code>, resulting in alphabetical ordering)</td>
 </tr>
 <tr>
-<td><code>ignore_unspecified</code></td>
-<td>Whether to ignore properties that are not explicitly specified in <code>order</code> (default <strong>false</strong>)</td>
+<td><code>separate_groups</code></td>
+<td>Whether gaps between groups of properties should be enforced.</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySpelling.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySpelling.html
index ad6fdc2..c56cb2d 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySpelling.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertySpelling.html
@@ -1,27 +1,24 @@
-<h1>Details</h1>
-<p>Reports when you use an unknown CSS property (ignoring vendor-prefixed
-properties).</p><div class="highlight highlight-scss"><pre>diplay: none;<span class="pl-c"> // "display" is spelled incorrectly</span></pre></div><p>Since the list of available CSS properties is constantly changing, it's
+<h1>Details</h1>
+<p>Reports when you use an unknown or disabled CSS property (ignoring vendor-prefixed
+properties).</p><div class="highlight highlight-source-scss"><pre>diplay: none;<span class="pl-c"> // "display" is spelled incorrectly</span></pre></div><p>Since the list of available CSS properties is constantly changing, it's
 possible that you might get some false positives here, especially if you're
 using experimental CSS features. If that's the case, you can add additional
 properties to the whitelist by adding the following to your <code>.scss-lint.yml</code>
-configuration:</p><div class="highlight highlight-yaml"><pre><span class="pl-s1"><span class="pl-ent">linters:</span></span>
-  <span class="pl-s1"><span class="pl-ent">PropertySpelling:</span></span>
-    <span class="pl-s1"><span class="pl-ent">extra_properties:</span></span>
-      <span class="pl-s1">- <span class="pl-s1">some-experimental-property</span></span>
-      <span class="pl-s1">- <span class="pl-s1">another-experimental-property</span></span></pre></div><p>If you're sure the property in question is valid,
-<a href="https://github.com/causes/scss-lint/issues/new">submit a request</a>
+configuration:</p><div class="highlight highlight-source-yaml"><pre><span class="pl-s"><span class="pl-ent">linters:</span></span><br/>  <span class="pl-s"><span class="pl-ent">PropertySpelling:</span></span><br/>    <span class="pl-s"><span class="pl-ent">extra_properties:</span></span><br/>      <span class="pl-s">- <span class="pl-s">some-experimental-property</span></span><br/>      <span class="pl-s">- <span class="pl-s">another-experimental-property</span></span><br/>    <span class="pl-s"><span class="pl-ent">disabled_properties:</span></span><br/>      <span class="pl-s">- <span class="pl-s">some-existing-property</span></span><br/>      <span class="pl-s">- <span class="pl-s">another-existing-property</span></span></pre></div><p>If you're sure the property in question is valid,
+<a href="https://github.com/brigade/scss-lint/issues/new">submit a request</a>
 to add it to the
-<a href="/causes/scss-lint/blob/master/lib/scss_lint/linter/data/properties.txt">default whitelist</a>.</p><table>
-<thead>
+<a href="/brigade/scss-lint/blob/master/data/properties.txt">default whitelist</a>.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>extra_properties</code></td>
 <td>List of extra properties to allow</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+<tr>
+<td><code>disabled_properties</code></td>
+<td>List of existing properties to deny</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertyUnits.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertyUnits.html
new file mode 100644
index 0000000..933551c
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PropertyUnits.html
@@ -0,0 +1,19 @@
+<h1>Details</h1>
+<p>Configure which units are allowed for property values.</p><p>By default a value may have any kind of unit. You can adjust which units are
+allowed globally by setting the <code>global</code> option. Alternately, you can specify a
+list of units for a single property by adding it to the <code>properties</code> option,
+e.g.</p><div class="highlight highlight-source-yaml"><pre><span class="pl-s"><span class="pl-ent">PropertyUnits:</span></span><br/>  <span class="pl-s"><span class="pl-ent">global:</span> <span class="pl-s">['em', 'rem', '%'] </span></span><span class="pl-c"># Allow relative units globally</span><br/>  <span class="pl-s"><span class="pl-ent">properties:</span></span><br/>    <span class="pl-s"><span class="pl-ent">border:</span> <span class="pl-s">['px'] </span></span><span class="pl-c"># Only pixels</span><br/>    <span class="pl-s"><span class="pl-ent">line-height:</span> <span class="pl-s">[] </span></span><span class="pl-c"># No units allowed</span><br/>    <span class="pl-s"><span class="pl-ent">margin:</span> <span class="pl-s">['em', 'rem']</span></span></pre></div><p>With the above configuration, the following issues would be reported:</p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">1</span><span class="pl-k">rem</span> <span class="pl-c1">solid</span> <span class="pl-c1">blue</span>;<span class="pl-c"> // rem not in `border` list</span><br/>  <span class="pl-c1"><span class="pl-c1">line-height</span></span>: <span class="pl-c1">55</span><span class="pl-k">px</span>;<span class="pl-c"> // px not in `line-height` list</span><br/>  <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">10</span><span class="pl-k">px</span>;<span class="pl-c"> // px not in `global` list</span><br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">10</span><span class="pl-k">%</span>;<span class="pl-c"> // % not in `margin` list</span><br/>}</pre></div><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>global</code></td>
+<td>List of allowed units (by default any unit is allowed)</td>
+</tr>
+<tr>
+<td><code>properties</code></td>
+<td>Hash of property names and their list of allowed units. (empty by default)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PseudoElement.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PseudoElement.html
new file mode 100644
index 0000000..469b8dd
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/PseudoElement.html
@@ -0,0 +1,7 @@
+<h1>Details</h1>
+<p>Pseudo-elements, like <code>::before</code>, and <code>::first-letter</code>, should be declared with
+two colons. Pseudo-classes, like <code>:hover</code> and <code>:first-child</code>, should be
+declared with one colon.</p><p>If you're sure the pseudo-element in question is valid,
+<a href="https://github.com/brigade/scss-lint/issues/new">submit a request</a>
+to add it to the
+<a href="/brigade/scss-lint/blob/master/data/pseudo-elements.txt">default whitelist</a>.</p><p><strong>Bad: wrong colons</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span><span class="pl-e">:before</span> {<br/>  <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">'</span>&gt;<span class="pl-pds">'</span></span><br/>}<br/><br/><span class="pl-ent">p</span><span class="pl-e">::hover</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div><p><strong>Good: correct colons</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span><span class="pl-e">::before</span> {<br/>  <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">'</span>&gt;<span class="pl-pds">'</span></span><br/>}<br/><br/><span class="pl-ent">p</span><span class="pl-e">:hover</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/QualifyingElement.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/QualifyingElement.html
index be4036a..23cbbff 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/QualifyingElement.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/QualifyingElement.html
@@ -1,44 +1,14 @@
-<h1>Details</h1>
-<p>Avoid qualifying elements in selectors (also known as "tag-qualifying").</p><p><strong>Bad: qualifying elements</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">div</span><span class="pl-e">#thing</span> {
-  ...
-}
-
-<span class="pl-ent">ul</span><span class="pl-e">.list</span> {
-  ...
-}
-
-<span class="pl-ent">ul</span> <span class="pl-ent">li</span><span class="pl-e">.item</span> {
-  ...
-}
-
-<span class="pl-ent">a</span>[href="place"] {
-  ...
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">#thing</span> {
-  ...
-}
-
-<span class="pl-e">.list</span> {
-  ...
-}
-
-<span class="pl-ent">ul</span> <span class="pl-e">.item</span> {
-  ...
-}
-
-[href="place"] {
-  ...
-}</pre></div><p>Since IDs are unique, they will not apply to multiple elements, so there is no
+<h1>Details</h1>
+<p>Avoid qualifying elements in selectors (also known as "tag-qualifying").</p><p><strong>Bad: qualifying elements</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">div</span><span class="pl-e">#thing</span> {<br/>  ...<br/>}<br/><br/><span class="pl-ent">ul</span><span class="pl-e">.list</span> {<br/>  ...<br/>}<br/><br/><span class="pl-ent">ul</span> <span class="pl-ent">li</span><span class="pl-e">.item</span> {<br/>  ...<br/>}<br/><br/><span class="pl-ent">a</span>[href="place"] {<br/>  ...<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">#thing</span> {<br/>  ...<br/>}<br/><br/><span class="pl-e">.list</span> {<br/>  ...<br/>}<br/><br/><span class="pl-ent">ul</span> <span class="pl-e">.item</span> {<br/>  ...<br/>}<br/><br/>[href="place"] {<br/>  ...<br/>}</pre></div><p>Since IDs are unique, they will not apply to multiple elements, so there is no
 good reason to qualify an ID selector with an element.</p><p>In most cases, qualifying a class or attribute selector with an element adds
 unnecessary or undesirable specificity. Often the element qualifier is
 already superfluous; and if it is not, you will probably be better off
-refactoring so that it <em>can</em> be removed.</p><p>Use the options to allow certain qualifying elements.</p><table>
-<thead>
+refactoring so that it <em>can</em> be removed.</p><p>Use the options to allow certain qualifying elements.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>allow_element_with_attribute</code></td>
 <td>Allow elements to qualify attributes (default <em>false</em>)</td>
@@ -51,5 +21,4 @@ <h1>Details</h1>
 <td><code>allow_element_with_id</code></td>
 <td>Allow elements to qualify ids (default <em>false</em>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorDepth.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorDepth.html
index 62dca2a..80b4015 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorDepth.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorDepth.html
@@ -1,34 +1,15 @@
-<h1>Details</h1>
-<p>Don't write selectors with a depth of applicability greater than 3.</p><p><strong>Bad: selectors with depths of 4</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.one</span> <span class="pl-e">.two</span> <span class="pl-e">.three</span> &gt; <span class="pl-e">.four</span> {
-  ...
-}
-
-<span class="pl-e">.one</span> <span class="pl-e">.two</span> {
-  <span class="pl-e">.three</span> &gt; <span class="pl-e">.four</span> {
-    ...
-  }
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.one</span> <span class="pl-e">.two</span> <span class="pl-e">.three</span> {
-  ...
-}
-
-<span class="pl-e">.one</span> <span class="pl-e">.two</span> {
-  <span class="pl-e">.three</span> {
-    ...
-  }
-}</pre></div><p>Selectors with a large <a href="http://smacss.com/book/applicability">depth of applicability</a>
+<h1>Details</h1>
+<p>Don't write selectors with a depth of applicability greater than 3.</p><p><strong>Bad: selectors with depths of 4</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.one</span> <span class="pl-e">.two</span> <span class="pl-e">.three</span> &gt; <span class="pl-e">.four</span> {<br/>  ...<br/>}<br/><br/><span class="pl-e">.one</span> <span class="pl-e">.two</span> {<br/>  <span class="pl-e">.three</span> &gt; <span class="pl-e">.four</span> {<br/>    ...<br/>  }<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.one</span> <span class="pl-e">.two</span> <span class="pl-e">.three</span> {<br/>  ...<br/>}<br/><br/><span class="pl-e">.one</span> <span class="pl-e">.two</span> {<br/>  <span class="pl-e">.three</span> {<br/>    ...<br/>  }<br/>}</pre></div><p>Selectors with a large <a href="http://smacss.com/book/applicability">depth of applicability</a>
 lead to CSS tightly-coupled to your HTML structure, making it brittle to change.</p><p>Deep selectors also come with a performance penalty, which can affect rendering
 times, especially on mobile devices. While the default limit is 3, ideally it
-is better to use less than 3 whenever possible.</p><table>
-<thead>
+is better to use less than 3 whenever possible.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>max_depth</code></td>
 <td>Maximum depth before reporting errors (default <strong>3</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorFormat.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorFormat.html
index 703d02d..8629b8a 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorFormat.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SelectorFormat.html
@@ -1,26 +1,20 @@
-<h1>Details</h1>
-<p>It is good practice to choose a convention for naming selectors.</p><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-c">// convention: 'hyphenated_lowercase'</span>
-<span class="pl-e">.foo-bar-77</span>, foo-bar, <span class="pl-e">#foo-bar</span> {}
-
-<span class="pl-c">// convention: 'snake_case'</span>
-<span class="pl-e">.foo_bar77</span>, foo_bar, <span class="pl-e">#foo_bar</span> {}
-
-<span class="pl-c">// convention: 'camel_case'</span>
-<span class="pl-e">.fooBar77</span>, fooBar, <span class="pl-e">#fooBar</span> {}
-}</pre></div><p>You can specify different conventions for different types of selectors using the <code>[type]_convention</code> options.</p><p>Since you might need to overwrite selectors for third party stylesheets, you
+<h1>Details</h1>
+<p>It is good practice to choose a convention for naming selectors.</p><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-c">// convention: 'hyphenated_lowercase'</span><br/><span class="pl-e">.foo-bar-77</span>, foo-bar, <span class="pl-e">#foo-bar</span> {}<br/><br/><span class="pl-c">// convention: 'snake_case'</span><br/><span class="pl-e">.foo_bar77</span>, foo_bar, <span class="pl-e">#foo_bar</span> {}<br/><br/><span class="pl-c">// convention: 'camel_case'</span><br/><span class="pl-e">.fooBar77</span>, fooBar, <span class="pl-e">#fooBar</span> {}<br/>}</pre></div><p>You can specify different conventions for different types of selectors using the <code>[type]_convention</code> options.</p><p>Since you might need to overwrite selectors for third party stylesheets, you
 can specify <code>ignored_names</code> as an array of individual selectors to ignore.
 Another option is to specify <code>ignored_types</code> to globally ignore a certain
-type of selector.</p><table>
-<thead>
+type of selector.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>convention</code></td>
-<td>Name of convention to use (<code>hyphenated_lowercase</code> (default) or <code>snake_case</code>, <code>camel_case</code>, or <code>BEM</code>, or <code>hyphenated_BEM</code>), or a regex the name must match</td>
+<td>Name of convention to use (<code>hyphenated_lowercase</code> (default) or <code>snake_case</code>, <code>camel_case</code>, or <code>strict_BEM</code>, or <code>hyphenated_BEM</code>), or a regex the name must match. <strong>Note:</strong> If your project uses BEM, pay attention to the dialect of BEM you use. It may be <a href="https://en.bem.info/method/definitions/"><code>strict_BEM</code></a> or <a href="http://csswizardry.com/2013/01/mindbemding-getting-your-head-round-bem-syntax/"><code>hyphenated_BEM</code></a>.</td>
+</tr>
+<tr>
+<td><code>convention_explanation</code></td>
+<td>Custom catch-all explanation if you do not want to use the built-in explanations</td>
 </tr>
 <tr>
 <td><code>ignored_names</code></td>
@@ -31,20 +25,15 @@ <h1>Details</h1>
 <td>Array containing list of types of selectors to ignore (valid values are <code>attribute</code>, <code>class</code>, <code>element</code>, <code>id</code>, <code>placeholder</code>)</td>
 </tr>
 <tr>
-<td><code>attribute_convention</code></td>
-<td>Convention for attribute selectors only. See the <code>convention</code> option for possible values.</td>
-</tr>
-<tr>
-<td><code>class_convention</code></td>
-<td>Convention for class selectors only. See the <code>convention</code> option for possible values.</td>
-</tr>
-<tr>
-<td><code>id_convention</code></td>
-<td>Convention for id selectors only. See the <code>convention</code> option for possible values.</td>
+<td><code>{type}_convention</code></td>
+<td>Convention for <code>{type}</code> selectors only, where <code>{type}</code> is one of <code>attribute</code>, <code>class</code>, <code>id</code>, or <code>placeholder</code>. See the <code>convention</code> option for possible values.</td>
 </tr>
 <tr>
-<td><code>placeholder_convention</code></td>
-<td>Convention for placeholder selectors only. See the <code>convention</code> option for possible values.</td>
+<td><code>{type}_convention_explanation</code></td>
+<td>Custom explanation for <code>{type}</code> selector convention, where <code>{type}</code> is one of <code>attribute</code>, <code>class</code>, <code>id</code>, or <code>placeholder</code>.</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table><h3><a id="user-content-limitations" class="anchor" href="#limitations" aria-hidden="true"><svg aria-hidden="true" class="octicon octicon-link" height="16" role="img" version="1.1" viewBox="0 0 16 16" width="16"><path d="M4 9h1v1h-1c-1.5 0-3-1.69-3-3.5s1.55-3.5 3-3.5h4c1.45 0 3 1.69 3 3.5 0 1.41-0.91 2.72-2 3.25v-1.16c0.58-0.45 1-1.27 1-2.09 0-1.28-1.02-2.5-2-2.5H4c-0.98 0-2 1.22-2 2.5s1 2.5 2 2.5z m9-3h-1v1h1c1 0 2 1.22 2 2.5s-1.02 2.5-2 2.5H9c-0.98 0-2-1.22-2-2.5 0-0.83 0.42-1.64 1-2.09v-1.16c-1.09 0.53-2 1.84-2 3.25 0 1.81 1.55 3.5 3 3.5h4c1.45 0 3-1.69 3-3.5s-1.5-3.5-3-3.5z"></path></svg></a>Limitations</h3><p><code>SelectorFormat</code> will not resolve the parent selector reference (<code>&amp;</code>),
+and will ignore selectors containing any parent references.
+This is because these references cannot be resolved without compiling
+the Sass into actual CSS. If you would like to see such functionality,
+we'd love to merge a pull request!</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Shorthand.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Shorthand.html
index f34efa5..ebabf29 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Shorthand.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/Shorthand.html
@@ -1,2 +1,13 @@
-<h1>Details</h1>
-<p>Prefer the shortest shorthand form possible for properties that support it.</p><p><strong>Bad: all 4 sides specified with same value</strong></p><div class="highlight highlight-scss"><pre>margin: 1px 1px 1px 1px;</pre></div><p><strong>Good: equivalent to specifying 1px for all sides</strong></p><div class="highlight highlight-scss"><pre>margin: 1px;</pre></div>
\ No newline at end of file
+<h1>Details</h1>
+<p>Prefer the shortest shorthand form possible for properties that support it.</p><p><strong>Bad: all 4 sides specified with same value</strong></p><div class="highlight highlight-source-scss"><pre>margin: 1px 1px 1px 1px;</pre></div><p><strong>Good: equivalent to specifying 1px for all sides</strong></p><div class="highlight highlight-source-scss"><pre>margin: 1px;</pre></div><p>If you don't want to allow all possible shorthands, you can limit them by
+setting the <code>allowed_shorthands</code> array option to a subset of <code>[1, 2, 3]</code>.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>allowed_shorthands</code></td>
+<td>Array of allowed shorthand lengths (default <code>[1, 2, 3]</code>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerProperty.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerProperty.html
index 42f4f46..d9fdc3e 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerProperty.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerProperty.html
@@ -1,23 +1,14 @@
-<h1>Details</h1>
-<p>Properties within rule sets should each reside on their own line.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0</span>; <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">0</span>;
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0</span>;
-  <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">0</span>;
-}</pre></div><p>A special exception is made for single line rule sets. For example the
-following is acceptable:</p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> { <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0</span>; <span class="pl-mp"><span class="pl-s3">padding</span></span>: <span class="pl-c1">0</span>; }</pre></div><p>If you want to also report a lint for single line rule sets, set the
-<code>allow_single_line_rule_sets</code> option to <code>false</code>.</p><table>
-<thead>
+<h1>Details</h1>
+<p>Properties within rule sets should each reside on their own line.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>; <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>;<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>;<br/>  <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>;<br/>}</pre></div><p>A special exception is made for single line rule sets. For example the
+following is acceptable:</p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> { <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0</span>; <span class="pl-c1"><span class="pl-c1">padding</span></span>: <span class="pl-c1">0</span>; }</pre></div><p>If you want to also report a lint for single line rule sets, set the
+<code>allow_single_line_rule_sets</code> option to <code>false</code>.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>allow_single_line_rule_sets</code></td>
-<td>
-<code>true</code> or <code>false</code> (default <strong>true</strong>)</td>
+<td><code>true</code> or <code>false</code> (default <strong>true</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerSelector.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerSelector.html
index f622db0..4c764f3 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerSelector.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SingleLinePerSelector.html
@@ -1,9 +1,5 @@
-<h1>Details</h1>
-<p>Split selectors onto separate lines after each comma.</p><p><strong>Bad: comma-separated selectors not on their own lines</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.error</span> <span class="pl-ent">p</span>, <span class="pl-ent">p</span><span class="pl-e">.explanation</span> {
-  ...
-}</pre></div><p><strong>Good: each selector sequence is on its own line</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.error</span> <span class="pl-ent">p</span>,
-<span class="pl-ent">p</span><span class="pl-e">.explanation</span> {
-  ...
-}</pre></div><p>Note that selectors containing interpolation are ignored, since the Sass parser
+<h1>Details</h1>
+<p>Split selectors onto separate lines after each comma, and have each individual
+selector occupy a single line.</p><p><strong>Bad: comma-separated selectors not on their own lines</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.error</span> <span class="pl-ent">p</span>, <span class="pl-ent">p</span><span class="pl-e">.explanation</span> {<br/>  ...<br/>}</pre></div><p><strong>Bad: descendent selector spread over multiple lines</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.error</span><br/>  <span class="pl-ent">p</span>,<br/>  <span class="pl-ent">p</span><span class="pl-e">.explanation</span> {<br/>  ...<br/>}</pre></div><p><strong>Good: each selector sequence is on its own individual line</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.error</span> <span class="pl-ent">p</span>,<br/><span class="pl-ent">p</span><span class="pl-e">.explanation</span> {<br/>  ...<br/>}</pre></div><p>Note that selectors containing interpolation are ignored, since the Sass parser
 cannot construct the selector parse tree at parse time, only at run time (which
 is too late for <code>scss-lint</code> to do anything with).</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterComma.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterComma.html
index 1bc9152..f381794 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterComma.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterComma.html
@@ -1,4 +1,12 @@
-<h1>Details</h1>
-<p>Commas in lists should be followed by a space.</p><p><strong>Bad: no space after commas</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@include</span> <span class="pl-s3">box-shadow</span>(<span class="pl-c1">0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-s3">rgba</span>(<span class="pl-c1">0,0,0</span>,<span class="pl-c1">.2</span>));
-color: rgba(0,0,0,<span class="pl-e">.1</span>);</pre></div><p><strong>Good: commas followed by a space</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@include</span> <span class="pl-s3">box-shadow</span>(<span class="pl-c1">0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-s3">rgba</span>(<span class="pl-c1">0, 0, 0</span>,<span class="pl-c1"> .2</span>));
-color: rgba(0, 0, 0, <span class="pl-e">.1</span>);</pre></div>
\ No newline at end of file
+<h1>Details</h1>
+<p>Commas in lists should be followed by a space.</p><p><strong>Bad: no space after commas</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@include</span> <span class="pl-c1">box-shadow</span>(<span class="pl-c1">0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-c1">rgba</span>(<span class="pl-c1">0,0,0</span>,<span class="pl-c1">.2</span>));<br/>color: rgba(0,0,0,<span class="pl-e">.1</span>);</pre></div><p><strong>Good: commas followed by a space</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@include</span> <span class="pl-c1">box-shadow</span>(<span class="pl-c1">0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-c1">rgba</span>(<span class="pl-c1">0, 0, 0</span>,<span class="pl-c1"> .2</span>));<br/>color: rgba(0, 0, 0, <span class="pl-e">.1</span>);</pre></div><p>The <code>style</code> option allows you to specify a different preferred style.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>style</code></td>
+<td><code>one_space</code>, or <code>no_space</code> or <code>at_least_one_space</code> (default <strong>one_space</strong>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyColon.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyColon.html
index 85f4c4e..c77292d 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyColon.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyColon.html
@@ -1,17 +1,13 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Properties should be formatted with a single space separating the colon from
-the property's value.</p><p><strong>Bad: no space after colon</strong></p><div class="highlight highlight-scss"><pre>margin:0;</pre></div><p><strong>Bad: more than one space after colon</strong></p><div class="highlight highlight-scss"><pre>margin:  0;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre>margin: 0;</pre></div><p>The <code>style</code> option allows you to specify a different preferred style.</p><table>
-<thead>
+the property's value.</p><p><strong>Bad: no space after colon</strong></p><div class="highlight highlight-source-scss"><pre>margin:0;</pre></div><p><strong>Bad: more than one space after colon</strong></p><div class="highlight highlight-source-scss"><pre>margin:  0;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>margin: 0;</pre></div><p>The <code>style</code> option allows you to specify a different preferred style.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>style</code></td>
-<td>
-<code>one_space</code>, <code>no_space</code>, <code>at_least_one_space</code>, or <code>aligned</code> (default <strong>one_space</strong>)</td>
+<td><code>one_space</code>, <code>no_space</code>, <code>at_least_one_space</code>, <code>one_space_or_newline</code>, or <code>aligned</code> (default <strong>one_space</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyName.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyName.html
index b4a3763..64c8369 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyName.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterPropertyName.html
@@ -1,2 +1,2 @@
-<h1>Details</h1>
-<p>Properties should be formatted with no space between the name and the colon.</p><p><strong>Bad: space before colon</strong></p><div class="highlight highlight-scss"><pre>margin : 0;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre>margin: 0;</pre></div>
\ No newline at end of file
+<h1>Details</h1>
+<p>Properties should be formatted with no space between the name and the colon.</p><p><strong>Bad: space before colon</strong></p><div class="highlight highlight-source-scss"><pre>margin : 0;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>margin: 0;</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterVariableColon.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterVariableColon.html
new file mode 100644
index 0000000..702c2ab
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterVariableColon.html
@@ -0,0 +1,13 @@
+<h1>Details</h1>
+<p>Variables should be formatted with a single space separating the colon from
+the variable's value.</p><p><strong>Bad: no space after colon</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$my-color</span>:<span class="pl-c1">#fff</span>;</pre></div><p><strong>Bad: more than one space after colon</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$my-color</span>:  <span class="pl-c1">#fff</span>;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$my-color</span>: <span class="pl-c1">#fff</span>;</pre></div><p>The <code>style</code> option allows you to specify a different preferred style.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>style</code></td>
+<td><code>one_space</code>, <code>no_space</code>, <code>at_least_one_space</code> or <code>one_space_or_newline</code> (default <strong>one_space</strong>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterVariableName.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterVariableName.html
new file mode 100644
index 0000000..b16bf6d
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAfterVariableName.html
@@ -0,0 +1,2 @@
+<h1>Details</h1>
+<p>Variables should be formatted with no space between the name and the colon.</p><p><strong>Bad: space before colon</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$my-var</span> : <span class="pl-c1">0</span>;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$my-var</span>: <span class="pl-c1">0</span>;</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAroundOperator.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAroundOperator.html
new file mode 100644
index 0000000..e94fe5a
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceAroundOperator.html
@@ -0,0 +1,16 @@
+<h1>Details</h1>
+<p>Operators should be formatted with a single space on both sides of an infix
+operator. These include <code>+</code>, <code>-</code>, <code>*</code>, <code>/</code>, <code>%</code>, <code>==</code>, <code>!=</code>, <code>&gt;</code>, <code>&gt;=</code>, <code>&lt;</code>,
+and <code>&lt;=</code>.</p><p><strong>Bad: no space around operator</strong></p><div class="highlight highlight-source-scss"><pre>margin: 5px+5px;</pre></div><p><strong>Bad: more than one space around operator</strong></p><div class="highlight highlight-source-scss"><pre>margin: 5px   +   5px;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>margin: 5px + 5px;</pre></div><p>Note that this linter only applies to actual, evaluated operators. So values
+like <code>nth-child(2n+1)</code>, <code>10px/12px</code>, and <code>my-font</code> will not be linted, as they
+are valid CSS.</p><p>The <code>style</code> option allows you to specify a different preferred style.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>style</code></td>
+<td><code>one_space</code>, <code>at_least_one_space</code>, <code>no_space</code> (default <strong>one_space</strong>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBeforeBrace.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBeforeBrace.html
index 875b097..fa49941 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBeforeBrace.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBeforeBrace.html
@@ -1,33 +1,17 @@
-<h1>Details</h1>
-<p>Opening braces should be preceded by a single space.</p><p><strong>Bad: no space before brace</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span>{
-  ...
-}</pre></div><p><strong>Bad: more than one space before brace</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span>  {
-  ...
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  ...
-}</pre></div><p>Setting <code>allow_single_line_padding</code> to <code>true</code> allows you to use extra spaces to
-nicely align single line blocks, so you can write:</p><div class="highlight highlight-scss"><pre><span class="pl-e">.icon-chevron-up</span>    { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>030<span class="pl-pds">"</span></span>; } }
-<span class="pl-e">.icon-chevron-down</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>031<span class="pl-pds">"</span></span>; } }
-<span class="pl-e">.icon-chevron-left</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>032<span class="pl-pds">"</span></span>; } }
-<span class="pl-e">.icon-chevron-right</span> { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-mp"><span class="pl-s3">content</span></span>: <span class="pl-s1"><span class="pl-pds">"</span><span class="pl-cce">\e</span>033<span class="pl-pds">"</span></span>; } }</pre></div><p>Set <code>style</code> to <code>new_line</code> if you prefer to use a new line before braces, rather than a single space.</p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span>
-{
-  ...
-}</pre></div><table>
-<thead>
+<h1>Details</h1>
+<p>Opening braces should be preceded by a single space.</p><p><strong>Bad: no space before brace</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span>{<br/>  ...<br/>}</pre></div><p><strong>Bad: more than one space before brace</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span>  {<br/>  ...<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  ...<br/>}</pre></div><p>Setting <code>allow_single_line_padding</code> to <code>true</code> allows you to use extra spaces to
+nicely align single line blocks, so you can write:</p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.icon-chevron-up</span>    { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>030<span class="pl-pds">"</span></span>; } }<br/><span class="pl-e">.icon-chevron-down</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>031<span class="pl-pds">"</span></span>; } }<br/><span class="pl-e">.icon-chevron-left</span>  { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>032<span class="pl-pds">"</span></span>; } }<br/><span class="pl-e">.icon-chevron-right</span> { <span class="pl-ent">&amp;</span><span class="pl-e">:before</span> { <span class="pl-c1"><span class="pl-c1">content</span></span>: <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\e</span>033<span class="pl-pds">"</span></span>; } }</pre></div><p>Set <code>style</code> to <code>new_line</code> if you prefer to use a new line before braces, rather than a single space.</p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span><br/>{<br/>  ...<br/>}</pre></div><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>allow_single_line_padding</code></td>
 <td>Allow single line blocks to have extra spaces for nicer formatting (default <strong>false</strong>)</td>
 </tr>
 <tr>
 <td><code>style</code></td>
-<td>
-<code>space</code> or <code>new_line</code> (default <code>space</code>)</td>
+<td><code>space</code> or <code>new_line</code> (default <code>space</code>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBetweenParens.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBetweenParens.html
index 354f194..09505b7 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBetweenParens.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/SpaceBetweenParens.html
@@ -1,17 +1,12 @@
-<h1>Details</h1>
-<p>Parentheses should not be padded with spaces.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@include</span> <span class="pl-s3">box-shadow</span>(<span class="pl-c1"> 0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-s3">rgba</span>(<span class="pl-c1"> 0</span>,<span class="pl-c1"> 0</span>,<span class="pl-c1"> 0</span>,<span class="pl-c1"> .2</span> ) );
-color: rgba( 0, 0, 0, <span class="pl-e">.1</span> );</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-k">@include</span> <span class="pl-s3">box-shadow</span>(<span class="pl-c1">0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-s3">rgba</span>(<span class="pl-c1">0, 0, 0</span>,<span class="pl-c1"> .2</span>));
-color: rgba(0, 0, 0, <span class="pl-e">.1</span>);</pre></div><table>
-<thead>
+<h1>Details</h1>
+<p>Parentheses should not be padded with spaces.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@include</span> <span class="pl-c1">box-shadow</span>(<span class="pl-c1"> 0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-c1">rgba</span>(<span class="pl-c1"> 0</span>,<span class="pl-c1"> 0</span>,<span class="pl-c1"> 0</span>,<span class="pl-c1"> .2</span> ) );<br/>color: rgba( 0, 0, 0, <span class="pl-e">.1</span> );</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@include</span> <span class="pl-c1">box-shadow</span>(<span class="pl-c1">0 2</span><span class="pl-k">px</span><span class="pl-c1"> 2</span><span class="pl-k">px</span> <span class="pl-c1">rgba</span>(<span class="pl-c1">0, 0, 0</span>,<span class="pl-c1"> .2</span>));<br/>color: rgba(0, 0, 0, <span class="pl-e">.1</span>);</pre></div><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>spaces</code></td>
 <td>Spaces to require between parentheses (default <strong>0</strong>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/StringQuotes.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/StringQuotes.html
index 136e859..f5768e5 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/StringQuotes.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/StringQuotes.html
@@ -1,18 +1,14 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>String literals should be written with single quotes unless using double quotes
-would save on escape characters.</p><p><strong>Bad: double quotes</strong></p><div class="highlight highlight-scss"><pre>content: "hello";</pre></div><p><strong>Good: single quotes</strong></p><div class="highlight highlight-scss"><pre>content: 'hello';</pre></div><p><strong>Good: double quotes prevent the need for escaping single quotes</strong></p><div class="highlight highlight-scss"><pre>content: "'hello'";</pre></div><p>Single quotes are easier to type by virtue of not requiring the <code>Shift</code> key on
-most popular keyboard layouts.</p><table>
-<thead>
+would save on escape characters.</p><p><strong>Bad: double quotes</strong></p><div class="highlight highlight-source-scss"><pre>content: "hello";</pre></div><p><strong>Good: single quotes</strong></p><div class="highlight highlight-source-scss"><pre>content: 'hello';</pre></div><p><strong>Good: double quotes prevent the need for escaping single quotes</strong></p><div class="highlight highlight-source-scss"><pre>content: "'hello'";</pre></div><p>Single quotes are easier to type by virtue of not requiring the <code>Shift</code> key on
+most popular keyboard layouts.</p><table><thead>
 <tr>
 <th>Configuration Option</th>
 <th>Description</th>
 </tr>
-</thead>
-<tbody>
+</thead><tbody>
 <tr>
 <td><code>style</code></td>
-<td>
-<code>single_quotes</code> or <code>double_quotes</code> (default <code>single_quotes</code>)</td>
+<td><code>single_quotes</code> or <code>double_quotes</code> (default <code>single_quotes</code>)</td>
 </tr>
-</tbody>
-</table>
\ No newline at end of file
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingSemicolon.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingSemicolon.html
index bec8c18..8fcb515 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingSemicolon.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingSemicolon.html
@@ -1,11 +1,5 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Property values; <code>@extend</code>, <code>@include</code>, and <code>@import</code> directives; and variable
-declarations should always end with a semicolon.</p><p><strong>Bad: no semicolon</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#fff</span>
-}</pre></div><p><strong>Bad: space between value and semicolon</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#fff</span> ;
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-ent">p</span> {
-  <span class="pl-mp"><span class="pl-s3">color</span></span>: <span class="pl-c1">#fff</span>;
-}</pre></div><p>CSS allows you to omit the semicolon if the statement is the last statement in
+declarations should always end with a semicolon.</p><p><strong>Bad: no semicolon</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#fff</span><br/>}</pre></div><p><strong>Bad: space between value and semicolon</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#fff</span> ;<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#fff</span>;<br/>}</pre></div><p>CSS allows you to omit the semicolon if the statement is the last statement in
 the rule set. However, this introduces inconsistency and requires anyone adding
 a property after that property to remember to append a semicolon.</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingWhitespace.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingWhitespace.html
new file mode 100644
index 0000000..4b134ae
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingWhitespace.html
@@ -0,0 +1,2 @@
+<h1>Details</h1>
+<p>Reports lines containing trailing whitespace.</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingZero.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingZero.html
index 50e3116..b524920 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingZero.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TrailingZero.html
@@ -1,3 +1,3 @@
-<h1>Details</h1>
-<p>Don't write trailing zeros for numeric values with a decimal point.</p><p><strong>Bad: unnecessary trailing zero</strong></p><div class="highlight highlight-scss"><pre>margin: <span class="pl-e">.500em</span>;</pre></div><p><strong>Good: no trailing zero</strong></p><div class="highlight highlight-scss"><pre>margin: <span class="pl-e">.5em</span>;</pre></div><p>The extra zeros are unnecessary and just add additional bytes to the resulting
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Don't write trailing zeros for numeric values with a decimal point.</p><p><strong>Bad: unnecessary trailing zero</strong></p><div class="highlight highlight-source-scss"><pre>margin: <span class="pl-e">.500em</span>;</pre></div><p><strong>Good: no trailing zero</strong></p><div class="highlight highlight-source-scss"><pre>margin: <span class="pl-e">.5em</span>;</pre></div><p>The extra zeros are unnecessary and just add additional bytes to the resulting
 generated CSS.</p>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TransitionAll.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TransitionAll.html
new file mode 100644
index 0000000..428a12f
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/TransitionAll.html
@@ -0,0 +1,2 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Don't use the <code>all</code> keyword to specify transition properties.</p><p><strong>Bad: use of transition all</strong></p><div class="highlight highlight-source-scss"><pre>transition: all <span class="pl-e">.5s</span> ease-in;</pre></div><p><strong>Good: explicitly specify properties to transition</strong></p><div class="highlight highlight-source-scss"><pre>transition: color <span class="pl-e">.5s</span> ease-in, margin-bottom <span class="pl-e">.5s</span> ease-in;</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryMantissa.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryMantissa.html
index 3335793..4d187b1 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryMantissa.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryMantissa.html
@@ -1,5 +1,4 @@
-<h1>Details</h1>
-<p>Numeric values should not contain unnecessary fractional portions.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre>margin: 1<span class="pl-e">.0em</span>;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre>margin: 1em;</pre></div><p>Sass will automatically convert integers to floats when necessary, making the
+<h1>Details</h1>
+<p>Numeric values should not contain unnecessary fractional portions.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre>margin: 1<span class="pl-e">.0em</span>;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>margin: 1em;</pre></div><p>Sass will automatically convert integers to floats when necessary, making the
 use of a fractional component in a value to "force" it to be a floating point
-number unnecessary. For example, the following code:</p><div class="highlight highlight-scss"><pre><span class="pl-vo">$margin</span>: <span class="pl-c1">1</span>;
-<span class="pl-ent">p</span> { <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-vo">$margin</span> /<span class="pl-c1"> 2</span>; }</pre></div><p>...will compile to:</p><div class="highlight highlight-css"><pre><span class="pl-ent">p</span> { <span class="pl-mp"><span class="pl-s3">margin</span></span>: <span class="pl-c1">0.5</span>; }</pre></div>
\ No newline at end of file
+number unnecessary. For example, the following code:</p><div class="highlight highlight-source-scss"><pre><span class="pl-smi">$margin</span>: <span class="pl-c1">1</span>;<br/><span class="pl-ent">p</span> { <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-smi">$margin</span> /<span class="pl-c1"> 2</span>; }</pre></div><p>...will compile to:</p><div class="highlight highlight-source-css"><pre><span class="pl-ent">p</span> { <span class="pl-c1"><span class="pl-c1">margin</span></span>: <span class="pl-c1">0.5</span>; }</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryParentReference.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryParentReference.html
index 4a2fbb0..e630bef 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryParentReference.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UnnecessaryParentReference.html
@@ -1,10 +1,3 @@
-<h1>Details</h1>
+<h1>Details</h1>
 <p>Do not use parent selector references (<code>&amp;</code>) when they would otherwise be
-unnecessary.</p><p><strong>Bad</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.foo</span> {
-  <span class="pl-ent">&amp;</span> &gt; <span class="pl-e">.bar</span> {
-    ...
-  }
-}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre><span class="pl-e">.foo</span> {
-  &gt; <span class="pl-e">.bar</span> {
-  }
-}</pre></div>
\ No newline at end of file
+unnecessary.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.foo</span> {<br/>  <span class="pl-ent">&amp;</span> &gt; <span class="pl-e">.bar</span> {<br/>    ...<br/>  }<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-e">.foo</span> {<br/>  &gt; <span class="pl-e">.bar</span> {<br/>  }<br/>}</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlFormat.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlFormat.html
index 6f332a6..5d5ffa7 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlFormat.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlFormat.html
@@ -1,3 +1,3 @@
-<h1>Details</h1>
-<p>URLs should not contain protocols or domain names.</p><p>Including protocols or domains in URLs makes them brittle to change, and also
-unnecessarily increases the size of your CSS documents, reducing performance.</p><p><strong>Bad: protocol and domain present</strong></p><div class="highlight highlight-scss"><pre>background: url('https:<span class="pl-c">//example.com/assets/image.png');</span></pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre>background: url('assets/image<span class="pl-e">.png</span>');</pre></div>
\ No newline at end of file
+<h1>Details</h1>
+<p>URLs should be valid and not contain protocols or domain names.</p><p>Including protocols or domains in URLs makes them brittle to change, and also
+unnecessarily increases the size of your CSS documents, reducing performance.</p><p><strong>Bad: protocol and domain present</strong></p><div class="highlight highlight-source-scss"><pre>background: url('https:<span class="pl-c">//example.com/assets/image.png');</span></pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>background: url('assets/image<span class="pl-e">.png</span>');</pre></div>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlQuotes.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlQuotes.html
index f8c2182..b2833c1 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlQuotes.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/UrlQuotes.html
@@ -1,5 +1,5 @@
-<h1>Details</h1>
-<p>URLs should always be enclosed within quotes.</p><p><strong>Bad: no enclosing quotes</strong></p><div class="highlight highlight-scss"><pre>background: url(example<span class="pl-e">.png</span>);</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre>background: url('example<span class="pl-e">.png</span>');</pre></div><p>Using quoted URLs is consistent with using other Sass asset helpers, which also
+<h1>Details</h1>
+<p>URLs should always be enclosed within quotes.</p><p><strong>Bad: no enclosing quotes</strong></p><div class="highlight highlight-source-scss"><pre>background: url(example<span class="pl-e">.png</span>);</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>background: url('example<span class="pl-e">.png</span>');</pre></div><p>Using quoted URLs is consistent with using other Sass asset helpers, which also
 expect quoted strings. It also works better with most syntax highlighters, and
 makes it easier to escape characters, as the escape rules for strings apply,
 rather than the different set of rules for literal URLs.</p><p>See the <a href="http://dev.w3.org/csswg/css-values/#url-value">URL type</a> documentation
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/VariableForProperty.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/VariableForProperty.html
new file mode 100644
index 0000000..42d376d
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/VariableForProperty.html
@@ -0,0 +1,18 @@
+<h1>Details</h1>
+<p><strong>Disabled by default</strong></p><p>Properties, like <code>color</code> and <code>font</code>, are easier to read and maintain when
+defined using variables rather than literals.</p><p><strong>Bad</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.warning</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">#ff0</span>;<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-ent">p</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-smi">$body-text</span>;<br/>}<br/><br/><span class="pl-e">.warning</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-smi">$body-warning</span>;<br/>}</pre></div><p>By using variables, you can describe the semantics of the property value rather
+than just using the literal value (improving readability) and also make it
+easier to perform side-wide changes as you only need to change the value in one
+place, rather than several.</p><p>By default, this linter does not enforce the use of variables for any property.
+To enable it, set the <code>properties</code> option in your configuration, e.g.</p><div class="highlight highlight-source-yaml"><pre><span class="pl-s"><span class="pl-ent">linters:</span></span><br/>  <span class="pl-s"><span class="pl-ent">VariableForProperty:</span></span><br/>    <span class="pl-s"><span class="pl-ent">enabled:</span> <span class="pl-s">true</span></span><br/>    <span class="pl-s"><span class="pl-ent">properties:</span></span><br/>      <span class="pl-s">- <span class="pl-s">color</span></span><br/>      <span class="pl-s">- <span class="pl-s">font</span></span></pre></div><p>Note that values like <code>currentColor</code>, <code>inherit</code>, and <code>transparent</code> will not be
+reported, as they are special kinds of values that convey additional meaning.</p><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>properties</code></td>
+<td>Array of property names to check</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/VendorPrefix.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/VendorPrefix.html
new file mode 100644
index 0000000..7064ac4
--- /dev/null
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/VendorPrefix.html
@@ -0,0 +1,23 @@
+<h1>Details</h1>
+<p>Avoid vendor prefixes. That is, don't write them yourself.</p><p>Instead, you can use Autoprefixer or mixins -- such as Compass or Bourbon -- to add vendor prefixes to your code. (If using your own mixins, make sure to exempt their source from this linter.)</p><p>At-rules, selectors, properties, and values are all checked. (See the examples below.)</p><p>The default <code>identifier_list</code>, <code>base</code>, should include everything that Autoprefixer addresses. You could also use a list covering Bourbon's CSS3 mixins: <code>bourbon</code>. If neither of those suit you, you can write your own identifier list.</p><p>Additionally, you can manually include or exclude identifiers from the identifier list -- if, for example, you want to use pretty much all of the <code>base</code> list but also want to allow yourself to use vendor prefixed <code>transform</code> properties, for one reason or another.</p><p>All identifiers used by the <code>identifier_list</code>, <code>additional_identifiers</code>, or
+<code>excluded_identifiers</code> are stripped of vendor prefixes. See <a href="/brigade/scss-lint/blob/master/data/prefixed-identifiers">the predefined
+lists</a>
+for examples.</p><p><strong>Bad: vendor prefixes</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-k">@-webkit-keyframes</span> <span class="pl-en">anim</span> {<br/>  0% { <span class="pl-c1"><span class="pl-c1">opacity</span></span>: <span class="pl-c1">0</span>; }<br/>}<br/><br/>::-moz-placeholder {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.foo</span> {<br/>  <span class="pl-c1">-webkit-<span class="pl-c1">transition</span></span>: <span class="pl-c1">none</span>;<br/>}<br/><br/><span class="pl-e">.bar</span> {<br/>  <span class="pl-c1"><span class="pl-c1">position</span></span>: -moz<span class="pl-c1">-</span>sticky;<br/>}</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre><span class="pl-c">// With Autoprefixer ...</span><br/><span class="pl-k">@keyframes</span> <span class="pl-en">anim</span> {<br/>  0% { <span class="pl-c1"><span class="pl-c1">opacity</span></span>: <span class="pl-c1">0</span>; }<br/>}<br/><br/>::placeholder {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}<br/><br/><span class="pl-e">.foo</span> {<br/>  <span class="pl-c1"><span class="pl-c1">transition</span></span>: <span class="pl-c1">none</span>;<br/>}<br/><br/><span class="pl-e">.bar</span> {<br/>  <span class="pl-c1"><span class="pl-c1">position</span></span>: sticky;<br/>}<br/><br/><span class="pl-c">// With Bourbon mixin</span><br/><span class="pl-k">@include</span> <span class="pl-c1">placeholder</span> {<br/>  <span class="pl-c1"><span class="pl-c1">color</span></span>: <span class="pl-c1">red</span>;<br/>}</pre></div><table><thead>
+<tr>
+<th>Configuration Option</th>
+<th>Description</th>
+</tr>
+</thead><tbody>
+<tr>
+<td><code>identifier_list</code></td>
+<td>Name of predefined identifier list to use (<code>base</code> or <code>bourbon</code>) or an array of identifiers (default <code>base</code>)</td>
+</tr>
+<tr>
+<td><code>additional_identifiers</code></td>
+<td>Identifiers to lint, in addition to the <code>identifier_list</code> (default <code>[]</code>)</td>
+</tr>
+<tr>
+<td><code>excluded_identifiers</code></td>
+<td>Identifers in the <code>identifier_list</code> and <code>additional_identifiers</code> to exclude from linting (default <code>[]</code>)</td>
+</tr>
+</tbody></table>
\ No newline at end of file
diff --git a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ZeroUnit.html b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ZeroUnit.html
index f4ff13b..ed9c81b 100644
--- a/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ZeroUnit.html
+++ b/sonar-web-frontend-scss/src/main/resources/rules/scsslint/ZeroUnit.html
@@ -1,5 +1,5 @@
-<h1>Details</h1>
-<p>Omit length units on zero values.</p><p><strong>Bad: unnecessary units</strong></p><div class="highlight highlight-scss"><pre>margin: 0px;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-scss"><pre>margin: 0;</pre></div><p>Zero is zero regardless of the units of length.</p><p>Note that this only applies to
+<h1>Details</h1>
+<p>Omit length units on zero values.</p><p><strong>Bad: unnecessary units</strong></p><div class="highlight highlight-source-scss"><pre>margin: 0px;</pre></div><p><strong>Good</strong></p><div class="highlight highlight-source-scss"><pre>margin: 0;</pre></div><p>Zero is zero regardless of the units of length.</p><p>Note that this only applies to
 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/length">lengths</a>,
 since it is invalid to omit units for other types such as
 <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/angle">angles</a> or
diff --git a/sonar-web-frontend-typescript/.gitignore b/sonar-web-frontend-typescript/.gitignore
new file mode 100644
index 0000000..e1bb6cf
--- /dev/null
+++ b/sonar-web-frontend-typescript/.gitignore
@@ -0,0 +1,2 @@
+/target
+/target/*
diff --git a/sonar-web-frontend-typescript/pom.xml b/sonar-web-frontend-typescript/pom.xml
new file mode 100644
index 0000000..93c089d
--- /dev/null
+++ b/sonar-web-frontend-typescript/pom.xml
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
+	<modelVersion>4.0.0</modelVersion>
+
+	<parent>
+		<groupId>fr.sii.sonar</groupId>
+		<artifactId>sonar-sii-plugin-parent</artifactId>
+		<version>2.0.1-SNAPSHOT</version>
+	</parent>
+
+	<artifactId>sonar-web-frontend-typescript</artifactId>
+	<packaging>sonar-plugin</packaging>
+
+	<name>SII web frontend plugin :: TypeScript</name>
+	<description>Consume reports generated by tslint for code quality. Also consume reports for code duplication (either simian or cpd). Consumes the unit/integration tests reports (generated by Jasmin) coverage report (lcov generated by Istanbul). The information generated by reports are added in Sonar</description>
+
+	<dependencies>
+		<dependency>
+			<groupId>fr.sii.sonar</groupId>
+			<artifactId>sonar-report-core</artifactId>
+			<version>${project.version}</version>
+		</dependency>
+		<dependency>
+			<groupId>fr.sii.sonar</groupId>
+			<artifactId>sonar-coverage-lcov</artifactId>
+			<version>${project.version}</version>
+		</dependency>
+		<dependency>
+			<groupId>fr.sii.sonar</groupId>
+			<artifactId>sonar-test-junit</artifactId>
+			<version>${project.version}</version>
+		</dependency>
+		<dependency>
+			<groupId>fr.sii.sonar</groupId>
+			<artifactId>sonar-duplication-cpd</artifactId>
+			<version>${project.version}</version>
+		</dependency>
+		<dependency>
+			<groupId>fr.sii.sonar</groupId>
+			<artifactId>sonar-duplication-simian</artifactId>
+			<version>${project.version}</version>
+		</dependency>
+	</dependencies>
+
+	<build>
+		<plugins>
+			<plugin>
+				<groupId>org.codehaus.sonar</groupId>
+				<artifactId>sonar-packaging-maven-plugin</artifactId>
+				<version>${sonar.plugin.version}</version>
+				<extensions>true</extensions>
+				<configuration>
+					<pluginClass>fr.sii.sonar.web.frontend.typescript.TypeScriptPlugin</pluginClass>
+				</configuration>
+			</plugin>
+		</plugins>
+	</build>
+
+</project>
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScript.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScript.java
new file mode 100644
index 0000000..d93be14
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScript.java
@@ -0,0 +1,14 @@
+package fr.sii.sonar.web.frontend.typescript;
+
+import org.sonar.api.config.Settings;
+
+import fr.sii.sonar.report.core.common.language.ConfigurableLanguage;
+
+public class TypeScript extends ConfigurableLanguage {
+
+	public TypeScript(Settings settings) {
+		super(settings, TypeScriptLanguageConstants.LANGUAGE_KEY, TypeScriptLanguageConstants.FILE_SUFFIXES_KEY, TypeScriptLanguageConstants.FILE_SUFFIXES_DEFVALUE, "TS");
+	}
+
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScriptLanguageConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScriptLanguageConstants.java
new file mode 100644
index 0000000..cd06c43
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScriptLanguageConstants.java
@@ -0,0 +1,16 @@
+package fr.sii.sonar.web.frontend.typescript;
+
+import fr.sii.sonar.report.core.common.ReportConstants;
+import fr.sii.sonar.report.core.common.language.LanguageConstants;
+
+public abstract class TypeScriptLanguageConstants implements ReportConstants, LanguageConstants {
+	public static final String FILE_SUFFIXES_KEY = "sonar.sii.ts.suffixes";
+	public static final String FILE_SUFFIXES_DEFVALUE = ".ts";
+	public static final String LANGUAGE_KEY = "ts";
+	public static final String CATEGORY = "TypeScript";
+	public static final String SUB_CATEGORY = "General";
+	
+	public String getLanguageKey() {
+		return LANGUAGE_KEY;
+	}
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScriptPlugin.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScriptPlugin.java
new file mode 100644
index 0000000..31e577e
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/TypeScriptPlugin.java
@@ -0,0 +1,219 @@
+package fr.sii.sonar.web.frontend.typescript;
+
+import java.util.Arrays;
+import java.util.List;
+
+import org.sonar.api.SonarPlugin;
+import org.sonar.api.config.PropertyDefinition;
+import org.sonar.api.resources.Qualifiers;
+
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.web.frontend.typescript.coverage.LcovIntegrationCoverageConstants;
+import fr.sii.sonar.web.frontend.typescript.coverage.LcovIntegrationCoverageSensor;
+import fr.sii.sonar.web.frontend.typescript.coverage.LcovOverallCoverageConstants;
+import fr.sii.sonar.web.frontend.typescript.coverage.LcovOverallCoverageSensor;
+import fr.sii.sonar.web.frontend.typescript.coverage.LcovUnitCoverageConstants;
+import fr.sii.sonar.web.frontend.typescript.coverage.LcovUnitCoverageSensor;
+import fr.sii.sonar.web.frontend.typescript.duplication.TypeScriptDuplicationConstants;
+import fr.sii.sonar.web.frontend.typescript.duplication.TypeScriptDuplicationSensor;
+import fr.sii.sonar.web.frontend.typescript.quality.TslintQualityConstants;
+import fr.sii.sonar.web.frontend.typescript.quality.TslintQualitySensor;
+import fr.sii.sonar.web.frontend.typescript.quality.TslintProfileDefinition;
+import fr.sii.sonar.web.frontend.typescript.quality.TslintRulesDefinition;
+import fr.sii.sonar.web.frontend.typescript.test.JUnitConstants;
+import fr.sii.sonar.web.frontend.typescript.test.JUnitIntegrationConstants;
+import fr.sii.sonar.web.frontend.typescript.test.JUnitIntegrationReportSensor;
+import fr.sii.sonar.web.frontend.typescript.test.JUnitReportSensor;
+
+/**
+ * This class is the entry point for all extensions
+ */
+public final class TypeScriptPlugin extends SonarPlugin {
+
+
+	// This is where you're going to declare all your Sonar extensions
+	@SuppressWarnings({ "rawtypes" })
+	public List getExtensions() {
+		return Arrays.asList(
+				// needed here for standalone version
+				PluginDependencies.class,
+				
+				// general configuration
+				PropertyDefinition.builder(TypeScriptLanguageConstants.FILE_SUFFIXES_KEY)
+		            .defaultValue(TypeScriptLanguageConstants.FILE_SUFFIXES_DEFVALUE)
+		            .category(TypeScriptLanguageConstants.CATEGORY)
+		            .subCategory(TypeScriptLanguageConstants.SUB_CATEGORY)
+		            .name("File suffixes for TypeScript files")
+		            .description("Comma-separated list of suffixes for files to analyze.")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				
+		        TypeScript.class,
+		            
+		        // Quality configuration
+				PropertyDefinition.builder(TslintQualityConstants.REPORT_PATH_KEY)
+		            .defaultValue(TslintQualityConstants.REPORT_PATH_DEFVALUE)
+		            .category(TslintQualityConstants.CATEGORY)
+		            .subCategory(TslintQualityConstants.SUB_CATEGORY)
+		            .name("TypeScript quality report path")
+		            .description("The path to the TypeScript report file to load")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(TslintQualityConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(TslintQualityConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(TslintQualityConstants.CATEGORY)
+		            .subCategory(TslintQualityConstants.SUB_CATEGORY)
+		            .name("Fail on missing source file")
+		            .description("True to stop analysis if a source file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(TslintQualityConstants.SKIP_FILE_METRICS_KEY)
+		            .defaultValue(TslintQualityConstants.SKIP_FILE_METRICS_DEFVALUE)
+		            .category(TslintQualityConstants.CATEGORY)
+		            .subCategory(TslintQualityConstants.SUB_CATEGORY)
+		            .name("Skip save of file metrics")
+		            .description("If you have several plugins that are able to handle TypeScript, you may have an error (Can not add the same measure twice). Set it to true to let the other plugin save the metrics")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+	            TslintQualityConstants.class,
+				TslintRulesDefinition.class,
+				TslintProfileDefinition.class,
+				TslintQualitySensor.class,
+				
+				// Unit coverage configuration
+				PropertyDefinition.builder(LcovUnitCoverageConstants.REPORT_PATH_KEY)
+		            .defaultValue(LcovUnitCoverageConstants.REPORT_PATH_DEFVALUE)
+		            .category(LcovUnitCoverageConstants.CATEGORY)
+		            .subCategory(LcovUnitCoverageConstants.SUB_CATEGORY)
+		            .name("TypeScript unit tests coverage report path")
+		            .description("The path to the TypeScript report file to load for unit tests coverage")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(LcovUnitCoverageConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(LcovUnitCoverageConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(LcovUnitCoverageConstants.CATEGORY)
+		            .subCategory(LcovUnitCoverageConstants.SUB_CATEGORY)
+		            .name("Fail on missing source file")
+		            .description("True to stop analysis if a source file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+				LcovUnitCoverageConstants.class,
+				LcovUnitCoverageSensor.class,
+				
+				// Integration coverage configuration
+				PropertyDefinition.builder(LcovIntegrationCoverageConstants.REPORT_PATH_KEY)
+		            .defaultValue(LcovIntegrationCoverageConstants.REPORT_PATH_DEFVALUE)
+		            .category(LcovIntegrationCoverageConstants.CATEGORY)
+		            .subCategory(LcovIntegrationCoverageConstants.SUB_CATEGORY)
+		            .name("TypeScript integration tests coverage report path")
+		            .description("The path to the TypeScript report file to load for integration tests coverage")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(LcovIntegrationCoverageConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(LcovIntegrationCoverageConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(LcovIntegrationCoverageConstants.CATEGORY)
+		            .subCategory(LcovIntegrationCoverageConstants.SUB_CATEGORY)
+		            .name("Fail on missing source file")
+		            .description("True to stop analysis if a source file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+				LcovIntegrationCoverageConstants.class,
+				LcovIntegrationCoverageSensor.class,
+				
+				// Overall coverage configuration
+				PropertyDefinition.builder(LcovOverallCoverageConstants.REPORT_PATH_KEY)
+		            .defaultValue(LcovOverallCoverageConstants.REPORT_PATH_DEFVALUE)
+		            .category(LcovOverallCoverageConstants.CATEGORY)
+		            .subCategory(LcovOverallCoverageConstants.SUB_CATEGORY)
+		            .name("TypeScript overall tests coverage report path")
+		            .description("The path to the TypeScript report file to load for overall tests coverage")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(LcovOverallCoverageConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(LcovOverallCoverageConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(LcovOverallCoverageConstants.CATEGORY)
+		            .subCategory(LcovOverallCoverageConstants.SUB_CATEGORY)
+		            .name("Fail on missing source file")
+		            .description("True to stop analysis if a source file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+				LcovOverallCoverageConstants.class,
+				LcovOverallCoverageSensor.class,
+				
+				// Unit testing configuration
+				PropertyDefinition.builder(JUnitConstants.REPORT_PATH_KEY)
+		            .defaultValue(JUnitConstants.REPORT_PATH_DEFVALUE)
+		            .category(JUnitConstants.CATEGORY)
+		            .subCategory(JUnitConstants.SUB_CATEGORY)
+		            .name("TypeScript junit unit test report path")
+		            .description("The path to the TypeScript report file to load that contains unit test results")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(JUnitConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(JUnitConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(JUnitConstants.CATEGORY)
+		            .subCategory(JUnitConstants.SUB_CATEGORY)
+		            .name("Fail on missing test file")
+		            .description("True to stop analysis if a test file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+				JUnitConstants.class,
+				JUnitReportSensor.class,
+				
+				// Integration testing configuration
+				PropertyDefinition.builder(JUnitIntegrationConstants.REPORT_PATH_KEY)
+		            .defaultValue(JUnitIntegrationConstants.REPORT_PATH_DEFVALUE)
+		            .category(JUnitIntegrationConstants.CATEGORY)
+		            .subCategory(JUnitIntegrationConstants.SUB_CATEGORY)
+		            .name("TypeScript junit integration test report path")
+		            .description("The path to the TypeScript report file to load that contains integration test results")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(JUnitIntegrationConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(JUnitIntegrationConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(JUnitIntegrationConstants.CATEGORY)
+		            .subCategory(JUnitIntegrationConstants.SUB_CATEGORY)
+		            .name("Fail on missing test file")
+		            .description("True to stop analysis if a test file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+				JUnitIntegrationConstants.class,
+				JUnitIntegrationReportSensor.class,
+				
+				// Duplication configuration
+				PropertyDefinition.builder(TypeScriptDuplicationConstants.REPORT_PATH_KEY)
+		            .defaultValue(TypeScriptDuplicationConstants.REPORT_PATH_DEFVALUE)
+		            .category(TypeScriptDuplicationConstants.CATEGORY)
+		            .subCategory(TypeScriptDuplicationConstants.SUB_CATEGORY)
+		            .name("TypeScript duplication report path")
+		            .description("The path to the TypeScript report file to load")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(TypeScriptDuplicationConstants.FAIL_MISSING_FILE_KEY)
+		            .defaultValue(TypeScriptDuplicationConstants.FAIL_MISSING_FILE_DEFVALUE)
+		            .category(TypeScriptDuplicationConstants.CATEGORY)
+		            .subCategory(TypeScriptDuplicationConstants.SUB_CATEGORY)
+		            .name("Fail on missing source file")
+		            .description("True to stop analysis if a source file is not found")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+				PropertyDefinition.builder(TypeScriptDuplicationConstants.SKIP_DUPLICATION_KEY)
+		            .defaultValue(TypeScriptDuplicationConstants.SKIP_DUPLICATION_DEFVAL)
+		            .category(TypeScriptDuplicationConstants.CATEGORY)
+		            .subCategory(TypeScriptDuplicationConstants.SUB_CATEGORY)
+		            .name("Skip duplication analysis")
+		            .description("True to skip code duplication analysis done by this plugin")
+		            .onQualifiers(Qualifiers.PROJECT)
+		            .build(),
+
+	            TypeScriptDuplicationConstants.class,
+				TypeScriptDuplicationSensor.class
+		);
+	}
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovIntegrationCoverageConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovIntegrationCoverageConstants.java
new file mode 100644
index 0000000..cb794f7
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovIntegrationCoverageConstants.java
@@ -0,0 +1,22 @@
+package fr.sii.sonar.web.frontend.typescript.coverage;
+
+import fr.sii.sonar.report.core.common.ReportConstants;
+import fr.sii.sonar.report.core.coverage.CoverageConstants;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+
+public class LcovIntegrationCoverageConstants extends TypeScriptLanguageConstants implements ReportConstants, CoverageConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.coverage.it.ts.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.coverage.it.ts.file.missing.fail";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/ts-it.lcov";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String SUB_CATEGORY = "Coverage";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+	
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovIntegrationCoverageSensor.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovIntegrationCoverageSensor.java
new file mode 100644
index 0000000..7856225
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovIntegrationCoverageSensor.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.web.frontend.typescript.coverage;
+
+import fr.sii.sonar.coverage.lcov.factory.LcovProviderFactory;
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.coverage.domain.CoverageReport;
+import fr.sii.sonar.report.core.coverage.factory.IntegrationCoverageSaverFactory;
+
+/**
+ * Sensor specific to TypeScript code coverage for integration tests that loads LCOV report
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class LcovIntegrationCoverageSensor extends ReportSensor<CoverageReport> {
+
+	public LcovIntegrationCoverageSensor(LcovIntegrationCoverageConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new LcovProviderFactory(), new IntegrationCoverageSaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovOverallCoverageConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovOverallCoverageConstants.java
new file mode 100644
index 0000000..b4ff4db
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovOverallCoverageConstants.java
@@ -0,0 +1,22 @@
+package fr.sii.sonar.web.frontend.typescript.coverage;
+
+import fr.sii.sonar.report.core.common.ReportConstants;
+import fr.sii.sonar.report.core.coverage.CoverageConstants;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+
+public class LcovOverallCoverageConstants extends TypeScriptLanguageConstants implements ReportConstants, CoverageConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.coverage.overall.ts.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.coverage.overall.ts.file.missing.fail";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/ts-overall.lcov";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String SUB_CATEGORY = "Coverage";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+	
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovOverallCoverageSensor.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovOverallCoverageSensor.java
new file mode 100644
index 0000000..82c4579
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovOverallCoverageSensor.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.web.frontend.typescript.coverage;
+
+import fr.sii.sonar.coverage.lcov.factory.LcovProviderFactory;
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.coverage.domain.CoverageReport;
+import fr.sii.sonar.report.core.coverage.factory.OverallCoverageSaverFactory;
+
+/**
+ * Sensor specific to TypeScript code coverage for overall tests that loads LCOV report
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class LcovOverallCoverageSensor extends ReportSensor<CoverageReport> {
+
+	public LcovOverallCoverageSensor(LcovOverallCoverageConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new LcovProviderFactory(), new OverallCoverageSaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovUnitCoverageConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovUnitCoverageConstants.java
new file mode 100644
index 0000000..8942b1d
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovUnitCoverageConstants.java
@@ -0,0 +1,22 @@
+package fr.sii.sonar.web.frontend.typescript.coverage;
+
+import fr.sii.sonar.report.core.common.ReportConstants;
+import fr.sii.sonar.report.core.coverage.CoverageConstants;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+
+public class LcovUnitCoverageConstants extends TypeScriptLanguageConstants implements ReportConstants, CoverageConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.coverage.ut.ts.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.coverage.ut.ts.file.missing.fail";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/ts-ut.lcov";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String SUB_CATEGORY = "Coverage";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+	
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovUnitCoverageSensor.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovUnitCoverageSensor.java
new file mode 100644
index 0000000..9e30994
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/coverage/LcovUnitCoverageSensor.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.web.frontend.typescript.coverage;
+
+import fr.sii.sonar.coverage.lcov.factory.LcovProviderFactory;
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.coverage.domain.CoverageReport;
+import fr.sii.sonar.report.core.coverage.factory.UnitCoverageSaverFactory;
+
+/**
+ * Sensor specific to TypeScript code coverage for unit tests that loads LCOV report
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class LcovUnitCoverageSensor extends ReportSensor<CoverageReport> {
+
+	public LcovUnitCoverageSensor(LcovUnitCoverageConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new LcovProviderFactory(), new UnitCoverageSaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/duplication/TypeScriptDuplicationConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/duplication/TypeScriptDuplicationConstants.java
new file mode 100644
index 0000000..8f779b2
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/duplication/TypeScriptDuplicationConstants.java
@@ -0,0 +1,27 @@
+package fr.sii.sonar.web.frontend.typescript.duplication;
+
+import fr.sii.sonar.report.core.duplication.DuplicationConstants;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+
+public class TypeScriptDuplicationConstants extends TypeScriptLanguageConstants implements DuplicationConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.duplication.ts.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.duplication.ts.file.missing.fail";
+	public static final String SKIP_DUPLICATION_KEY = "sonar.sii.duplication.ts.skip";
+	public static final String SKIP_DUPLICATION_DEFVAL = "false";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/ts-duplication.xml";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String SUB_CATEGORY = "Duplication";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+	
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+	public String getSkipDuplicationKey() {
+		return SKIP_DUPLICATION_KEY;
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/duplication/TypeScriptDuplicationSensor.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/duplication/TypeScriptDuplicationSensor.java
new file mode 100644
index 0000000..33adbfa
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/duplication/TypeScriptDuplicationSensor.java
@@ -0,0 +1,24 @@
+package fr.sii.sonar.web.frontend.typescript.duplication;
+
+import fr.sii.sonar.duplication.cpd.provider.CpdProvider;
+import fr.sii.sonar.duplication.simian.provider.SimianProvider;
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.common.factory.FallbackProviderFactory;
+import fr.sii.sonar.report.core.duplication.domain.DuplicationReport;
+import fr.sii.sonar.report.core.duplication.factory.DuplicationSaverFactory;
+
+/**
+ * Sensor specific to code duplication that loads duplication report (either CPD or Simian)
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class TypeScriptDuplicationSensor extends ReportSensor<DuplicationReport> {
+
+	@SuppressWarnings({ "unchecked" })
+	public TypeScriptDuplicationSensor(TypeScriptDuplicationConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new FallbackProviderFactory<DuplicationReport>(CpdProvider.class, SimianProvider.class), new DuplicationSaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintProfileDefinition.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintProfileDefinition.java
new file mode 100644
index 0000000..ee36789
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintProfileDefinition.java
@@ -0,0 +1,20 @@
+package fr.sii.sonar.web.frontend.typescript.quality;
+
+import org.sonar.api.rules.RuleFinder;
+
+import fr.sii.sonar.report.core.quality.profile.JsonProfileParser;
+import fr.sii.sonar.report.core.quality.profile.ProfileFileDefinition;
+
+/**
+ * Just a specific implementation to help dependency injection
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class TslintProfileDefinition extends ProfileFileDefinition {
+
+	public TslintProfileDefinition(RuleFinder ruleFinder, TslintQualityConstants constants) {
+		super(constants.getProfileJsonPath(), new JsonProfileParser(), ruleFinder);
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintQualityConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintQualityConstants.java
new file mode 100644
index 0000000..94d18c1
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintQualityConstants.java
@@ -0,0 +1,49 @@
+package fr.sii.sonar.web.frontend.typescript.quality;
+
+import fr.sii.sonar.report.core.common.rules.RulesDefinitionConstants;
+import fr.sii.sonar.report.core.quality.ProfileDefinitionConstants;
+import fr.sii.sonar.report.core.quality.QualityConstants;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+
+public class TslintQualityConstants extends TypeScriptLanguageConstants implements QualityConstants, RulesDefinitionConstants, ProfileDefinitionConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.quality.ts.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.quality.ts.file.missing.fail";
+	public static final String SKIP_FILE_METRICS_KEY = "sonar.sii.quality.ts.file.metrics.skip";
+	public static final String SKIP_FILE_METRICS_DEFVALUE = "false";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/tslint.json";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String RULES_PATH = "/rules/tslint.json";
+	public static final String REPOSITORY_NAME = "TSLint";
+	public static final String REPOSITORY_KEY = "tslint";
+	public static final String SUB_CATEGORY = "Quality";
+	public static final String PROFILE_PATH = "/profiles/tslint.json";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+	
+	public String getRepositoryKey() {
+		return REPOSITORY_KEY;
+	}
+
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+	public String getRepositoryName() {
+		return REPOSITORY_NAME;
+	}
+
+	public String getRulesJsonPath() {
+		return RULES_PATH;
+	}
+
+	public String getProfileJsonPath() {
+		return PROFILE_PATH;
+	}
+
+	public String getSkipFileMetricsKey() {
+		return SKIP_FILE_METRICS_KEY;
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintQualitySensor.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintQualitySensor.java
new file mode 100644
index 0000000..43123fd
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintQualitySensor.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.web.frontend.typescript.quality;
+
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.quality.domain.report.QualityReport;
+import fr.sii.sonar.report.core.quality.factory.JsonQualityReportProviderFactory;
+import fr.sii.sonar.report.core.quality.factory.QualitySaverFactory;
+
+/**
+ * Just a specific implementation to help dependency injection
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class TslintQualitySensor extends ReportSensor<QualityReport> {
+
+	public TslintQualitySensor(TslintQualityConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new JsonQualityReportProviderFactory(), new QualitySaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintRulesDefinition.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintRulesDefinition.java
new file mode 100644
index 0000000..5c55c6c
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/quality/TslintRulesDefinition.java
@@ -0,0 +1,17 @@
+package fr.sii.sonar.web.frontend.typescript.quality;
+
+import fr.sii.sonar.report.core.common.rules.ComposableRulesDefinition;
+
+/**
+ * Repository for tslint rules
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class TslintRulesDefinition extends ComposableRulesDefinition {
+
+	public TslintRulesDefinition(TslintQualityConstants constants) {
+		super(constants);
+	}
+
+}
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitConstants.java
new file mode 100644
index 0000000..745ebd0
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitConstants.java
@@ -0,0 +1,26 @@
+package fr.sii.sonar.web.frontend.typescript.test;
+
+import fr.sii.sonar.report.core.test.TestConstants;
+import fr.sii.sonar.report.core.test.domain.Type;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+
+public class JUnitConstants extends TypeScriptLanguageConstants implements TestConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.test.ut.ts.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.test.ut.ts.file.missing.fail";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/ts-ut.xml";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String SUB_CATEGORY = "Unit testing";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+	public Type getType() {
+		return Type.UNIT;
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitIntegrationConstants.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitIntegrationConstants.java
new file mode 100644
index 0000000..05ed208
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitIntegrationConstants.java
@@ -0,0 +1,26 @@
+package fr.sii.sonar.web.frontend.typescript.test;
+
+import fr.sii.sonar.report.core.test.TestConstants;
+import fr.sii.sonar.report.core.test.domain.Type;
+import fr.sii.sonar.web.frontend.typescript.TypeScriptLanguageConstants;
+
+public class JUnitIntegrationConstants extends TypeScriptLanguageConstants implements TestConstants {
+	public static final String REPORT_PATH_KEY = "sonar.sii.test.it.ts.report.path";
+	public static final String FAIL_MISSING_FILE_KEY = "sonar.sii.test.it.ts.file.missing.fail";
+	public static final String REPORT_PATH_DEFVALUE = "/reports/sonar/ts-it.xml";
+	public static final String FAIL_MISSING_FILE_DEFVALUE = "true";
+	public static final String SUB_CATEGORY = "Integration testing";
+	
+	public String getReportPathKey() {
+		return REPORT_PATH_KEY;
+	}
+	
+	public String getMissingFileFailKey() {
+		return FAIL_MISSING_FILE_KEY;
+	}
+
+	public Type getType() {
+		return Type.INTEGRATION;
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitIntegrationReportSensor.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitIntegrationReportSensor.java
new file mode 100644
index 0000000..221cb0e
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitIntegrationReportSensor.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.web.frontend.typescript.test;
+
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.test.domain.TestReport;
+import fr.sii.sonar.report.core.test.factory.TestSaverFactory;
+import fr.sii.sonar.report.test.junit.factory.JUnitFallbackProviderFactory;
+
+/**
+ * Sensor specialized to load JUnit report file and save integration test measures
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class JUnitIntegrationReportSensor extends ReportSensor<TestReport> {
+
+	public JUnitIntegrationReportSensor(JUnitIntegrationConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new JUnitFallbackProviderFactory(), new TestSaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitReportSensor.java b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitReportSensor.java
new file mode 100644
index 0000000..0c307c2
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/java/fr/sii/sonar/web/frontend/typescript/test/JUnitReportSensor.java
@@ -0,0 +1,21 @@
+package fr.sii.sonar.web.frontend.typescript.test;
+
+import fr.sii.sonar.report.core.common.PluginDependencies;
+import fr.sii.sonar.report.core.common.ReportSensor;
+import fr.sii.sonar.report.core.test.domain.TestReport;
+import fr.sii.sonar.report.core.test.factory.TestSaverFactory;
+import fr.sii.sonar.report.test.junit.factory.JUnitFallbackProviderFactory;
+
+/**
+ * Sensor specialized to load JUnit report file and save unit test measures
+ * 
+ * @author Aurélien Baudet
+ *
+ */
+public class JUnitReportSensor extends ReportSensor<TestReport> {
+
+	public JUnitReportSensor(JUnitConstants constants, PluginDependencies pluginDependencies) {
+		super(constants, pluginDependencies, new JUnitFallbackProviderFactory(), new TestSaverFactory());
+	}
+
+}
diff --git a/sonar-web-frontend-typescript/src/main/resources/profiles/tslint.json b/sonar-web-frontend-typescript/src/main/resources/profiles/tslint.json
new file mode 100644
index 0000000..41f1eb5
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/profiles/tslint.json
@@ -0,0 +1,12 @@
+{
+	"name": "tslint",
+	"language": "ts",
+	"repositories": [{
+		"key": "tslint",
+		"rules": "/rules/tslint.json"
+	}],
+	"rules": [{
+		"repositoryKey": "tslint",
+		"key": "unknown-rule"
+	}]
+}
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/jshint.css b/sonar-web-frontend-typescript/src/main/resources/rules/jshint.css
new file mode 100644
index 0000000..e69de29
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint.json b/sonar-web-frontend-typescript/src/main/resources/rules/tslint.json
new file mode 100644
index 0000000..4d95136
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint.json
@@ -0,0 +1,877 @@
+[ {
+  "key" : "member-access",
+  "name" : "Member access",
+  "description" : "Requires explicit visibility declarations for class members.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "member-ordering",
+  "name" : "Member ordering",
+  "description" : "Enforces member ordering.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-any",
+  "name" : "No any",
+  "description" : "Diallows usages of any as a type declaration.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-inferrable-types",
+  "name" : "No inferrable types",
+  "description" : "Disallows explicit type declarations for variables or parameters initialized to a number, string, or boolean.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "useless", "performance" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-internal-module",
+  "name" : "No internal module",
+  "description" : "Disallows internal module",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "confusing", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-namespace",
+  "name" : "No namespace",
+  "description" : "Disallows use of internal modules and namespaces.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "obsolete", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "no-reference",
+  "name" : "No reference",
+  "description" : "Disallows /// <reference path=> imports (use ES6-style imports instead).",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "obsolete", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "no-var-requires",
+  "name" : "No var requires",
+  "description" : "Disallows the use of require statements except in import statements.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "MAINTAINABILITY_COMPLIANCE"
+  }
+}, {
+  "key" : "typedef",
+  "name" : "Typedef",
+  "description" : "Requires type definitions to exist.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "typedef-whitespace",
+  "name" : "Typedef whitespace",
+  "description" : "Requires or disallows whitespace for type definitions.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "ban",
+  "name" : "Ban",
+  "description" : "Bans the use of specific functions.",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "forbidden" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "curly",
+  "name" : "Curly",
+  "description" : "Enforces braces for if/for/do/while statements.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "forin",
+  "name" : "Forin",
+  "description" : "Requires a for ... in statement to be filtered with an if statement.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "suspicious", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "label-position",
+  "name" : "Label position",
+  "description" : "Only allows labels in sensible locations.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "label-undefined",
+  "name" : "Label undefined",
+  "description" : "Checks that labels are defined before usage.",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "tslint", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_RELIABILITY"
+  }
+}, {
+  "key" : "no-arg",
+  "name" : "No arg",
+  "description" : "Disallows use of arguments.callee.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "performance", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "CPU_EFFICIENCY"
+  }
+}, {
+  "key" : "no-bitwise",
+  "name" : "No bitwise",
+  "description" : "Disallows bitwise operators.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "suspicious", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-conditional-assignment",
+  "name" : "No conditional assignment",
+  "description" : "Disallows any type of assignment in conditionals.",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "tslint", "suspicious", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-console",
+  "name" : "No console",
+  "description" : "Bans the use of specified console methods.",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-construct",
+  "name" : "No construct",
+  "description" : "Disallows access to the constructors of String, Number, and Boolean.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-debugger",
+  "name" : "No debugger",
+  "description" : "Disallows debugger statements.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-duplicate-key",
+  "name" : "No duplicate key",
+  "description" : "Disallows duplicate keys in object literals.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "suspicious", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "no-duplicate-variable",
+  "name" : "No duplicate variable",
+  "description" : "Disallows duplicate variable declarations in the same block scope.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "10min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-empty",
+  "name" : "No empty",
+  "description" : "Disallows empty blocks.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-eval",
+  "name" : "No eval",
+  "description" : "Disallows eval function invocations.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "security" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "30min"
+    },
+    "sqaleSubCharacteristic" : "API_ABUSE"
+  }
+}, {
+  "key" : "no-invalid-this",
+  "name" : "No invalid this",
+  "description" : "Disallows using the this keyword outside of classes.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-null-keyword",
+  "name" : "No null keyword",
+  "description" : "Disallows use of the null keyword literal.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "no-shadowed-variable",
+  "name" : "No shadowed variable",
+  "description" : "Disallows shadowing variable declarations.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "20min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-string-literal",
+  "name" : "No string literal",
+  "description" : "Disallows object access via string literals.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "pitfall", "type-safe" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "ARCHITECTURE_CHANGEABILITY"
+  }
+}, {
+  "key" : "no-switch-case-fall-through",
+  "name" : "No switch case fall through",
+  "description" : "Disallows falling through case statements.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "pitfall", "bad-practice" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-unreachable",
+  "name" : "No unreachable",
+  "description" : "Disallows unreachable code after break, catch, throw, and return statements.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "suspicious", "bad-practice", "dead-code" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-unused-expression",
+  "name" : "No unused expression",
+  "description" : "Disallows unused expression statements.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "suspicious", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-unused-variable",
+  "name" : "No unused variable",
+  "description" : "Disallows unused imports, variables, functions and private class members.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "unused" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-use-before-declare",
+  "name" : "No use before declare",
+  "description" : "Disallows usage of variables before their declaration.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "no-var-keyword",
+  "name" : "No var keyword",
+  "description" : "Disallows usage of the var keyword.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "radix",
+  "name" : "Radix",
+  "description" : "Requires the radix parameter to be specified when calling parseInt.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "INSTRUCTION_RELIABILITY"
+  }
+}, {
+  "key" : "switch-default",
+  "name" : "Switch default",
+  "description" : "Require a default case in all switch statements.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "DATA_CHANGEABILITY"
+  }
+}, {
+  "key" : "triple-equals",
+  "name" : "Triple equals",
+  "description" : "Requires === and !== in place of == and !=.",
+  "severity" : "CRITICAL",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "pitfall", "suspicious" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "use-isnan",
+  "name" : "Use isnan",
+  "description" : "Enforces use of the isNaN() function to check for NaN references instead of a comparison to the NaN constant.",
+  "severity" : "BLOCKER",
+  "status" : null,
+  "tags" : [ "tslint", "bad-practice", "bug" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LOGIC_RELIABILITY"
+  }
+}, {
+  "key" : "use-strict",
+  "name" : "Use strict",
+  "description" : "Requires using ECMAScript 5’s strict mode.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "SOFTWARE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "eofline",
+  "name" : "Eofline",
+  "description" : "Ensures the file ends with a newline.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "indent",
+  "name" : "Indent",
+  "description" : "Enforces indentation with tabs or spaces.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "max-line-length",
+  "name" : "Max line length",
+  "description" : "Requires lines to be under a certain max length.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-default-export",
+  "name" : "No default export",
+  "description" : "Disallows default exports in ES6-style modules.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "tools" ],
+  "debt" : null
+}, {
+  "key" : "no-require-imports",
+  "name" : "No require imports",
+  "description" : "Disallows invocation of require().",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "es6" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "no-trailing-whitespace",
+  "name" : "No trailing whitespace",
+  "description" : "Disallows trailing whitespace at the end of a line.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "object-literal-sort-keys",
+  "name" : "Object literal sort keys",
+  "description" : "Requires keys in object literals to be sorted alphabetically",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "trailing-comma",
+  "name" : "Trailing comma",
+  "description" : "Requires or disallows trailing commas in array and object literals, destructuring assignments and named imports.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "align",
+  "name" : "Align",
+  "description" : "Enforces vertical alignment.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "class-name",
+  "name" : "Class name",
+  "description" : "Enforces PascalCased class and interface names.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "5min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "comment-format",
+  "name" : "Comment format",
+  "description" : "Enforces formatting rules for single-line comments.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "interface-name",
+  "name" : "Interface name",
+  "description" : "Requires interface names to begin with a capital ‘I’",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "UNDERSTANDABILITY"
+  }
+}, {
+  "key" : "jsdoc-format",
+  "name" : "Jsdoc format",
+  "description" : "Enforces basic format rules for JSDoc comments.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "new-parens",
+  "name" : "New parens",
+  "description" : "Requires parentheses when invoking a constructor via the new keyword.",
+  "severity" : "MAJOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-angle-bracket-type-assertion",
+  "name" : "No angle bracket type assertion",
+  "description" : "Requires the use of as Type for type assertions instead of <Type>.",
+  "severity" : "INFO",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "react" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "LANGUAGE_RELATED_PORTABILITY"
+  }
+}, {
+  "key" : "no-consecutive-blank-lines",
+  "name" : "No consecutive blank lines",
+  "description" : "Disallows more than one blank line in a row.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "no-constructor-vars",
+  "name" : "No constructor vars",
+  "description" : "Disallows parameter properties.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "2min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "one-line",
+  "name" : "One line",
+  "description" : "Requires the specified tokens to be on the same line as the expression preceding them.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "one-variable-per-declaration",
+  "name" : "One variable per declaration",
+  "description" : "Disallows multiple variable definitions in the same declaration statement.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "quotemark",
+  "name" : "Quotemark",
+  "description" : "Requires single or double quotes for string literals.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention", "consistency" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "semicolon",
+  "name" : "Semicolon",
+  "description" : "Enforces consistent semicolon usage at the end of every statement.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "variable-name",
+  "name" : "Variable name",
+  "description" : "Checks variable names for various errors.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+}, {
+  "key" : "whitespace",
+  "name" : "Whitespace",
+  "description" : "Enforces whitespace style conventions.",
+  "severity" : "MINOR",
+  "status" : null,
+  "tags" : [ "tslint", "convention" ],
+  "debt" : {
+    "sqaleRemediation" : {
+      "type" : "constant",
+      "offset" : "1min"
+    },
+    "sqaleSubCharacteristic" : "READABILITY"
+  }
+} ]
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/align.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/align.html
new file mode 100644
index 0000000..a482512
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/align.html
@@ -0,0 +1,38 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: align</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces vertical alignment.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Helps maintain a readable, consistent style in your codebase.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>Three arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"parameters"</code> checks alignment of function parameters.</li>
+  <li><code class="highlighter-rouge">"arguments"</code> checks alignment of function call arguments.</li>
+  <li><code class="highlighter-rouge">"statements"</code> checks alignment of statements.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"align": [true, "parameters", "statements"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "arguments",<br/>      "parameters",<br/>      "statements"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/ban.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/ban.html
new file mode 100644
index 0000000..06a3383
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/ban.html
@@ -0,0 +1,30 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: ban</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Bans the use of specific functions.</p>
+
+
+   <p>At this time, there is no way to disable global methods with this rule.</p>
+
+
+
+
+
+<h3>Config</h3>
+<p>A list of <code class="highlighter-rouge">['object', 'method']</code> pairs which ban <code class="highlighter-rouge">object.method()</code>.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"ban": [true, ["console", "log"], ["someObject", "someFunction"]]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "array",<br/>    "arrayMembers": [<br/>      {<br/>        "type": "string"<br/>      },<br/>      {<br/>        "type": "string"<br/>      }<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/class-name.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/class-name.html
new file mode 100644
index 0000000..4ac5148
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/class-name.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: class-name</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces PascalCased class and interface names.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Makes it easy to differentitate classes from regular variables at a glance.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"class-name": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/comment-format.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/comment-format.html
new file mode 100644
index 0000000..e89d167
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/comment-format.html
@@ -0,0 +1,42 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: comment-format</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces formatting rules for single-line comments.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Helps maintain a consistent, readable style in your codebase.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>Three arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"check-space"</code> requires that all single-line comments must begin with a space, as in <code class="highlighter-rouge">// comment</code>
+    <ul>
+      <li>note that comments starting with <code class="highlighter-rouge">///</code> are also allowed, for things such as <code class="highlighter-rouge">///&lt;reference&gt;</code></li>
+    </ul>
+  </li>
+  <li><code class="highlighter-rouge">"check-lowercase"</code> requires that the first non-whitespace character of a comment must be lowercase, if applicable.</li>
+  <li><code class="highlighter-rouge">"check-uppercase"</code> requires that the first non-whitespace character of a comment must be uppercase, if applicable.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"comment-format": [true, "check-space", "check-lowercase"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "check-space",<br/>      "check-lowercase",<br/>      "check-uppercase"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/curly.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/curly.html
new file mode 100644
index 0000000..85f0c29
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/curly.html
@@ -0,0 +1,36 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: curly</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces braces for <code class="highlighter-rouge">if</code>/<code class="highlighter-rouge">for</code>/<code class="highlighter-rouge">do</code>/<code class="highlighter-rouge">while</code> statements.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<pre><code class="language-ts">if (foo === bar)<br/>    foo++;<br/>    bar++;<br/></code></pre>
+
+<p>In the code above, the author almost certainly meant for both <code class="highlighter-rouge">foo++</code> and <code class="highlighter-rouge">bar++</code>
+to be executed only if <code class="highlighter-rouge">foo === bar</code>. However, he forgot braces and <code class="highlighter-rouge">bar++</code> will be executed
+no matter what. This rule could prevent such a mistake.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"curly": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/eofline.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/eofline.html
new file mode 100644
index 0000000..e77e912
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/eofline.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: eofline</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Ensures the file ends with a newline.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>It is a <a href="http://stackoverflow.com/q/729692/3124288">standard convention</a> to end files with a newline.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"eofline": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/forin.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/forin.html
new file mode 100644
index 0000000..3dca177
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/forin.html
@@ -0,0 +1,35 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: forin</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires a <code class="highlighter-rouge">for ... in</code> statement to be filtered with an <code class="highlighter-rouge">if</code> statement.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<pre><code class="language-ts">for (let key in someObject) {<br/>    if (someObject.hasOwnProperty(key)) {<br/>        // code here<br/>    }<br/>}<br/></code></pre>
+<p>Prevents accidental interation over properties inherited from an object’s prototype.
+See <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for...in">MDN’s <code class="highlighter-rouge">for...in</code></a>
+documentation for more information about <code class="highlighter-rouge">for...in</code> loops.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"forin": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/indent.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/indent.html
new file mode 100644
index 0000000..b432c9f
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/indent.html
@@ -0,0 +1,39 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: indent</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces indentation with tabs or spaces.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Using only one of tabs or spaces for indentation leads to more consistent editor behavior,
+cleaner diffs in version control, and easier programatic manipulation.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>One of the following arguments must be provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"spaces"</code> enforces consistent spaces.</li>
+  <li><code class="highlighter-rouge">"tabs"</code> enforces consistent tabs.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"indent": [true, "spaces"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "enum",<br/>  "enumValues": [<br/>    "tabs",<br/>    "spaces"<br/>  ]<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/interface-name.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/interface-name.html
new file mode 100644
index 0000000..ba0a4a1
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/interface-name.html
@@ -0,0 +1,39 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: interface-name</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires interface names to begin with a capital ‘I’</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Makes it easy to differentitate interfaces from regular classes at a glance.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>One of the following two options must be provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always-prefix"</code> requires interface names to start with an “I”</li>
+  <li><code class="highlighter-rouge">"never-prefix"</code> requires interface names to not have an “I” prefix</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"interface-name": [true, "always-prefix"]<br/></pre>
+
+<pre>"interface-name": [true, "never-prefix"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "enum",<br/>  "enumValues": [<br/>    "always-prefix",<br/>    "never-prefix"<br/>  ]<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/jsdoc-format.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/jsdoc-format.html
new file mode 100644
index 0000000..9967284
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/jsdoc-format.html
@@ -0,0 +1,42 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: jsdoc-format</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces basic format rules for JSDoc comments.</p>
+
+
+   
+<p>The following rules are enforced for JSDoc comments (comments starting with <code class="highlighter-rouge">/**</code>):</p>
+
+<ul>
+  <li>each line contains an asterisk and asterisks must be aligned</li>
+  <li>each asterisk must be followed by either a space or a newline (except for the first and the last)</li>
+  <li>the only characters before the asterisk on each line must be whitespace characters</li>
+  <li>one line comments must start with <code class="highlighter-rouge">/** </code> and end with <code class="highlighter-rouge">*/</code></li>
+</ul>
+
+
+
+   <h5>Rationale</h5>
+   <p>Helps maintain a consistent, readable style for JSDoc comments.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"jsdoc-format": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/label-position.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/label-position.html
new file mode 100644
index 0000000..813f060
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/label-position.html
@@ -0,0 +1,37 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: label-position</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Only allows labels in sensible locations.</p>
+
+
+   <p>This rule only allows labels to be on <code class="highlighter-rouge">do/for/while/switch</code> statements.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Labels in JavaScript only can be used in conjunction with <code class="highlighter-rouge">break</code> or <code class="highlighter-rouge">continue</code>,
+constructs meant to be used for loop flow control. While you can theoretically use
+labels on any block statement in JS, it is considered poor code structure to do so.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"label-position": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/label-undefined.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/label-undefined.html
new file mode 100644
index 0000000..5fa9d1a
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/label-undefined.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: label-undefined</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Checks that labels are defined before usage.</p>
+
+
+   <p>This rule is now implemented in the TypeScript compiler and does not need to be used.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Using <code class="highlighter-rouge">break</code> or <code class="highlighter-rouge">continue</code> to go to an out-of-scope label is an error in JS.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"label-undefined": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/max-line-length.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/max-line-length.html
new file mode 100644
index 0000000..676917f
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/max-line-length.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: max-line-length</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires lines to be under a certain max length.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Limiting the length of a line of code improves code readability.
+It also makes comparing code side-by-side easier and improves compatibility with
+various editors, IDEs, and diff viewers.</p>
+
+
+
+
+<h3>Config</h3>
+<p>An integer indicating the max length of lines.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"max-line-length": [true, 120]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "number"<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/member-access.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/member-access.html
new file mode 100644
index 0000000..12e1e63
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/member-access.html
@@ -0,0 +1,39 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: member-access</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires explicit visibility declarations for class members.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Explicit visibility declarations can make code more readable and accessible for those new to TS.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>Two arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"check-accessor"</code> enforces explicit visibility on get/set accessors (can only be public)</li>
+  <li><code class="highlighter-rouge">"check-constructor"</code>  enforces explicit visibility on constructors (can only be public)</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"member-access": true<br/></pre>
+
+<pre>"member-access": [true, "check-accessor"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "check-accessor",<br/>      "check-constructor"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/member-ordering.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/member-ordering.html
new file mode 100644
index 0000000..9fa58ac
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/member-ordering.html
@@ -0,0 +1,59 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: member-ordering</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces member ordering.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>A consistent ordering for class members can make classes easier to read, navigate, and edit.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>One argument, which is an object, must be provided. It should contain an <code class="highlighter-rouge">order</code> property.
+The <code class="highlighter-rouge">order</code> property should have a value of one of the following strings:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">fields-first</code></li>
+  <li><code class="highlighter-rouge">statics-first</code></li>
+  <li><code class="highlighter-rouge">instance-sandwich</code></li>
+</ul>
+
+<p>Alternatively, the value for <code class="highlighter-rouge">order</code> maybe be an array consisting of the following strings:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">public-static-field</code></li>
+  <li><code class="highlighter-rouge">protected-static-field</code></li>
+  <li><code class="highlighter-rouge">private-static-field</code></li>
+  <li><code class="highlighter-rouge">public-instance-field</code></li>
+  <li><code class="highlighter-rouge">protected-instance-field</code></li>
+  <li><code class="highlighter-rouge">private-instance-field</code></li>
+  <li><code class="highlighter-rouge">constructor</code></li>
+  <li><code class="highlighter-rouge">public-static-method</code></li>
+  <li><code class="highlighter-rouge">protected-static-method</code></li>
+  <li><code class="highlighter-rouge">private-static-method</code></li>
+  <li><code class="highlighter-rouge">public-instance-method</code></li>
+  <li><code class="highlighter-rouge">protected-instance-method</code></li>
+  <li><code class="highlighter-rouge">private-instance-method</code></li>
+</ul>
+
+<p>This is useful if one of the preset orders does not meet your needs.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"member-ordering": [true, { "order": "fields-first" }]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "object",<br/>  "properties": {<br/>    "order": {<br/>      "type": "enum",<br/>      "enumValues": [<br/>        "fields-first",<br/>        "statics-first",<br/>        "instance-sandwich"<br/>      ]<br/>    }<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/new-parens.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/new-parens.html
new file mode 100644
index 0000000..085e9ff
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/new-parens.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: new-parens</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires parentheses when invoking a constructor via the <code class="highlighter-rouge">new</code> keyword.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Maintains stylistic consistency with other function calls.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"new-parens": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-angle-bracket-type-assertion.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-angle-bracket-type-assertion.html
new file mode 100644
index 0000000..4b5a7e4
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-angle-bracket-type-assertion.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-angle-bracket-type-assertion</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires the use of <code class="highlighter-rouge">as Type</code> for type assertions instead of <code class="highlighter-rouge">&lt;Type&gt;</code>.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Both formats of type assertions have the same effect, but only <code class="highlighter-rouge">as</code> type assertions
+work in <code class="highlighter-rouge">.tsx</code> files. This rule ensures that you have a consistent type assertion style
+across your codebase.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-angle-bracket-type-assertion": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-any.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-any.html
new file mode 100644
index 0000000..4cdb8c1
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-any.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-any</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Diallows usages of <code class="highlighter-rouge">any</code> as a type declaration.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Using <code class="highlighter-rouge">any</code> as a type declaration nullifies the compile-time benefits of the type system.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-any": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-arg.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-arg.html
new file mode 100644
index 0000000..30e73f1
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-arg.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-arg</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows use of <code class="highlighter-rouge">arguments.callee</code>.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Using <code class="highlighter-rouge">arguments.callee</code> makes various performance optimizations impossible.
+See <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/arguments/callee">MDN</a>
+for more details on why to avoid <code class="highlighter-rouge">arguments.callee</code>.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-arg": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-bitwise.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-bitwise.html
new file mode 100644
index 0000000..0382bb6
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-bitwise.html
@@ -0,0 +1,41 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-bitwise</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows bitwise operators.</p>
+
+
+   
+<p>Specifically, the following bitwise operators are banned:
+<code class="highlighter-rouge">&amp;</code>, <code class="highlighter-rouge">&amp;=</code>, <code class="highlighter-rouge">|</code>, <code class="highlighter-rouge">|=</code>,
+<code class="highlighter-rouge">^</code>, <code class="highlighter-rouge">^=</code>, <code class="highlighter-rouge">&lt;&lt;</code>, <code class="highlighter-rouge">&lt;&lt;=</code>,
+<code class="highlighter-rouge">&gt;&gt;</code>, <code class="highlighter-rouge">&gt;&gt;=</code>, <code class="highlighter-rouge">&gt;&gt;&gt;</code>, <code class="highlighter-rouge">&gt;&gt;&gt;=</code>, and <code class="highlighter-rouge">~</code>.
+This rule does not ban the use of <code class="highlighter-rouge">&amp;</code> and <code class="highlighter-rouge">|</code> for intersection and union types.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Bitwise operators are often typos - for example <code class="highlighter-rouge">bool1 &amp; bool2</code> instead of <code class="highlighter-rouge">bool1 &amp;&amp; bool2</code>.
+They also can be an indicator of overly clever code which decreases maintainability.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-bitwise": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-conditional-assignment.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-conditional-assignment.html
new file mode 100644
index 0000000..3ecde97
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-conditional-assignment.html
@@ -0,0 +1,37 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-conditional-assignment</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows any type of assignment in conditionals.</p>
+
+
+   <p>This applies to <code class="highlighter-rouge">do-while</code>, <code class="highlighter-rouge">for</code>, <code class="highlighter-rouge">if</code>, and <code class="highlighter-rouge">while</code> statements.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Assignments in conditionals are often typos:
+for example <code class="highlighter-rouge">if (var1 = var2)</code> instead of <code class="highlighter-rouge">if (var1 == var2)</code>.
+They also can be an indicator of overly clever code which decreases maintainability.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-conditional-assignment": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-consecutive-blank-lines.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-consecutive-blank-lines.html
new file mode 100644
index 0000000..e9e014d
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-consecutive-blank-lines.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-consecutive-blank-lines</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows more than one blank line in a row.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Helps maintain a readable style in your codebase.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-consecutive-blank-lines": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-console.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-console.html
new file mode 100644
index 0000000..479c9c4
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-console.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-console</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Bans the use of specified <code class="highlighter-rouge">console</code> methods.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>In general, <code class="highlighter-rouge">console</code> methods aren’t appropriate for production code.</p>
+
+
+
+
+<h3>Config</h3>
+<p>A list of method names to ban.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-console": [true, ["log", "error"]]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "string"<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-construct.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-construct.html
new file mode 100644
index 0000000..d433bb1
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-construct.html
@@ -0,0 +1,37 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-construct</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows access to the constructors of <code class="highlighter-rouge">String</code>, <code class="highlighter-rouge">Number</code>, and <code class="highlighter-rouge">Boolean</code>.</p>
+
+
+   <p>Disallows constructor use such as <code class="highlighter-rouge">new Number(foo)</code> but does not disallow <code class="highlighter-rouge">Number(foo)</code>.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>There is little reason to use <code class="highlighter-rouge">String</code>, <code class="highlighter-rouge">Number</code>, or <code class="highlighter-rouge">Boolean</code> as constructors.
+In almost all cases, the regular function-call version is more appropriate.
+<a href="http://stackoverflow.com/q/4719320/3124288">More details</a> are available on StackOverflow.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-construct": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-constructor-vars.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-constructor-vars.html
new file mode 100644
index 0000000..025d752
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-constructor-vars.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-constructor-vars</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows parameter properties.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Parameter properties can be confusing to those new to TS as they are less explicit
+than other ways of declaring and initializing class members.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-constructor-vars": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-debugger.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-debugger.html
new file mode 100644
index 0000000..339dbbe
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-debugger.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-debugger</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows <code class="highlighter-rouge">debugger</code> statements.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>In general, <code class="highlighter-rouge">debugger</code> statements aren’t appropriate for production code.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-debugger": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-default-export.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-default-export.html
new file mode 100644
index 0000000..c76ee80
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-default-export.html
@@ -0,0 +1,37 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-default-export</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows default exports in ES6-style modules.</p>
+
+
+   <p>Use named exports instead.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Named imports/exports <a href="https://github.com/palantir/tslint/issues/1182#issue-151780453">promote clarity</a>.
+In addition, current tooling differs on the correct way to handle default imports/exports.
+Avoiding them all together can help avoid tooling bugs and conflicts.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-default-export": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-duplicate-key.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-duplicate-key.html
new file mode 100644
index 0000000..59e7aaf
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-duplicate-key.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-duplicate-key</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows duplicate keys in object literals.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>There is no good reason to define an object literal with the same key twice.
+This rule is now implemented in the TypeScript compiler and does not need to be used.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-duplicate-key": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-duplicate-variable.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-duplicate-variable.html
new file mode 100644
index 0000000..91091e6
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-duplicate-variable.html
@@ -0,0 +1,38 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-duplicate-variable</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows duplicate variable declarations in the same block scope.</p>
+
+
+   
+<p>This rule is only useful when using the <code class="highlighter-rouge">var</code> keyword -
+the compiler will detect redeclarations of <code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code> variables.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>A variable can be reassigned if necessary -
+there’s no good reason to have a duplicate variable declaration.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-duplicate-variable": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-empty.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-empty.html
new file mode 100644
index 0000000..2de7aa4
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-empty.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-empty</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows empty blocks.</p>
+
+
+   <p>Blocks with a comment inside are not considered empty.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Empty blocks are often indicators of missing code.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-empty": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-eval.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-eval.html
new file mode 100644
index 0000000..28e76d3
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-eval.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-eval</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows <code class="highlighter-rouge">eval</code> function invocations.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p><code class="highlighter-rouge">eval()</code> is dangerous as it allows arbitrary code execution with full privileges. There are
+<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/eval">alternatives</a>
+for most of the use cases for <code class="highlighter-rouge">eval()</code>.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-eval": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-inferrable-types.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-inferrable-types.html
new file mode 100644
index 0000000..2456a7f
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-inferrable-types.html
@@ -0,0 +1,39 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-inferrable-types</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows explicit type declarations for variables or parameters initialized to a number, string, or boolean.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Explicit types where they can be easily infered by the compiler make code more verbose.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>One argument may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">ignore-params</code> allows specifying an inferrable type annotation for function params.
+This can be useful when combining with the <code class="highlighter-rouge">typedef</code> rule.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"no-inferrable-types": true<br/></pre>
+
+<pre>"no-inferrable-types": [true, "ignore-params"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "ignore-params"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-internal-module.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-internal-module.html
new file mode 100644
index 0000000..1ce01b3
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-internal-module.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-internal-module</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows internal <code class="highlighter-rouge">module</code></p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Using <code class="highlighter-rouge">module</code> leads to a confusion of concepts with external modules. Use the newer <code class="highlighter-rouge">namespace</code> keyword instead.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-internal-module": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-invalid-this.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-invalid-this.html
new file mode 100644
index 0000000..ebe6191
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-invalid-this.html
@@ -0,0 +1,38 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-invalid-this</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows using the <code class="highlighter-rouge">this</code> keyword outside of classes.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>See <a href="https://github.com/palantir/tslint/pull/1105#issue-147549402">the rule’s author’s rationale here.</a></p>
+
+
+
+
+<h3>Config</h3>
+
+<p>One argument may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">check-function-in-method</code> disallows using the <code class="highlighter-rouge">this</code> keyword in functions within class methods.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"no-invalid-this": true<br/></pre>
+
+<pre>"no-invalid-this": [true, "check-function-in-method"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "check-function-in-method"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-namespace.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-namespace.html
new file mode 100644
index 0000000..850069b
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-namespace.html
@@ -0,0 +1,43 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-namespace</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows use of internal <code class="highlighter-rouge">module</code>s and <code class="highlighter-rouge">namespace</code>s.</p>
+
+
+   <p>This rule still allows the use of <code class="highlighter-rouge">declare module ... {}</code></p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>ES6-style external modules are the standard way to modularize code.
+Using <code class="highlighter-rouge">module {}</code> and <code class="highlighter-rouge">namespace {}</code> are outdated ways to organize TypeScript code.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>One argument may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">allow-declarations</code> allows <code class="highlighter-rouge">declare namespace ... {}</code> to describe external APIs.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"no-namespace": true<br/></pre>
+
+<pre>"no-namespace": [true, "allow-declarations"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "allow-declarations"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-null-keyword.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-null-keyword.html
new file mode 100644
index 0000000..2e87659
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-null-keyword.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-null-keyword</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows use of the <code class="highlighter-rouge">null</code> keyword literal.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Instead of having the dual concepts of <code class="highlighter-rouge">null</code> and<code class="highlighter-rouge">undefined</code> in a codebase,
+this rule ensures that only <code class="highlighter-rouge">undefined</code> is used.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-null-keyword": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-reference.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-reference.html
new file mode 100644
index 0000000..0ab2baf
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-reference.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-reference</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows <code class="highlighter-rouge">/// &lt;reference path=&gt;</code> imports (use ES6-style imports instead).</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Using <code class="highlighter-rouge">/// &lt;reference path=&gt;</code> comments to load other files is outdated.
+Use ES6-style imports to reference other files.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-reference": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-require-imports.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-require-imports.html
new file mode 100644
index 0000000..3c6d2a7
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-require-imports.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-require-imports</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows invocation of <code class="highlighter-rouge">require()</code>.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Prefer the newer ES6-style imports over <code class="highlighter-rouge">require()</code>.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-require-imports": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-shadowed-variable.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-shadowed-variable.html
new file mode 100644
index 0000000..f1fef2a
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-shadowed-variable.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-shadowed-variable</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows shadowing variable declarations.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Shadowing a variable masks access to it and obscures to what value an identifier actually refers.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-shadowed-variable": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-string-literal.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-string-literal.html
new file mode 100644
index 0000000..deea3c8
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-string-literal.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-string-literal</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows object access via string literals.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Encourages using strongly-typed property access.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-string-literal": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-switch-case-fall-through.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-switch-case-fall-through.html
new file mode 100644
index 0000000..3056e29
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-switch-case-fall-through.html
@@ -0,0 +1,42 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-switch-case-fall-through</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows falling through case statements.</p>
+
+
+   
+<p>For example, the following is not allowed:</p>
+
+<pre><code class="language-ts">switch(foo) {<br/>    case 1:<br/>        someFunc(foo);<br/>    case 2:<br/>        someOtherFunc(foo);<br/>}<br/></code></pre>
+
+<p>However, fall through is allowed when case statements are consecutive or
+a magic <code class="highlighter-rouge">/* falls through */</code> comment is present. The following is valid:</p>
+
+<pre><code class="language-ts">switch(foo) {<br/>    case 1:<br/>        someFunc(foo);<br/>        /* falls through */<br/>    case 2:<br/>    case 3:<br/>        someOtherFunc(foo);<br/>}<br/></code></pre>
+
+
+
+   <h5>Rationale</h5>
+   <p>Fall though in switch statements is often unintentional and a bug.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-switch-case-fall-through": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-trailing-whitespace.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-trailing-whitespace.html
new file mode 100644
index 0000000..aee4742
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-trailing-whitespace.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-trailing-whitespace</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows trailing whitespace at the end of a line.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Keeps version control diffs clean as it prevents accidental whitespace from being committed.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-trailing-whitespace": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unreachable.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unreachable.html
new file mode 100644
index 0000000..4d9b8b7
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unreachable.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-unreachable</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows unreachable code after <code class="highlighter-rouge">break</code>, <code class="highlighter-rouge">catch</code>, <code class="highlighter-rouge">throw</code>, and <code class="highlighter-rouge">return</code> statements.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Unreachable code is often indication of a logic error.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-unreachable": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unused-expression.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unused-expression.html
new file mode 100644
index 0000000..d44a6f6
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unused-expression.html
@@ -0,0 +1,38 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-unused-expression</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows unused expression statements.</p>
+
+
+   
+<p>Unused expressions are expression statements which are not assignments or function calls
+(and thus usually no-ops).</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Detects potential errors where an assignment or function call was intended. Also detects constructs such as
+<code class="highlighter-rouge">new SomeClass()</code>, where a constructor is used solely for its side effects, which is considered poor style.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-unused-expression": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unused-variable.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unused-variable.html
new file mode 100644
index 0000000..b6cb98f
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-unused-variable.html
@@ -0,0 +1,45 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-unused-variable</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows unused imports, variables, functions and private class members.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Three optional arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"check-parameters"</code> disallows unused function and constructor parameters.
+    <ul>
+      <li>NOTE: this option is experimental and does not work with classes
+  that use abstract method declarations, among other things.</li>
+    </ul>
+  </li>
+  <li><code class="highlighter-rouge">"react"</code> relaxes the rule for a namespace import named <code class="highlighter-rouge">React</code>
+(from either the module <code class="highlighter-rouge">"react"</code> or <code class="highlighter-rouge">"react/addons"</code>).
+Any JSX expression in the file will be treated as a usage of <code class="highlighter-rouge">React</code>
+(because it expands to <code class="highlighter-rouge">React.createElement </code>).</li>
+  <li><code class="highlighter-rouge"><span class="p">{</span><span class="nt">"ignore-pattern"</span><span class="p">:</span><span class="w"> </span><span class="s2">"pattern"</span><span class="p">}</span></code> where pattern is a case-sensitive regexp.
+Variable names that match the pattern will be ignored.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"no-unused-variable": [true, "react"]<br/></pre>
+
+<pre>"no-unused-variable": [true, {"ignore-pattern": "^_"}]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "array",<br/>  "arrayMembers": [<br/>    {<br/>      "type": "list",<br/>      "listType": {<br/>        "type": "enum",<br/>        "enumValues": [<br/>          "check-parameters",<br/>          "react"<br/>        ]<br/>      }<br/>    },<br/>    {<br/>      "type": "object",<br/>      "properties": {<br/>        "ignore-pattern": {<br/>          "type": "string"<br/>        }<br/>      }<br/>    }<br/>  ]<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-use-before-declare.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-use-before-declare.html
new file mode 100644
index 0000000..089f66c
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-use-before-declare.html
@@ -0,0 +1,32 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-use-before-declare</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows usage of variables before their declaration.</p>
+
+
+   
+<p>This rule is primarily useful when using the <code class="highlighter-rouge">var</code> keyword -
+the compiler will detect if a <code class="highlighter-rouge">let</code> and <code class="highlighter-rouge">const</code> variable is used before it is declared.</p>
+
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-use-before-declare": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-var-keyword.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-var-keyword.html
new file mode 100644
index 0000000..bbf9480
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-var-keyword.html
@@ -0,0 +1,30 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-var-keyword</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows usage of the <code class="highlighter-rouge">var</code> keyword.</p>
+
+
+   <p>Use <code class="highlighter-rouge">let</code> or <code class="highlighter-rouge">const</code> instead.</p>
+
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-var-keyword": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-var-requires.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-var-requires.html
new file mode 100644
index 0000000..4b4670d
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/no-var-requires.html
@@ -0,0 +1,32 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: no-var-requires</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows the use of require statements except in import statements.</p>
+
+
+   
+<p>In other words, the use of forms such as <code class="highlighter-rouge">var module = require("module")</code> are banned.
+Instead use ES6 style imports or <code class="highlighter-rouge">import foo = require('foo')</code> imports.</p>
+
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"no-var-requires": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/object-literal-sort-keys.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/object-literal-sort-keys.html
new file mode 100644
index 0000000..097844c
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/object-literal-sort-keys.html
@@ -0,0 +1,31 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: object-literal-sort-keys</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires keys in object literals to be sorted alphabetically</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Useful in preventing merge conflicts</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"object-literal-sort-keys": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/one-line.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/one-line.html
new file mode 100644
index 0000000..245aeaa
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/one-line.html
@@ -0,0 +1,36 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: one-line</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires the specified tokens to be on the same line as the expression preceding them.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Five arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"check-catch"</code> checks that <code class="highlighter-rouge">catch</code> is on the same line as the closing brace for <code class="highlighter-rouge">try</code>.</li>
+  <li><code class="highlighter-rouge">"check-finally"</code> checks that <code class="highlighter-rouge">finally</code> is on the same line as the closing brace for <code class="highlighter-rouge">catch</code>.</li>
+  <li><code class="highlighter-rouge">"check-else"</code> checks that <code class="highlighter-rouge">else</code> is on the same line as the closing brace for <code class="highlighter-rouge">if</code>.</li>
+  <li><code class="highlighter-rouge">"check-open-brace"</code> checks that an open brace falls on the same line as its preceding expression.</li>
+  <li><code class="highlighter-rouge">"check-whitespace"</code> checks preceding whitespace for the specified tokens.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"one-line": [true, "check-catch", "check-finally", "check-else"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "check-catch",<br/>      "check-finally",<br/>      "check-else",<br/>      "check-open-brace",<br/>      "check-whitespace"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/one-variable-per-declaration.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/one-variable-per-declaration.html
new file mode 100644
index 0000000..1a5a5e2
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/one-variable-per-declaration.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: one-variable-per-declaration</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Disallows multiple variable definitions in the same declaration statement.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>One argument may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">ignore-for-loop</code> allows multiple variable definitions in a for loop declaration.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"one-variable-per-declaration": true<br/></pre>
+
+<pre>"one-variable-per-declaration": [true, "ignore-for-loop"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "ignore-for-loop"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/quotemark.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/quotemark.html
new file mode 100644
index 0000000..090cfb6
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/quotemark.html
@@ -0,0 +1,39 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: quotemark</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires single or double quotes for string literals.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Five arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"single"</code> enforces single quotes.</li>
+  <li><code class="highlighter-rouge">"double"</code> enforces double quotes.</li>
+  <li><code class="highlighter-rouge">"jsx-single"</code> enforces single quotes for JSX attributes.</li>
+  <li><code class="highlighter-rouge">"jsx-double"</code> enforces double quotes for JSX attributes.</li>
+  <li><code class="highlighter-rouge">"avoid-escape"</code> allows you to use the “other” quotemark in cases where escaping would normally be required.
+For example, <code class="highlighter-rouge">[true, "double", "avoid-escape"]</code> would not report a failure on the string literal <code class="highlighter-rouge">'Hello "World"'</code>.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"quotemark": [true, "single", "avoid-escape"]<br/></pre>
+
+<pre>"quotemark": [true, "single", "jsx-double"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "single",<br/>      "double",<br/>      "jsx-single",<br/>      "jsx-double",<br/>      "avoid-escape"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/radix.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/radix.html
new file mode 100644
index 0000000..49a7a78
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/radix.html
@@ -0,0 +1,34 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: radix</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires the radix parameter to be specified when calling <code class="highlighter-rouge">parseInt</code>.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>From <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/parseInt">MDN</a>: 
+&gt; Always specify this parameter to eliminate reader confusion and to guarantee predictable behavior.
+&gt; Different implementations produce different results when a radix is not specified, usually defaulting the value to 10.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"radix": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/semicolon.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/semicolon.html
new file mode 100644
index 0000000..d9dbd5b
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/semicolon.html
@@ -0,0 +1,35 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: semicolon</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces consistent semicolon usage at the end of every statement.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>One of the following arguments must be provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"always"</code> enforces semicolons at the end of every statement.</li>
+  <li><code class="highlighter-rouge">"never"</code> disallows semicolons at the end of every statement except for when they are necessary.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"semicolon": [true, "always"]<br/></pre>
+
+<pre>"semicolon": [true, "never"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "enum",<br/>  "enumValues": [<br/>    "always",<br/>    "never"<br/>  ]<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/switch-default.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/switch-default.html
new file mode 100644
index 0000000..e186954
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/switch-default.html
@@ -0,0 +1,27 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: switch-default</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Require a <code class="highlighter-rouge">default</code> case in all <code class="highlighter-rouge">switch</code> statements.</p>
+
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"switch-default": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/trailing-comma.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/trailing-comma.html
new file mode 100644
index 0000000..fbfec2c
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/trailing-comma.html
@@ -0,0 +1,38 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: trailing-comma</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires or disallows trailing commas in array and object literals, destructuring assignments and named imports.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>One argument which is an object with the keys <code class="highlighter-rouge">multiline</code> and <code class="highlighter-rouge">singleline</code>.
+Both should be set to either <code class="highlighter-rouge">"always"</code> or <code class="highlighter-rouge">"never"</code>.</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"multiline"</code> checks multi-line object literals.</li>
+  <li><code class="highlighter-rouge">"singleline"</code> checks single-line object literals.</li>
+</ul>
+
+<p>A array is considered “multiline” if its closing bracket is on a line
+after the last array element. The same general logic is followed for
+object literals and named import statements.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"trailing-comma": [true, {"multiline": "always", "singleline": "never"}]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "object",<br/>  "properties": {<br/>    "multiline": {<br/>      "type": "enum",<br/>      "enumValues": [<br/>        "always",<br/>        "never"<br/>      ]<br/>    },<br/>    "singleline": {<br/>      "type": "enum",<br/>      "enumValues": [<br/>        "always",<br/>        "never"<br/>      ]<br/>    }<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/triple-equals.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/triple-equals.html
new file mode 100644
index 0000000..970f923
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/triple-equals.html
@@ -0,0 +1,37 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: triple-equals</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires <code class="highlighter-rouge">===</code> and <code class="highlighter-rouge">!==</code> in place of <code class="highlighter-rouge">==</code> and <code class="highlighter-rouge">!=</code>.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Two arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"allow-null-check"</code> allows <code class="highlighter-rouge">==</code> and <code class="highlighter-rouge">!=</code> when comparing to <code class="highlighter-rouge">null</code>.</li>
+  <li><code class="highlighter-rouge">"allow-undefined-check"</code> allows <code class="highlighter-rouge">==</code> and <code class="highlighter-rouge">!=</code> when comparing to <code class="highlighter-rouge">undefined</code>.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"triple-equals": true<br/></pre>
+
+<pre>"triple-equals": [true, "allow-null-check"]<br/></pre>
+
+<pre>"triple-equals": [true, "allow-undefined-check"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "allow-null-check",<br/>      "allow-undefined-check"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/typedef-whitespace.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/typedef-whitespace.html
new file mode 100644
index 0000000..9f81c0a
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/typedef-whitespace.html
@@ -0,0 +1,43 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: typedef-whitespace</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires or disallows whitespace for type definitions.</p>
+
+
+   <p>Determines if a space is required or not before the colon in a type specifier.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Two arguments which are both objects.
+The first argument specifies how much space should be to the <em>left</em> of a typedef colon.
+The second argument specifies how much space should be to the <em>right</em> of a typedef colon.
+Each key should have a value of <code class="highlighter-rouge">"space"</code> or <code class="highlighter-rouge">"nospace"</code>.
+Possible keys are:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"call-signature"</code> checks return type of functions.</li>
+  <li><code class="highlighter-rouge">"index-signature"</code> checks index type specifier of indexers.</li>
+  <li><code class="highlighter-rouge">"parameter"</code> checks function parameters.</li>
+  <li><code class="highlighter-rouge">"property-declaration"</code> checks object property declarations.</li>
+  <li><code class="highlighter-rouge">"variable-declaration"</code> checks variable declaration.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"typedef-whitespace": <br/>[<br/>  true,<br/>  {<br/>    "call-signature": "nospace",<br/>    "index-signature": "nospace",<br/>    "parameter": "nospace",<br/>    "property-declaration": "nospace",<br/>    "variable-declaration": "nospace"<br/>  },<br/>  {<br/>    "call-signature": "onespace",<br/>    "index-signature": "onespace",<br/>    "parameter": "onespace",<br/>    "property-declaration": "onespace",<br/>    "variable-declaration": "onespace"<br/>  }<br/>]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "array",<br/>  "arrayMembers": [<br/>    {<br/>      "type": "object",<br/>      "properties": {<br/>        "call-signature": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "index-signature": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "parameter": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "property-declaration": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "variable-declaration": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        }<br/>      }<br/>    },<br/>    {<br/>      "type": "object",<br/>      "properties": {<br/>        "call-signature": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "index-signature": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "parameter": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "property-declaration": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        },<br/>        "variable-declaration": {<br/>          "type": "enum",<br/>          "enumValues": [<br/>            "nospace",<br/>            "onespace",<br/>            "space"<br/>          ]<br/>        }<br/>      }<br/>    }<br/>  ]<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/typedef.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/typedef.html
new file mode 100644
index 0000000..5b81a22
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/typedef.html
@@ -0,0 +1,37 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: typedef</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires type definitions to exist.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Six arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"call-signature"</code> checks return type of functions.</li>
+  <li><code class="highlighter-rouge">"parameter"</code> checks type specifier of function parameters for non-arrow functions.</li>
+  <li><code class="highlighter-rouge">"arrow-parameter"</code> checks type specifier of function parameters for arrow functions.</li>
+  <li><code class="highlighter-rouge">"property-declaration"</code> checks return types of interface properties.</li>
+  <li><code class="highlighter-rouge">"variable-declaration"</code> checks variable declarations.</li>
+  <li><code class="highlighter-rouge">"member-variable-declaration"</code> checks member variable declarations.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"typedef": [true, "call-signature", "parameter", "member-variable-declaration"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "call-signature",<br/>      "parameter",<br/>      "arrow-parameter",<br/>      "property-declaration",<br/>      "variable-declaration",<br/>      "member-variable-declaration"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/use-isnan.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/use-isnan.html
new file mode 100644
index 0000000..2b8be45
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/use-isnan.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: use-isnan</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces use of the <code class="highlighter-rouge">isNaN()</code> function to check for NaN references instead of a comparison to the <code class="highlighter-rouge">NaN</code> constant.</p>
+
+
+
+   <h5>Rationale</h5>
+   
+<p>Since <code class="highlighter-rouge">NaN !== NaN</code>, comparisons with regular operators will produce unexpected results.
+So, instead of <code class="highlighter-rouge">if (myVar === NaN)</code>, do <code class="highlighter-rouge">if (isNaN(myVar))</code>.</p>
+
+
+
+
+<h3>Config</h3>
+<p>Not configurable.</p>
+
+
+<h5>Examples</h5>
+
+<pre>"use-isnan": true<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/use-strict.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/use-strict.html
new file mode 100644
index 0000000..67e26e5
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/use-strict.html
@@ -0,0 +1,33 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: use-strict</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Requires using ECMAScript 5’s strict mode.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Two arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">check-module</code> checks that all top-level modules are using strict mode.</li>
+  <li><code class="highlighter-rouge">check-function</code> checks that all top-level functions are using strict mode.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"use-strict": [true, "check-module"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "check-module",<br/>      "check-function"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/variable-name.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/variable-name.html
new file mode 100644
index 0000000..c5a843f
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/variable-name.html
@@ -0,0 +1,40 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: variable-name</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Checks variable names for various errors.</p>
+
+
+
+
+
+<h3>Config</h3>
+
+<p>Five arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"check-format"</code>: allows only camelCased or UPPER_CASED variable names
+    <ul>
+      <li><code class="highlighter-rouge">"allow-leading-underscore"</code> allows underscores at the beginning (only has an effect if “check-format” specified)</li>
+      <li><code class="highlighter-rouge">"allow-trailing-underscore"</code> allows underscores at the end. (only has an effect if “check-format” specified)</li>
+      <li><code class="highlighter-rouge">"allow-pascal-case</code> allows PascalCase in addtion to camelCase.</li>
+    </ul>
+  </li>
+  <li><code class="highlighter-rouge">"ban-keywords"</code>: disallows the use of certain TypeScript keywords (<code class="highlighter-rouge">any</code>, <code class="highlighter-rouge">Number</code>, <code class="highlighter-rouge">number</code>, <code class="highlighter-rouge">String</code>,
+<code class="highlighter-rouge">string</code>, <code class="highlighter-rouge">Boolean</code>, <code class="highlighter-rouge">boolean</code>, <code class="highlighter-rouge">undefined</code>) as variable or parameter names.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"variable-name": [true, "ban-keywords", "check-format", "allow-leading-underscore"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "check-format",<br/>      "allow-leading-underscore",<br/>      "allow-trailing-underscore",<br/>      "allow-pascal-case",<br/>      "ban-keywords"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file
diff --git a/sonar-web-frontend-typescript/src/main/resources/rules/tslint/whitespace.html b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/whitespace.html
new file mode 100644
index 0000000..a133bd0
--- /dev/null
+++ b/sonar-web-frontend-typescript/src/main/resources/rules/tslint/whitespace.html
@@ -0,0 +1,42 @@
+<h1 class="details">Details</h1>
+
+      
+      <header class="post-header">
+         <h1 class="post-title">Rule: whitespace</h1>
+         <p></p>
+      </header>
+      
+
+      <p>Enforces whitespace style conventions.</p>
+
+
+
+   <h5>Rationale</h5>
+   <p>Helps maintain a readable, consistent style in your codebase.</p>
+
+
+
+
+<h3>Config</h3>
+
+<p>Seven arguments may be optionally provided:</p>
+
+<ul>
+  <li><code class="highlighter-rouge">"check-branch"</code> checks branching statements (<code class="highlighter-rouge">if</code>/<code class="highlighter-rouge">else</code>/<code class="highlighter-rouge">for</code>/<code class="highlighter-rouge">while</code>) are followed by whitespace.</li>
+  <li><code class="highlighter-rouge">"check-decl"</code>checks that variable declarations have whitespace around the equals token.</li>
+  <li><code class="highlighter-rouge">"check-operator"</code> checks for whitespace around operator tokens.</li>
+  <li><code class="highlighter-rouge">"check-module"</code> checks for whitespace in import &amp; export statements.</li>
+  <li><code class="highlighter-rouge">"check-separator"</code> checks for whitespace after separator tokens (<code class="highlighter-rouge">,</code>/<code class="highlighter-rouge">;</code>).</li>
+  <li><code class="highlighter-rouge">"check-type"</code> checks for whitespace before a variable type specification.</li>
+  <li><code class="highlighter-rouge">"check-typecast"</code> checks for whitespace between a typecast and its target.</li>
+</ul>
+
+
+<h5>Examples</h5>
+
+<pre>"whitespace": [true, "check-branch", "check-operator", "check-typecast"]<br/></pre>
+
+
+<h5>Schema</h5>
+<pre>{<br/>  "type": "list",<br/>  "listType": {<br/>    "type": "enum",<br/>    "enumValues": [<br/>      "check-branch",<br/>      "check-decl",<br/>      "check-operator",<br/>      "check-module",<br/>      "check-seperator",<br/>      "check-type",<br/>      "check-typecast"<br/>    ]<br/>  }<br/>}<br/></pre>
+   
\ No newline at end of file