Merge pull request #27 from dutiyesh/chore/format-files

Format files
dutiyesh · Jun 13, 2022 · de7ca7e · de7ca7e
2 parents ed32b22 + e87c2fb
commit de7ca7e
Show file tree

Hide file tree

Showing 20 changed files with 120 additions and 106 deletions.
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1,4 @@
+# https://prettier.io/docs/en/ignore.html
+
+# Dependencies:
+node_modules
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,10 @@
+{
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "htmlWhitespaceSensitivity": "css",
+  "insertPragma": false,
+  "semi": true
+}
diff --git a/index.js b/index.js
@@ -30,7 +30,7 @@ const program = new commander.Command(packageFile.name)
   .version(packageFile.version)
   .arguments('<project-directory>')
   .usage(`${chalk.green('<project-directory>')} [options]`)
-  .action(name => {
+  .action((name) => {
     projectName = name;
   })
   .option(

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,7 +8,7 @@
     "chrome-extension-cli": "index.js"
   },
   "scripts": {
-    "format": "prettier --single-quote --trailing-comma es5 --write 'index.js' '{config,scripts,utils,templates}/**/*.{js,ts,css}'"
+    "format": "prettier --write --ignore-unknown 'index.js' '{config,scripts,utils,templates}/**/*.{js,ts,css,html,json}'"
   },
   "keywords": [
     "chrome",
@@ -43,6 +43,6 @@
     "validate-npm-package-name": "^3.0.0"
   },
   "devDependencies": {
-    "prettier": "^1.18.2"
+    "prettier": "^2.6.2"
   }
 }
diff --git a/templates/javascript/devtools/src/devtools.js b/templates/javascript/devtools/src/devtools.js
@@ -5,6 +5,6 @@
 // See https://developer.chrome.com/extensions/devtools
 
 // Create a panel named `My Panel`
-chrome.devtools.panels.create('My Panel', '', 'panel.html', panel => {
+chrome.devtools.panels.create('My Panel', '', 'panel.html', (panel) => {
   console.log('Panel was successfully created!');
 });
diff --git a/templates/javascript/devtools/src/panel.js b/templates/javascript/devtools/src/panel.js
@@ -30,7 +30,7 @@ chrome.runtime.sendMessage(
       message: 'Hello, my name is Pan. I am from Panel.',
     },
   },
-  response => {
+  (response) => {
     console.log(response.message);
   }
 );
diff --git a/templates/javascript/override-page/src/app.js b/templates/javascript/override-page/src/app.js
@@ -4,7 +4,7 @@ import getCurrentTime from './clock';
 import getDay from './day';
 import './app.css';
 
-(function() {
+(function () {
   function setTime() {
     const time = getCurrentTime();
 
@@ -33,7 +33,7 @@ import './app.css';
         message: 'Hello, my name is Ove. I am from Override app.',
       },
     },
-    response => {
+    (response) => {
       console.log(response.message);
     }
   );

diff --git a/templates/javascript/popup/src/contentScript.js b/templates/javascript/popup/src/contentScript.js
@@ -25,7 +25,7 @@ chrome.runtime.sendMessage(
       message: 'Hello, my name is Con. I am from ContentScript.',
     },
   },
-  response => {
+  (response) => {
     console.log(response.message);
   }
 );

diff --git a/templates/javascript/popup/src/popup.js b/templates/javascript/popup/src/popup.js
@@ -2,7 +2,7 @@
 
 import './popup.css';
 
-(function() {
+(function () {
   // We will make use of Storage API to get and store `count` value
   // More information on Storage API can we found at
   // https://developer.chrome.com/extensions/storage
@@ -11,8 +11,8 @@ import './popup.css';
   // More information on Permissions can we found at
   // https://developer.chrome.com/extensions/declare_permissions
   const counterStorage = {
-    get: cb => {
-      chrome.storage.sync.get(['count'], result => {
+    get: (cb) => {
+      chrome.storage.sync.get(['count'], (result) => {
         cb(result.count);
       });
     },
@@ -45,7 +45,7 @@ import './popup.css';
   }
 
   function updateCounter({ type }) {
-    counterStorage.get(count => {
+    counterStorage.get((count) => {
       let newCount;
 
       if (type === 'INCREMENT') {
@@ -61,7 +61,7 @@ import './popup.css';
 
         // Communicate with content script of
         // active tab by sending a message
-        chrome.tabs.query({ active: true, currentWindow: true }, tabs => {
+        chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
           const tab = tabs[0];
 
           chrome.tabs.sendMessage(
@@ -72,7 +72,7 @@ import './popup.css';
                 count: newCount,
               },
             },
-            response => {
+            (response) => {
               console.log('Current count value passed to contentScript file');
             }
           );
@@ -83,7 +83,7 @@ import './popup.css';
 
   function restoreCounter() {
     // Restore count value
-    counterStorage.get(count => {
+    counterStorage.get((count) => {
       if (typeof count === 'undefined') {
         // Set counter value as 0
         counterStorage.set(0, () => {
@@ -105,7 +105,7 @@ import './popup.css';
         message: 'Hello, my name is Pop. I am from Popup.',
       },
     },
-    response => {
+    (response) => {
       console.log(response.message);
     }
   );

diff --git a/templates/shared/devtools/public/devtools.html b/templates/shared/devtools/public/devtools.html
@@ -1,14 +1,14 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Chrome DevTools</title>
-</head>
-<body>
-  <script src="devtools.js"></script>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Chrome DevTools</title>
+  </head>
+  <body>
+    <script src="devtools.js"></script>
 
-  <!--
-    This HTML page is used to create a DevTools page.
-  -->
-</body>
+    <!--
+      This HTML page is used to create a DevTools page.
+    -->
+  </body>
 </html>
diff --git a/templates/shared/devtools/public/panel.html b/templates/shared/devtools/public/panel.html
@@ -1,29 +1,29 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>My Panel</title>
-  <link rel="stylesheet" href="panel.css" />
-</head>
-<body>
-  <div class="app">
-    <main class="main">
-      <p id="message" class="message"></p>
+  <head>
+    <meta charset="UTF-8" />
+    <title>My Panel</title>
+    <link rel="stylesheet" href="panel.css" />
+  </head>
+  <body>
+    <div class="app">
+      <main class="main">
+        <p id="message" class="message"></p>
 
-      <hr class="divider" />
+        <hr class="divider" />
 
-      <p class="title">Chrome Extension is Ready!</p>
-      <p class="subtitle">Start by updating <code>panel.html</code></p>
-    </main>
-  </div>
+        <p class="title">Chrome Extension is Ready!</p>
+        <p class="subtitle">Start by updating <code>panel.html</code></p>
+      </main>
+    </div>
 
-  <script src="panel.js"></script>
+    <script src="panel.js"></script>
 
-  <!--
-    This HTML page is used to create a Panel inside DevTools page.
+    <!--
+      This HTML page is used to create a Panel inside DevTools page.
 
-    To begin the development, run `npm run watch`.
-    To create a production bundle, use `npm run build`.
-  -->
-</body>
+      To begin the development, run `npm run watch`.
+      To create a production bundle, use `npm run build`.
+    -->
+  </body>
 </html>
diff --git a/templates/shared/override-page/public/index.html b/templates/shared/override-page/public/index.html
@@ -1,27 +1,27 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>New Tab</title>
-  <link rel="stylesheet" href="app.css" />
-</head>
-<body>
-  <div class="container">
-    <p id="day" class="day"></p>
-    <div id="clock" class="clock"></div>
+  <head>
+    <meta charset="UTF-8" />
+    <title>New Tab</title>
+    <link rel="stylesheet" href="app.css" />
+  </head>
+  <body>
+    <div class="container">
+      <p id="day" class="day"></p>
+      <div id="clock" class="clock"></div>
 
-    <hr class="divider" />
+      <hr class="divider" />
 
-    <p class="title">Chrome Extension is Ready!</p>
-    <p class="subtitle">Start by updating <code>index.html</code></p>
-  </div>
-  <script src="app.js"></script>
+      <p class="title">Chrome Extension is Ready!</p>
+      <p class="subtitle">Start by updating <code>index.html</code></p>
+    </div>
+    <script src="app.js"></script>
 
-  <!--
-    This HTML file is a template for overriding pages like New Tab, Bookmarks, or History page.
+    <!--
+      This HTML file is a template for overriding pages like New Tab, Bookmarks, or History page.
 
-    To begin the development, run `npm run watch`.
-    To create a production bundle, use `npm run build`.
-  -->
-</body>
+      To begin the development, run `npm run watch`.
+      To create a production bundle, use `npm run build`.
+    -->
+  </body>
 </html>
diff --git a/templates/shared/popup/public/popup.html b/templates/shared/popup/public/popup.html
@@ -1,32 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>My Chrome Extension</title>
     <link rel="stylesheet" href="popup.css" />
-</head>
-<body>
-  <div class="app">
-    <p class="counter-label">Counter</p>
-    <div id="counter" class="counter"></div>
-    <div class="button-container">
-      <button id="decrementBtn" class="button">-</button>
-      <button id="incrementBtn" class="button">+</button>
-    </div>
+  </head>
+  <body>
+    <div class="app">
+      <p class="counter-label">Counter</p>
+      <div id="counter" class="counter"></div>
+      <div class="button-container">
+        <button id="decrementBtn" class="button">-</button>
+        <button id="incrementBtn" class="button">+</button>
+      </div>
 
-    <hr class="divider" />
+      <hr class="divider" />
 
-    <p class="title">Chrome Extension is Ready!</p>
-    <p class="subtitle">Start by updating <code>popup.html</code></p>
-  </div>
+      <p class="title">Chrome Extension is Ready!</p>
+      <p class="subtitle">Start by updating <code>popup.html</code></p>
+    </div>
 
-  <script src="popup.js"></script>
+    <script src="popup.js"></script>
 
-  <!--
-    This HTML file opens when you click on icon from the toolbar.
+    <!--
+      This HTML file opens when you click on icon from the toolbar.
 
-    To begin the development, run `npm run watch`.
-    To create a production bundle, use `npm run build`.
-  -->
-</body>
+      To begin the development, run `npm run watch`.
+      To create a production bundle, use `npm run build`.
+    -->
+  </body>
 </html>
diff --git a/templates/typescript/devtools/src/devtools.ts b/templates/typescript/devtools/src/devtools.ts
@@ -5,6 +5,6 @@
 // See https://developer.chrome.com/extensions/devtools
 
 // Create a panel named `My Panel`
-chrome.devtools.panels.create('My Panel', '', 'panel.html', panel => {
+chrome.devtools.panels.create('My Panel', '', 'panel.html', (panel) => {
   console.log('Panel was successfully created!');
 });
diff --git a/templates/typescript/devtools/src/panel.ts b/templates/typescript/devtools/src/panel.ts
@@ -30,7 +30,7 @@ chrome.runtime.sendMessage(
       message: 'Hello, my name is Pan. I am from Panel.',
     },
   },
-  response => {
+  (response) => {
     console.log(response.message);
   }
 );
diff --git a/templates/typescript/override-page/src/app.ts b/templates/typescript/override-page/src/app.ts
@@ -4,7 +4,7 @@ import getCurrentTime from './clock';
 import getDay from './day';
 import './app.css';
 
-(function() {
+(function () {
   function setTime(): void {
     const time: string = getCurrentTime();
 
@@ -33,7 +33,7 @@ import './app.css';
         message: 'Hello, my name is Ove. I am from Override app.',
       },
     },
-    response => {
+    (response) => {
       console.log(response.message);
     }
   );

diff --git a/templates/typescript/popup/src/contentScript.ts b/templates/typescript/popup/src/contentScript.ts
@@ -12,8 +12,8 @@
 // See https://developer.chrome.com/extensions/content_scripts
 
 // Log `title` of current active web page
-const pageTitle: string = document.head.getElementsByTagName('title')[0]
-  .innerHTML;
+const pageTitle: string =
+  document.head.getElementsByTagName('title')[0].innerHTML;
 console.log(
   `Page title is: '${pageTitle}' - evaluated by Chrome extension's 'contentScript.js' file`
 );
@@ -26,7 +26,7 @@ chrome.runtime.sendMessage(
       message: 'Hello, my name is Con. I am from ContentScript.',
     },
   },
-  response => {
+  (response) => {
     console.log(response.message);
   }
 );