feat((background) added rule store to look up rules

README.md

@@ -1,3 +1,3 @@
-# vue-chrome-interceptor
+# vue-interceptor
 
-A simple chrome extension which helps in url redirection, modify request/response headers written vue with vuetify.
+A simple chrome/firefox extension which helps in url redirection, modify request/response headers written in vue with vuetify.

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "vue-chrome-interceptor",
+  "name": "vue-interceptor",
   "version": "0.1.0",
   "private": true,
   "scripts": {

src/background/background-script.ts

@@ -0,0 +1,21 @@
+import { ruleStore } from './rules-store';
+import { utils } from './utils';
+
+class BackgroundScript {
+  init() {
+    try {
+      ruleStore.init();
+      browser.browserAction.onClicked.addListener(this.handleBrowserAction);
+    } catch (error) {
+      console.error(error);
+    }
+  }
+
+  // Handlers
+  handleBrowserAction() {
+    const optionsUrl = chrome.extension.getURL('options.html');
+    utils.openOptionsPage(optionsUrl);
+  }
+}
+
+export const backgroundScript = new BackgroundScript();

src/background/index.ts

@@ -1,3 +1,3 @@
-browser.browserAction.onClicked.addListener(function() {
-  console.log('Hello from the background');
-});
+import { backgroundScript } from './background-script';
+
+backgroundScript.init();

src/background/rules-store.ts

@@ -0,0 +1,21 @@
+import { Rule } from '@/libs';
+import { RedirectRulesMap } from './types';
+import { rulesRepository } from '../libs/storage/rules-repository';
+
+class RuleStore {
+  allRules: Rule[] = [];
+  redirectRules: RedirectRulesMap = {};
+
+  async init() {
+    this.allRules = await this.fetchAll();
+    this.allRules.forEach(rule => {
+      console.log(rule);
+    });
+  }
+
+  async fetchAll() {
+    return await rulesRepository.fetchAll();
+  }
+}
+
+export const ruleStore = new RuleStore();

src/background/types.ts

@@ -0,0 +1,10 @@
+export interface RedirectRulesMap {
+  [fromUrl: string]: string;
+}
+
+export interface ModifyHeaderRulesMap {
+  [url: string]: {
+    key: string;
+    value: string | number;
+  };
+}

src/background/utils.ts

@@ -0,0 +1,22 @@
+class Utils {
+  openOptionsPage(optionsUrl: string) {
+    chrome.tabs.query({}, function(extensionTabs: chrome.tabs.Tab[]) {
+      let found = false;
+
+      for (let i = 0, len = extensionTabs.length; i < len; i++) {
+        if (optionsUrl === extensionTabs[i].url) {
+          found = true;
+          chrome.tabs.update(extensionTabs[i].id ?? Math.random(), {
+            selected: true
+          });
+          break;
+        }
+      }
+      if (found === false) {
+        chrome.tabs.create({ url: optionsUrl });
+      }
+    });
+  }
+}
+
+export const utils = new Utils();

src/options/App.vue

@@ -5,7 +5,7 @@
       <v-app-bar-nav-icon>
         <div class="logo"><span>VI</span></div>
       </v-app-bar-nav-icon>
-      <v-toolbar-title>Vue Chrome Interceptor</v-toolbar-title>
+      <v-toolbar-title>Interceptor</v-toolbar-title>
     </v-app-bar>
 
     <v-main>