feat: support fetch in wxapp (#86)

* feat: support fetch in wxapp

* chore: update yarn.lock

Author: raychenfj

packages/eslint-config/index.js

@@ -25,4 +25,8 @@ module.exports = {
   rules: {
     "prettier/prettier": "error",
   },
+
+  globals: {
+    wx: true,
+  },
 };

packages/fetch/package.json

@@ -28,7 +28,8 @@
     "decode-uri-component": "^0.2.0",
     "http-errors": "^1.7.1",
     "lodash": "^4.17.11",
-    "node-fetch": "^2.2.0"
+    "node-fetch": "^2.2.0",
+    "wxapp-http": "^3.1.0"
   },
   "devDependencies": {
     "fetch-mock": "^7.0.0-alpha.6"

packages/fetch/src/browser.js

@@ -1,2 +1,11 @@
 import wrapper from "./wrapper";
+import wxFetch from "./wxapp-fetch";
+
+if (!window && wx) {
+  global.fetch = wxFetch;
+  global.Response = wxFetch.Response;
+  global.Headers = wxFetch.Headers;
+  global.Request = wxFetch.Request;
+}
+
 export default wrapper;

packages/fetch/src/wrapper.js

@@ -26,6 +26,8 @@ export default async function(url, opt = {}) {
     ...headers,
   };
 
+  const fetch = (global && global.fetch) || (window && window.fetch);
+
   const res = await fetch(endpoint, {
     ...opt,
     body,

packages/fetch/src/wxapp-fetch.js

@@ -0,0 +1,74 @@
+import http from "wxapp-http";
+
+const httpClient = http.create({
+  maxConcurrent: 10,
+  timeout: 0,
+  header: {},
+  dataType: "json",
+});
+
+function generateResponse(res) {
+  let header = res.header || {};
+  let config = res.config || {};
+  return {
+    ok: ((res.statusCode / 200) | 0) === 1, // 200-299
+    status: res.statusCode,
+    statusText: res.errMsg,
+    url: config.url,
+    clone: () => generateResponse(res),
+    text: () =>
+      Promise.resolve(
+        typeof res.data === "string" ? res.data : JSON.stringify(res.data)
+      ),
+    json: () => {
+      if (typeof res.data === "object") return Promise.resolve(res.data);
+      let json = {};
+      try {
+        json = JSON.parse(res.data);
+      } catch (err) {
+        console.error(err);
+      }
+      return json;
+    },
+    blob: () => Promise.resolve(new Blob([res.data])),
+    headers: {
+      keys: () => Object.keys(header),
+      entries: () => {
+        let all = [];
+        for (let key in header) {
+          if (header.hasOwnProperty(key)) {
+            all.push([key, header[key]]);
+          }
+        }
+        return all;
+      },
+      get: n => {
+        const key = Object.keys(header).find(
+          key => key.toLowerCase() === n.toLowerCase()
+        );
+        return header[key];
+      },
+      has: n =>
+        !!Object.keys(header).find(
+          key => key.toLowerCase() === n.toLowerCase()
+        ),
+      forEach: fn => {
+        for (let key in header) {
+          if (header.hasOwnProperty(key)) {
+            fn([header[key], key]);
+          }
+        }
+      },
+    },
+  };
+}
+
+export default (typeof fetch === "function"
+  ? fetch.bind()
+  : function(url, options) {
+      options = options || {};
+      return httpClient
+        .request(options.method || "get", url, options.body, options.headers)
+        .then(res => Promise.resolve(generateResponse(res)))
+        .catch(res => Promise.reject(generateResponse(res)));
+    });

yarn.lock

@@ -42,6 +42,11 @@
   resolved "https://registry.yarnpkg.com/@ant-design/icons/-/icons-2.0.0.tgz#f9b8b16e188ec71ed40a24a0037f1a26d8c2be59"
   integrity sha512-N4h0v9TbAkzobiDrPNF5LMLbBoR+VdlXJX7RFbZS33lar6Pff37wIF1xJHzTYSZZmE6THSYGmSlEsHQJHx0pJg==
 
+"@axetroy/event-emitter.js@^1.2.4":
+  version "1.2.4"
+  resolved "https://registry.yarnpkg.com/@axetroy/event-emitter.js/-/event-emitter.js-1.2.4.tgz#6366444b146ad56a035799d3baf0fe0a8812dcaa"
+  integrity sha1-Y2ZESxRq1WoDV5nTuvD+CogS3Ko=
+
 "@babel/code-frame@7.0.0", "@babel/code-frame@^7.0.0":
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.0.0.tgz#06e2ab19bdb535385559aabb5ba59729482800f8"
@@ -20443,6 +20448,13 @@ ws@^6.1.2:
   dependencies:
     async-limiter "~1.0.0"
 
+wxapp-http@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/wxapp-http/-/wxapp-http-3.1.0.tgz#c7401f546a53b1d20ace771cdd2868f95bc972cd"
+  integrity sha512-Ce5FrTRcfl1CKzx23YbOBXAnFSZ5DKMaEySqDJR38cFA5ZXMZuE77+9yZT1ARFl+JwBOAOYapwyXE5Yxp9aXjA==
+  dependencies:
+    "@axetroy/event-emitter.js" "^1.2.4"
+
 x-is-string@^0.1.0:
   version "0.1.0"
   resolved "https://registry.yarnpkg.com/x-is-string/-/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"