Merge pull request #5 from codeeshop-oc/anant

updated docs and publish to chrome store for review

README.md

@@ -1,35 +1,39 @@
 # Custom HTML in Pages (custom-html-in-pages)
 
-Chrome Extension
+> Chrome Extension for adding Custom HTML code in Single Page, All Pages or Domains
+
+[![Chrome](https://img.shields.io/badge/Chrome%20Extension-1.0.0-blue)](https://github.com/codeeshop-oc/custom-html-in-pages/blob/main/LICENSE)
+[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/codeeshop-oc/custom-html-in-pages/blob/main/LICENSE)
+[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/codeeshop-oc/custom-html-in-pages/issues?&q=is%3Aissue+is%3Aopen)
+
 
 ## Install the dependencies
 ```bash
 yarn install
 ```
 
-### Start the app in development mode (hot-code reloading, error reporting, etc.)
+### 🚀 Start the app in development mode (hot-code reloading, error reporting, etc.)
 ```bash
 quasar dev -m bex
 ```
 
 Follow the development procedure for chrome and firefox described here:
 [Quasar BEX Build Commands](https://quasar.dev/quasar-cli/developing-browser-extensions/build-commands)
 
-### Build the app for production
+### 🚀 Build the app for production
 ```bash
 quasar build -m bex
 ```
 
 Follow the production building tutorial here:
 [Quasar Production BEX Build Commands]](https://quasar.dev/quasar-cli/developing-browser-extensions/build-commands#Building-for-Production)
 
-## What works as of now
+## Working
 Current tested in Chrome only. After installation you can browse to any URL and see the extension working.
 - A Popup will open when click on the Chrome Extension Icon
 - Fill the fields
 
-
-### All Props
+### 🚀 All Fields
 
 | Field name         	 | Description                                                         		 | Type    | Values                  
 | ---------------------- | --------------------------------------------------------------------------| ------- | ---------------------
@@ -39,5 +43,10 @@ Current tested in Chrome only. After installation you can browse to any URL and
 
 - See the result by inspecting ( Ctrl + Shift + F12 ) and check under head section.
 
-### Customize the configuration
+### 🚀 Customize the configuration
 See [Configuring quasar.conf.js](https://quasar.dev/quasar-cli/quasar-conf-js).
+
+
+### 🔖 License
+
+This software is licensed under the [MIT](https://github.com/codeeshop-oc/custom-html-in-pages/blob/main/LICENSE).

dist/bex/UnPackaged/js/background-hooks.js

@@ -5,61 +5,6 @@
 
 export default function attachBackgroundHooks(bridge /* , allActiveConnections */ ) {
 
-  bridge.on('storage.get', event => {
-    const payload = event.data
-    if (payload.key === null) {
-      chrome.storage.local.get(null, r => {
-        const result = []
-
-        // Group the items up into an array to take advantage of the bridge's chunk splitting.
-        for (const itemKey in r) {
-          result.push(r[itemKey])
-        }
-        bridge.send(event.eventResponseKey, result)
-      })
-    } else {
-      chrome.storage.local.get([payload.key], r => {
-        bridge.send(event.eventResponseKey, r[payload.key])
-      })
-    }
-  })
-
-  bridge.on('storage.set', event => {
-    const payload = event.data
-    chrome.storage.local.set({
-      [payload.key]: payload.data
-    }, () => {
-      bridge.send(event.eventResponseKey, payload.data)
-    })
-  })
-
-  bridge.on('storage.remove', event => {
-    const payload = event.data
-    chrome.storage.local.remove(payload.key, () => {
-      bridge.send(event.eventResponseKey, payload.data)
-    })
-  })
-
-  /*
-  // EXAMPLES
-  // Listen to a message from the client
-  bridge.on('test', d => {
-    console.log(d)
-  })
-
-  // Send a message to the client based on something happening.
-  chrome.tabs.onCreated.addListener(tab => {
-    bridge.send('browserTabCreated', { tab })
-  })
-
-  // Send a message to the client based on something happening.
-  chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
-    if (changeInfo.url) {
-      bridge.send('browserTabUpdated', { tab, changeInfo })
-    }
-  })
-   */
-
   chrome.tabs.query({
     active: true
   }, function(tabs) {

dist/bex/UnPackaged/manifest.json

@@ -1 +1 @@
-{"name":"Custom HTML in Pages","description":"Adding Custom HTML code in Single Page, All Pages or Domains","version":"1.0.0","manifest_version":2,"icons":{"16":"icons/icon-16x16.png","48":"icons/icon-48x48.png","128":"icons/icon-128x128.png"},"browser_action":{"default_popup":"www/index.html#/popup"},"background":{"scripts":["www/js/bex-background.js","js/background.js"],"persistent":true},"content_scripts":[{"matches":["<all_urls>"],"js":["www/js/bex-content-script.js","js/content-script.js"],"css":["css/content-css.css"]}],"permissions":["<all_urls>","storage","tabs","activeTab"],"web_accessible_resources":["www/*","js/*","css/*","<all_urls>"],"content_security_policy":"script-src 'self' 'unsafe-eval'; object-src 'self';"}
+{"name":"Custom HTML in Pages","description":"Adding Custom HTML code in Single Page, All Pages or Domains","version":"1.0.0","manifest_version":2,"author":"Anant Negi","icons":{"16":"icons/icon-16x16.png","48":"icons/icon-48x48.png","128":"icons/icon-128x128.png"},"browser_action":{"default_popup":"www/index.html#/popup"},"background":{"scripts":["www/js/bex-background.js","js/background.js"],"persistent":true},"content_scripts":[{"matches":["<all_urls>"],"js":["www/js/bex-content-script.js","js/content-script.js"],"css":["css/content-css.css"]}],"permissions":["tabs"],"web_accessible_resources":["www/*","js/*","css/*","<all_urls>"],"content_security_policy":"script-src 'self' 'unsafe-eval'; object-src 'self';"}

dist/bex/UnPackaged/www/js/bex-background.js

@@ -6263,57 +6263,6 @@ var web_url_search_params = __webpack_require__(6016);
 function attachBackgroundHooks(bridge
 /* , allActiveConnections */
 ) {
-  bridge.on('storage.get', event => {
-    const payload = event.data;
-
-    if (payload.key === null) {
-      chrome.storage.local.get(null, r => {
-        const result = []; // Group the items up into an array to take advantage of the bridge's chunk splitting.
-
-        for (const itemKey in r) {
-          result.push(r[itemKey]);
-        }
-
-        bridge.send(event.eventResponseKey, result);
-      });
-    } else {
-      chrome.storage.local.get([payload.key], r => {
-        bridge.send(event.eventResponseKey, r[payload.key]);
-      });
-    }
-  });
-  bridge.on('storage.set', event => {
-    const payload = event.data;
-    chrome.storage.local.set({
-      [payload.key]: payload.data
-    }, () => {
-      bridge.send(event.eventResponseKey, payload.data);
-    });
-  });
-  bridge.on('storage.remove', event => {
-    const payload = event.data;
-    chrome.storage.local.remove(payload.key, () => {
-      bridge.send(event.eventResponseKey, payload.data);
-    });
-  });
-  /*
-  // EXAMPLES
-  // Listen to a message from the client
-  bridge.on('test', d => {
-    console.log(d)
-  })
-   // Send a message to the client based on something happening.
-  chrome.tabs.onCreated.addListener(tab => {
-    bridge.send('browserTabCreated', { tab })
-  })
-   // Send a message to the client based on something happening.
-  chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
-    if (changeInfo.url) {
-      bridge.send('browserTabUpdated', { tab, changeInfo })
-    }
-  })
-   */
-
   chrome.tabs.query({
     active: true
   }, function (tabs) {

src-bex/js/background-hooks.js

@@ -5,61 +5,6 @@
 
 export default function attachBackgroundHooks(bridge /* , allActiveConnections */ ) {
 
-  bridge.on('storage.get', event => {
-    const payload = event.data
-    if (payload.key === null) {
-      chrome.storage.local.get(null, r => {
-        const result = []
-
-        // Group the items up into an array to take advantage of the bridge's chunk splitting.
-        for (const itemKey in r) {
-          result.push(r[itemKey])
-        }
-        bridge.send(event.eventResponseKey, result)
-      })
-    } else {
-      chrome.storage.local.get([payload.key], r => {
-        bridge.send(event.eventResponseKey, r[payload.key])
-      })
-    }
-  })
-
-  bridge.on('storage.set', event => {
-    const payload = event.data
-    chrome.storage.local.set({
-      [payload.key]: payload.data
-    }, () => {
-      bridge.send(event.eventResponseKey, payload.data)
-    })
-  })
-
-  bridge.on('storage.remove', event => {
-    const payload = event.data
-    chrome.storage.local.remove(payload.key, () => {
-      bridge.send(event.eventResponseKey, payload.data)
-    })
-  })
-
-  /*
-  // EXAMPLES
-  // Listen to a message from the client
-  bridge.on('test', d => {
-    console.log(d)
-  })
-
-  // Send a message to the client based on something happening.
-  chrome.tabs.onCreated.addListener(tab => {
-    bridge.send('browserTabCreated', { tab })
-  })
-
-  // Send a message to the client based on something happening.
-  chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
-    if (changeInfo.url) {
-      bridge.send('browserTabUpdated', { tab, changeInfo })
-    }
-  })
-   */
-
   chrome.tabs.query({
     active: true
   }, function(tabs) {

src-bex/manifest.json

@@ -3,6 +3,7 @@
   "description": "Adding Custom HTML code in Single Page, All Pages or Domains",
   "version": "1.0.0",
   "manifest_version": 2,
+  "author": "Anant Negi",
   "icons": {
     "16": "icons/icon-16x16.png",
     "48": "icons/icon-48x48.png",
@@ -29,10 +30,7 @@
     ]
   }],
   "permissions": [
-    "<all_urls>",
-    "storage",
-    "tabs",
-    "activeTab"
+    "tabs"
   ],
   "web_accessible_resources": [
     "www/*",