feat(webSDK): OSMINAPP-6497 web push support for extension

chrome-extension/Readme

@@ -0,0 +1,11 @@
+WebSDK and Web Push in Chrome Exension
+1. Make sure to integrate webSDK to your chrome extension
+    - Download the latest code from https://cdn.moengage.com/webpush/moe_webSdk.min.latest.js
+    - Create a new file name webSDK.min.js and save code inside it.
+    - Inject that script to your extension project.
+    - Initialize SDK after webSDK.min.js script exection as shared on popup.js
+2. To use Web Push notification 
+    - For Web Push notification manifest_version: 3 is required. 
+    - SDK required ["notifications", "storage"] Permission which you have to add in you manifest.json file.
+    - Make sure to download the moengage chrome extesnion service worker code from  https://cdn.moengage.com/webpush/beta/serviceworker_chrome_ext_cdn.js.
+    - Use that code inside your background.js file.

chrome-extension/manifest.json

@@ -1,7 +1,15 @@
 {
-  "name": "Moengage SDK",
+  "name": "Moengage SDK WebPush",
   "description": "Moengage Web SDK Sample for Chrome Extension",
   "version": "1.0",
+  "background": {
+    "service_worker": "background.js"
+  },
+  "permissions": ["notifications"],
+  "web_accessible_resources": [{
+    "resources": [ "injectScripts/webSDK.min.js", "injectScripts/webSDK.cards.min.js" ],
+    "matches": [ "<all_urls>" ]
+  }],
   "manifest_version": 3,
   "action": {
     "default_popup": "hello.html",

chrome-extension/popup.js

@@ -1,5 +1,9 @@
 console.log('This is a popup!');
 window.Moengage = moe({
-  app_id: 'XXXXXXXXXXXXXXXX',
-  debug_logs: 0
-});
+  app_id: 'XXXXXXXXXXXXXXXXXXXX',
+  environment: 'sdk-01.moengage.com',
+  debug_logs: 0,
+  disable_onsite: true,
+  disableCookies: true
+});
+