Merge pull request #24 from WebExp0528/development

Add alias path intellegence

Author: WebExp0528

jsconfig.json

@@ -0,0 +1,15 @@
+{
+    "compilerOptions": {
+        "baseUrl": "./src",
+        "jsx": "react",
+        "paths": {
+            "utils": ["src/utils"],
+            "popup": ["src/popup"],
+            "background": ["src/background"],
+            "options": ["src/options"],
+            "content": ["src/content"],
+            "assets": ["src/assets"],
+            "components": ["src/components"]
+        }
+    }
+}

src/background/background.js renamed to src/background/index.js

@@ -1,4 +1,4 @@
-import ext from "./../utils/ext";
+import ext from "utils/ext";
 
 /**
  * Define content script functions

src/popup/components/button/button.jsx renamed to src/components/button/button.jsx

@@ -2,16 +2,12 @@
 
 import React from "react";
 import ReactDOM from "react-dom";
-import ext from "../utils/ext";
-// import "./content.css";
+import ext from "utils/ext";
+import MessageListener from "./messageListener";
 
-function onRequest(request) {
-    if (request.action === "change-color") {
-        document.body.style.background = request.data.color;
-    }
-}
+// import "./content.css";
 
-ext.runtime.onMessage.addListener(onRequest);
+ext.runtime.onMessage.addListener(MessageListener);
 
 class Main extends React.Component {
     render() {

src/popup/components/button/button.scss renamed to src/components/button/button.scss

@@ -0,0 +1,7 @@
+export const onRequest = request => {
+    if (request.action === "change-color") {
+        document.body.style.background = request.data.color;
+    }
+};
+
+export default onRequest;

src/popup/components/button/button.spec.js renamed to src/components/button/button.spec.js

@@ -1,5 +1,5 @@
 import React from "react";
-import Button from "../../components/button/button";
+import Button from "components/button/button";
 import sendMessage from "../../services/comunicationManager";
 
 function setGreen() {

src/content/content.jsx renamed to src/content/index.js

@@ -35,19 +35,19 @@ const getEntry = (sourceDir = "src") => {
     return {
         popup: [
             "@babel/polyfill",
-            path.resolve(__dirname, `${sourceDir}/popup/popup.jsx`)
+            path.resolve(__dirname, `${sourceDir}/popup/index.jsx`)
         ],
         options: [
             "@babel/polyfill",
             path.resolve(__dirname, `${sourceDir}/options/options.jsx`)
         ],
         content: [
             "@babel/polyfill",
-            path.resolve(__dirname, `${sourceDir}/content/content.jsx`)
+            path.resolve(__dirname, `${sourceDir}/content/index.js`)
         ],
         background: [
             "@babel/polyfill",
-            path.resolve(__dirname, `${sourceDir}/background/background.js`)
+            path.resolve(__dirname, `${sourceDir}/background/index.js`)
         ],
         hotreload: path.resolve(__dirname, `${sourceDir}/utils/hot-reload.js`)
     };
@@ -121,7 +121,8 @@ const getResolves = () => {
             background: path.resolve(__dirname, "src/background/"),
             options: path.resolve(__dirname, "src/options/"),
             content: path.resolve(__dirname, "src/content/"),
-            assets: path.resolve(__dirname, "src/assets/")
+            assets: path.resolve(__dirname, "src/assets/"),
+            components: path.resolve(__dirname, "src/components")
         }
     };
 };