fix: Observe appMountPoint DOM node than .mainView because mainView i…

…s created dynamically

manifest_chrome.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "NoteFlix",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Permet d'avoir les scores et avis AlloCiné/SensCritique sur Netflix",
   "icons": {
     "48": "images/logo-48.png",

manifest_firefox.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 2,
   "name": "NoteFlix",
-  "version": "1.2.1",
+  "version": "1.2.3",
   "description": "Permet d'avoir les scores et avis AlloCiné/SensCritique sur Netflix",
   "icons": {
     "48": "images/logo-48.png",

src/index.js

@@ -39,6 +39,7 @@ const isLoaded = (mutation) => {
 }
 
 const observer = new MutationObserver((mutations) => {
+  console.log(mutations)
   // Only listen mutation of added jawBones
   const jawboneMutation = mutations.filter(mutation => {
     return clickedOnVideoJawBone(mutation) ||
@@ -50,4 +51,5 @@ const observer = new MutationObserver((mutations) => {
     manager.refreshRatings()
   }
 })
-observer.observe(document.querySelector('.mainView'), observerConfig)
+
+observer.observe(document.getElementById('appMountPoint'), observerConfig)

webpack_chrome.config.js

@@ -1,19 +1,19 @@
-const path = require('path');
-const CopyPlugin = require('copy-webpack-plugin');
+const path = require('path')
+const CopyPlugin = require('copy-webpack-plugin')
 
 module.exports = {
   entry: {
-    index:  './src/index.js',
-    background:  './src/background.js',
+    index: './src/index.js',
+    background: './src/background.js'
   },
   plugins: [
     new CopyPlugin([
       { from: 'images/logo*', to: '.' },
-      { from: 'manifest_chrome.json', to: 'manifest.json'}
-    ]),
+      { from: 'manifest_chrome.json', to: 'manifest.json' }
+    ])
   ],
   output: {
     path: path.resolve(__dirname, 'dist/chrome/main'),
-    filename: '[name]/index.js',
+    filename: '[name]/index.js'
   }
-};
+}

webpack_firefox.config.js

@@ -1,19 +1,19 @@
-const path = require('path');
-const CopyPlugin = require('copy-webpack-plugin');
+const path = require('path')
+const CopyPlugin = require('copy-webpack-plugin')
 
 module.exports = {
   entry: {
-    index:  './src/index.js',
-    background:  './src/background.js',
+    index: './src/index.js',
+    background: './src/background.js'
   },
   plugins: [
     new CopyPlugin([
       { from: 'images/logo*', to: '.' },
-      { from: 'manifest_firefox.json', to: 'manifest.json'}
-    ]),
+      { from: 'manifest_firefox.json', to: 'manifest.json' }
+    ])
   ],
   output: {
     path: path.resolve(__dirname, 'dist/firefox/main'),
-    filename: '[name]/index.js',
+    filename: '[name]/index.js'
   }
-};
+}