Before npm init

SimonGenin · Nov 6, 2020 · c97ac32 · c97ac32
1 parent b3bd8f1
commit c97ac32
Show file tree

Hide file tree

Showing 13 changed files with 35 additions and 32 deletions.
diff --git a/images/icon.png → assets/images/icon.png b/images/icon.png → assets/images/icon.png
diff --git a/background.html b/background.html
diff --git a/manifest.json b/manifest.json
@@ -4,8 +4,8 @@
     "manifest_version": 2,
     "description": "Chrome Extension starter Kit with es6 standards",
     "browser_action": {
-        "default_icon": "images/icon.png",
-        "default_popup": "popup.html"
+        "default_icon": "assets/images/icon.png",
+        "default_popup": "src/popup/popup.html"
     },
     "permissions": [
         "cookies",
@@ -19,7 +19,8 @@
     ],
     "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'",
     "background": {
-        "page": "background.html",
+        "page": "src/background.html",
         "persistent": false
-    }
+    },
+    "devtools_page": "src/devtools/devtools.html"
 }
diff --git a/scripts/extension/background.js b/scripts/extension/background.js
diff --git a/src/background.html b/src/background.html
@@ -0,0 +1 @@
+<script type="module" src="./background.js"></script>
diff --git a/src/background.js b/src/background.js
@@ -0,0 +1,9 @@
+import { contentUtils } from './utils/contentUtils.js';
+import { tabUtils } from './utils/tabUtils.js';
+
+const init = () => {
+    console.log('Init background.js');
+    // do something ? 
+};
+
+window.onload = init;
diff --git a/src/devtools/devtools.html b/src/devtools/devtools.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <script src="devtools.js"></script>
+</head>
+<body>
+    Coucou
+</body>
+</html>
diff --git a/src/devtools/devtools.js b/src/devtools/devtools.js
@@ -0,0 +1,7 @@
+chrome.devtools.panels.create("Owl",
+    "MyPanelIcon.png",
+    "Panel.html",
+    function(panel) {
+      // code invoked on panel creation
+    }
+);
diff --git a/popup.html → src/popup/popup.html b/popup.html → src/popup/popup.html
diff --git a/scripts/extension/popup.js → src/popup/popup.js b/scripts/extension/popup.js → src/popup/popup.js
diff --git a/scripts/utils/contentUtils.js → src/utils/contentUtils.js b/scripts/utils/contentUtils.js → src/utils/contentUtils.js
@@ -32,7 +32,7 @@ export const contentUtils = {
                     });
 
                     chrome.tabs.executeScript(tabId, {
-                        file: 'scripts/utils/getPagesSource.js'
+                        file: './getPagesSource.js'
                     }, () => {
                         // console.log('Inside executeScript ');
                         // If you try and inject into an extensions page or the webstore/NTP you'll get an error

diff --git a/scripts/utils/getPagesSource.js → src/utils/getPagesSource.js b/scripts/utils/getPagesSource.js → src/utils/getPagesSource.js
diff --git a/scripts/utils/tabUtils.js → src/utils/tabUtils.js b/scripts/utils/tabUtils.js → src/utils/tabUtils.js
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<script type="module" src="./background.js"></script>