use a more descriptive file structure

scripts/outside/watchman.js

@@ -0,0 +1,61 @@
+/* Watchman.js
+Be sensitive to changes and update the state.
+*/
+
+(async () => {
+  // Import modules.
+  let secretariat = await import(
+    chrome.runtime.getURL("scripts/secretariat.js")
+  );
+  let filters = new ((await import(chrome.runtime.getURL("scripts/filters.js"))).default);
+  // let reader = await import(chrome.runtime.getURL("scripts/reader.js"));
+
+  class watchman {
+    /* Check the current URL.
+
+      @param {string} URL the page URL; default value is the current webpage
+      @return {dictionary} the filter to follow
+      */
+    static async observe(URL = window.location.href) {
+      // Create the variable to determine the corresponding key.
+      let activity = false;
+      
+      activity = await filters.select(URL);
+
+      return activity;
+    }
+
+    /* Act on the page.
+
+        @param {dictionary} filters the filter to work with
+        @return {boolean} the state
+        */
+    static act(filters) {
+      console.log(
+        "ShopAI works here! Click on the button in the toolbar or website to start.",
+      );
+      secretariat.write("state", true);
+      // TODO
+    }
+
+    /* Set the program to standby utnil next load.
+     */
+    static standby() {
+      // Set the icon to indicate that it's not active. 
+      secretariat.write("state", false);
+    }
+
+    static async job() {
+      /* The main action. */
+      (watchman.observe()).then((job_task) => {
+        if (job_task && Object.keys(job_task).length !== 0) {
+          watchman.act(job_task);
+        } else {
+          watchman.standby();
+        }
+      });
+    }
+  }
+
+  watchman.job();
+})();