update node-fetch to v3

examples/javascript/PKCE-backend/code_flow_example.js

@@ -3,7 +3,10 @@
 // On the server logs, you should have the auth code, as well as the token
 // from exchanging it. This exchange is invisible to the app user
 
-const fetch = require('node-fetch');
+function fetch(...args) {
+  // eslint-disable-next-line no-new-func
+  return new Function("return import('node-fetch')")().then((mod) => mod.default(...args));
+}
 const app = require('express')();
 
 const hostname = 'localhost';

examples/javascript/simple-backend/code_flow_example.js

@@ -3,7 +3,10 @@
 // On the server logs, you should have the auth code, as well as the token
 // from exchanging it. This exchange is invisible to the app user
 
-const fetch = require('node-fetch');
+function fetch(...args) {
+  // eslint-disable-next-line no-new-func
+  return new Function("return import('node-fetch')")().then((mod) => mod.default(...args));
+}
 const app = require('express')();
 
 const hostname = 'localhost';

package.json

@@ -77,7 +77,6 @@
         "@babel/register": "^7.11.5",
         "@testing-library/dom": "^7.24.5",
         "@types/node": "^14.11.2",
-        "@types/node-fetch": "^2.5.7",
         "@typescript-eslint/eslint-plugin": "^4.0.0",
         "@typescript-eslint/parser": "^3.10.1",
         "babel-plugin-istanbul": "^6.0.0",
@@ -104,10 +103,7 @@
         "sinon": "^9.0.3",
         "typescript": "^4.0.3"
     },
-    "peerDependencies": {
-        "@types/node-fetch": "^2.5.7"
-    },
     "dependencies": {
-        "node-fetch": "^2.6.1"
+        "node-fetch": "^3.1.0"
     }
 }

src/auth.js

@@ -11,7 +11,10 @@ let fetch;
 if (isBrowserEnv()) {
   fetch = window.fetch.bind(window);
 } else {
-  fetch = require('node-fetch'); // eslint-disable-line global-require
+  fetch = function (...args) {
+    // eslint-disable-next-line no-new-func
+    return new Function("return import('node-fetch')")().then((mod) => mod.default(...args));
+  };
 }
 
 let crypto;

src/dropbox.js

@@ -17,7 +17,10 @@ let fetch;
 if (typeof window !== 'undefined') {
   fetch = window.fetch.bind(window);
 } else {
-  fetch = require('node-fetch'); // eslint-disable-line global-require
+  fetch = function (...args) {
+    // eslint-disable-next-line no-new-func
+    return new Function("return import('node-fetch')")().then((mod) => mod.default(...args));
+  };
 }
 
 const b64 = typeof btoa === 'undefined'

test/unit/response.js

@@ -1,7 +1,6 @@
 import chai from 'chai';
 import chaiAsPromised from 'chai-as-promised';
-import { Response } from 'node-fetch';
-import { httpHeaderSafeJson } from '../../src/utils';
+import { httpHeaderSafeJson } from '../../src/utils.js';
 import {
   DropboxResponse,
   parseResponse,
@@ -10,6 +9,17 @@ import {
 import { DropboxResponseError } from '../../src/error.js';
 
 chai.use(chaiAsPromised);
+
+let Response;
+
+before((done) => {
+  // eslint-disable-next-line no-new-func
+  new Function("return import('node-fetch')")().then((mod) => {
+    Response = mod.Response;
+    done();
+  });
+});
+
 describe('DropboxResponse', () => {
   describe('Status', () => {
     it('can be set in the constructor', () => {