Squashed commit of the following:

commit a3e4323
Author: Kevin Hill <[email protected]>
Date:   Wed Jul 24 05:10:15 2024 -0700

    fixing some css to remove the margin on the sides

commit a8af464
Author: Kevin Hill <[email protected]>
Date:   Wed Jul 24 05:02:38 2024 -0700

    cleaning up things

commit 7e54e6d
Author: Kevin Hill <[email protected]>
Date:   Tue Jul 23 20:16:35 2024 -0700

    updating provider to be a feature with toggle

commit 9cafd81
Author: Kevin Hill <[email protected]>
Date:   Tue Jul 23 16:28:04 2024 -0700

    refactoring some state into hooks

commit 9c200db
Author: Kevin Hill <[email protected]>
Date:   Tue Jul 23 06:34:06 2024 -0700

    adding new storage class with update event using message passing.

.eslintrc

@@ -47,7 +47,13 @@
       "error",
       "tag-aligned"
     ],
-    "@typescript-eslint/consistent-type-imports": "error",
+    "@typescript-eslint/consistent-type-imports": [
+      "error",
+      {
+        "fixStyle": "separate-type-imports",
+        "prefer": "type-imports"
+      }
+    ],
     "import/first": "error",
     "import/newline-after-import": "error",
     "import/no-duplicates": "error",

config/webpack/paths.js

@@ -24,8 +24,8 @@ module.exports = {
   entryPaths: {
     panel: path.join(panelPath, "index.tsx"),
     options: path.join(optionsPath, "index.tsx"),
-    background: path.join(backgroundPath, "index.js"),
-    contentScript: path.join(contentPath, "index.js"),
+    background: path.join(backgroundPath, "index.ts"),
+    contentScript: path.join(contentPath, "index.ts"),
   },
   htmlTemplates: {
     panel: path.join(panelPath, "index.html"),

config/webpack/plugins.js

@@ -5,7 +5,7 @@ const HtmlWebpackPlugin = require("html-webpack-plugin");
 const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 const ReactRefreshWebpackPlugin = require("@pmmmwh/react-refresh-webpack-plugin");
 
-const { manifestPath, outputPath, pagesPath, assetsPath, htmlTemplates } = require("./paths");
+const { manifestPath, outputPath, assetsPath, htmlTemplates } = require("./paths");
 
 const isDevelopment = process.env.NODE_ENV !== "production";
 const forceOutput = { to: outputPath, force: true };
@@ -35,10 +35,6 @@ const commonPlugins = [
   copyManifestPlugin,
   new CopyWebpackPlugin({
     patterns: [
-      {
-        from: path.join(pagesPath, "Content", "content.styles.css"),
-        ...forceOutput,
-      },
       {
         from: path.join(assetsPath, "img", "icon-128.png"),
         ...forceOutput,

locales/en.json

@@ -0,0 +1,3 @@
+{
+    "Environment": "Environment"
+}

locales/es.json

@@ -0,0 +1,3 @@
+{
+    "Environment": "Ambiente"
+}