feat: add ability for background tasks and local storage

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hypertrons-crx",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "private": true,
   "description": "Hypertrons",
   "license": "Apache",

src/manifest.json

@@ -3,6 +3,14 @@
   "icons": {
     "128": "128.png"
   },
+  "background": {
+    "scripts": ["background.bundle.js"],
+    "persistent": true
+  },
+  "browser_action": {
+    "default_popup": "popup.html",
+    "default_icon": "128.png"
+  },
   "content_scripts": [{
     "matches": ["*://github.com/*"],
     "js": ["contentScript.bundle.js"],

src/pages/Background/index.ts

@@ -0,0 +1,12 @@
+export enum BackgroundTasks {
+  update = 'check_for_updates'
+}
+
+chrome.alarms.create(BackgroundTasks.update,{periodInMinutes:10});
+
+chrome.alarms.onAlarm.addListener((alarm) => {
+  const name=alarm.name;
+  if(name===BackgroundTasks.update){
+    console.log("check for updates");
+  }
+});

src/pages/Content/index.ts

@@ -2,6 +2,5 @@ import './index.css';
 import {loadConfigFromGithub} from './common/ConfigService';
 import {renderDashboard} from './common/DashboardService';
 
-
 const config=loadConfigFromGithub();
 renderDashboard(config);

src/pages/Options/index.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { render } from 'react-dom';
+
+import './index.css';
+
+render(<div />, window.document.querySelector('#app-container'));

src/pages/Popup/index.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { render } from 'react-dom';
+
+import './index.css';
+
+render(<div />, window.document.querySelector('#app-container'));

src/utils/utils.ts

@@ -21,3 +21,21 @@ export function isNull(object: any) {
   }
   return false;
 }
+
+export async function chrome_set(key:string,value:any){
+  const items: { [key: string] : any; } = {};
+  items[key]=value;
+  return new Promise<void>((resolve, reject) => {
+    chrome.storage.local.set(items, ()=>{
+      resolve();
+    })
+  });
+}
+
+export async function chrome_get(key:string){
+  return new Promise((resolve, reject) => {
+    chrome.storage.local.get(key, (result)=>{
+      resolve(result);
+    })
+  });
+}

webpack.config.js

@@ -34,9 +34,9 @@ if (fileSystem.existsSync(secretsPath)) {
 var options = {
   mode: process.env.NODE_ENV || 'development',
   entry: {
-    options: path.join(__dirname, 'src', 'pages', 'Options', 'index.jsx'),
-    popup: path.join(__dirname, 'src', 'pages', 'Popup', 'index.jsx'),
-    background: path.join(__dirname, 'src', 'pages', 'Background', 'index.js'),
+    options: path.join(__dirname, 'src', 'pages', 'Options', 'index.tsx'),
+    popup: path.join(__dirname, 'src', 'pages', 'Popup', 'index.tsx'),
+    background: path.join(__dirname, 'src', 'pages', 'Background', 'index.ts'),
     contentScript: path.join(__dirname, 'src', 'pages', 'Content', 'index.ts'),
   },
   output: {