[Epic] [PLAYER-90] [PLAYER-91] [PLAYER-92] [PLAYER-50]

.browserslistrc

@@ -0,0 +1 @@
+defaults

.eslintrc.json

@@ -1,14 +1,22 @@
 {
-    "extends": ["eslint:recommended", "plugin:prettier/recommended"],
-    "plugins": ["prettier"],
+    "parser": "@babel/eslint-parser",
+    "extends": [
+        "eslint:recommended",
+        "plugin:prettier/recommended"
+    ],
+    "plugins": [
+        "prettier"
+    ],
     "env": {
         "browser": true,
         "es6": true,
         "node": true,
         "jest": true
     },
     "parserOptions": {
-        "ecmaVersion": 2020
+        "ecmaVersion": "latest",
+        "sourceType": "module",
+        "requireConfigFile": false
     },
     "rules": {
         "prettier/prettier": [
@@ -20,7 +28,13 @@
                 "enforceForArrowConditionals": false
             }
         ],
-        "comma-spacing": ["error", {"before": false, "after": true}],
+        "comma-spacing": [
+            "error",
+            {
+                "before": false,
+                "after": true
+            }
+        ],
         "no-console": "warn",
         "no-extra-parens": "off",
         "no-loss-of-precision": "error",
@@ -29,8 +43,15 @@
         "no-unreachable-loop": "error",
         "require-atomic-updates": "error",
         "no-useless-backreference": "error",
+        "object-curly-spacing": "off",
+        "space-before-function-paren": "off",
         // Best practices
-        "array-callback-return": ["error", {"checkForEach": true}],
+        "array-callback-return": [
+            "error",
+            {
+                "checkForEach": true
+            }
+        ],
         "block-scoped-var": "error",
         "consistent-return": "error",
         "curly": "error",
@@ -47,58 +68,145 @@
         "no-sequences": "error",
         "no-unused-expressions": "warn",
         "prefer-regex-literals": "warn",
-        "valid-jsdoc": ["error", {"requireReturn": false}],
+        "valid-jsdoc": [
+            "error",
+            {
+                "requireReturn": false
+            }
+        ],
         // Strict mode
         "strict": "error",
         // Variables
         "no-shadow": "error",
         "no-undefined": "error",
         "no-use-before-define": "error",
         // Stylistic issues
-        "array-bracket-newline": ["error", "consistent"],
-        "array-bracket-spacing": ["error", "never"],
-        "array-element-newline": ["error", "consistent"],
+        "array-bracket-newline": [
+            "error",
+            "consistent"
+        ],
+        "array-bracket-spacing": [
+            "error",
+            "never"
+        ],
+        "array-element-newline": [
+            "error",
+            "consistent"
+        ],
         "block-spacing": "error",
         "brace-style": "error",
-        "camelcase": ["error", {"ignoreDestructuring": true, "ignoreGlobals": true}],
-        "comma-dangle": ["error", "only-multiline"],
-        "computed-property-spacing": ["error", "never", {"enforceForClassMembers": true}],
-        "consistent-this": ["error", "self"],
-        "eol-last": ["error", "always"],
-        "func-call-spacing": ["error", "never"],
-        "func-style": ["error", "declaration", {"allowArrowFunctions": true}],
-        "indent": ["error", 4, {"SwitchCase": 1}],
+        "camelcase": [
+            "error",
+            {
+                "ignoreDestructuring": true,
+                "ignoreGlobals": true
+            }
+        ],
+        "comma-dangle": [
+            "error",
+            "only-multiline"
+        ],
+        "computed-property-spacing": [
+            "error",
+            "never",
+            {
+                "enforceForClassMembers": true
+            }
+        ],
+        "consistent-this": [
+            "error",
+            "self"
+        ],
+        "eol-last": [
+            "error",
+            "always"
+        ],
+        "func-call-spacing": [
+            "error",
+            "never"
+        ],
+        "func-style": [
+            "error",
+            "declaration",
+            {
+                "allowArrowFunctions": true
+            }
+        ],
+        "indent": [
+            "error",
+            4,
+            {
+                "SwitchCase": 1
+            }
+        ],
         "keyword-spacing": "error",
-        "linebreak-style": ["error", "unix"],
-        "max-len": ["error", 120, {"ignoreComments": true}],
-        "multiline-comment-style": ["error", "starred-block"],
-        "new-cap": ["error", {"properties": false}],
+        "linebreak-style": [
+            "error",
+            "unix"
+        ],
+        "max-len": [
+            "error",
+            120,
+            {
+                "ignoreComments": true
+            }
+        ],
+        "multiline-comment-style": [
+            "error",
+            "starred-block"
+        ],
+        "new-cap": [
+            "error",
+            {
+                "properties": false
+            }
+        ],
         "new-parens": "error",
         "newline-per-chained-call": "off",
         "no-multi-assign": "error",
-        "no-multiple-empty-lines": ["error", {"max": 1}],
+        "no-multiple-empty-lines": [
+            "error",
+            {
+                "max": 1
+            }
+        ],
         "no-trailing-spaces": "error",
-        "object-curly-spacing": ["error", "never"],
-        "padded-blocks": ["error", "never"],
-        "quotes": ["error", "single", {"avoidEscape": true}],
-        "semi": ["error", "always"],
-        "semi-style": ["error", "last"],
-        "space-before-function-paren": [
+        "padded-blocks": [
             "error",
+            "never"
+        ],
+        "quotes": [
+            "error",
+            "single",
             {
-                "anonymous": "always",
-                "named": "never",
-                "asyncArrow": "never"
+                "avoidEscape": true
             }
         ],
-        "space-in-parens": ["error", "never"],
-        "spaced-comment": ["error", "always"],
+        "semi": [
+            "error",
+            "always"
+        ],
+        "semi-style": [
+            "error",
+            "last"
+        ],
+        "space-in-parens": [
+            "error",
+            "never"
+        ],
+        "spaced-comment": [
+            "error",
+            "always"
+        ],
         // ECMAScript 6
-        "arrow-parens": ["error", "always"],
+        "arrow-parens": [
+            "error",
+            "always"
+        ],
         "arrow-spacing": "error",
         "no-confusing-arrow": "error",
         "no-var": "error",
         "prefer-const": "error",
         "prefer-spread": "error"
     }
-}
+}

.nvmrc

@@ -1 +1 @@
-v16
+v20

CONTRIBUTING.md

@@ -24,6 +24,7 @@ request. It's not mandatory at all, but feel free to open an issue to present yo
 
 To start working on the Genymotion device web player, all you need if an HTML page to instanciate a player from your
 local copy of this repository.
+
 Build the player in dev mode:
 
 ```sh