add background page to fetch

.gitignore

@@ -1,6 +1,7 @@
 /.idea
 /node_modules
 /.tmp
+/tmp
 /dist
 dist.*
 .DS_Store

app/manifest.json

@@ -4,7 +4,7 @@
   "default_locale": "en",
   "description": "翻译来自Bing词典，可自动识别中英互译，可将翻译结果直接插入到页面内容之中",
   "short_name": "__MSG_shortName__",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "icons": {
     "128": "icon.png"
   },
@@ -21,6 +21,10 @@
       "js": ["chrome-dict.js"]
     }
   ],
+  "background": {
+    "scripts": ["background.js"],
+    "presistent": false
+  },
   "permissions": [
     "storage"
   ]

app/scripts/background/index.js

@@ -0,0 +1,10 @@
+chrome.runtime.onMessage.addListener(
+  function(request, sender, sendResponse) {
+      var url = `https://cn.bing.com/dict/search?mkt=zh-cn&q=${encodeURIComponent(request.word)}`
+      fetch(url)
+          .then(response => response.text())
+          .then(text => sendResponse(text))
+          .catch(error => sendResponse('未找到'))
+      return true;  // Will respond asynchronously.
+  }
+);

app/scripts/entry-background.js

@@ -0,0 +1 @@
+export default from './background';

app/scripts/popup/index.js

@@ -2,7 +2,7 @@ import 'es6-promise';
 import search from '../search';
 import { saveKey2Storage, findKeyFromStorage, key2KeyName, keyName2Key} from '../common/key';
 
-const version = '1.3.0';
+const version = '1.4.0';
 
 var input = document.getElementById('text');
 

app/scripts/search/index.js

@@ -3,7 +3,9 @@ import "whatwg-fetch"
 
 export function doSearch(word) {
   const url = `https://cn.bing.com/dict/search?mkt=zh-cn&q=${encodeURIComponent(word)}`;
-  return fetch(url).then(res => res.text())
+  return new Promise((resolve) => {
+    chrome.runtime.sendMessage({ word }, resolve)
+  });
 }
 
 export default function (text) {

webpack.config.dev.js

@@ -3,14 +3,15 @@ const CopyWebpackPlugin = require('copy-webpack-plugin');
 const paths = {
 
   app: './app',
-  output: './.tmp'
+  output: './tmp'
 };
 module.exports = {
   devtool: 'cheap-module-source-map',
   //devtool: 'cheap-module-eval-source-map',
   entry: {
     index: paths.app + '/scripts/entry-index.js',
-    "chrome-dict": paths.app + '/scripts/entry-content.js'
+    "chrome-dict": paths.app + '/scripts/entry-content.js',
+    background: paths.app + '/scripts/entry-background.js'
   },
   output: {
     path: paths.output,

webpack.config.prod.js

@@ -8,7 +8,8 @@ const paths = {
 module.exports = {
   entry: {
     index: paths.app + '/scripts/entry-index.js',
-    "chrome-dict": paths.app + '/scripts/entry-content.js'
+    "chrome-dict": paths.app + '/scripts/entry-content.js',
+    background: paths.app + '/scripts/entry-background.js'
   },
   output: {
     path: paths.output,