Fix the Node.js ESM import support for all packages

.changeset/thin-wombats-bake.md

@@ -0,0 +1,14 @@
+---
+'@urql/exchange-graphcache': patch
+'@urql/exchange-multipart-fetch': patch
+'@urql/exchange-populate': patch
+'@urql/exchange-retry': patch
+'@urql/exchange-suspense': patch
+'@urql/core': patch
+'next-urql': patch
+'@urql/preact': patch
+'urql': patch
+'@urql/svelte': patch
+---
+
+Add support for Node13

exchanges/graphcache/package.json

@@ -20,21 +20,21 @@
     "exchanges"
   ],
   "main": "dist/urql-exchange-graphcache.cjs.js",
-  "module": "dist/urql-exchange-graphcache.esm.js",
+  "module": "dist/urql-exchange-graphcache.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
   "exports": {
     ".": {
-      "import": "dist/urql-exchange-graphcache.esm.js",
-      "require": "dist/urql-exchange-graphcache.cjs.js",
-      "types": "dist/types/index.d.ts",
-      "source": "src/index.ts"
+      "import": "./dist/urql-exchange-graphcache.esm.mjs",
+      "require": "./dist/urql-exchange-graphcache.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
     },
     "./extras": {
-      "import": "dist/urql-exchange-graphcache-extras.esm.js",
-      "require": "dist/urql-exchange-graphcache-extras.cjs.js",
-      "types": "dist/types/extras/index.d.ts",
-      "source": "src/extras/index.ts"
+      "import": "./dist/urql-exchange-graphcache-extras.esm.mjs",
+      "require": "./dist/urql-exchange-graphcache-extras.cjs.js",
+      "types": "./dist/types/extras/index.d.ts",
+      "source": "./src/extras/index.ts"
     }
   },
   "files": [

exchanges/multipart-fetch/package.json

@@ -17,15 +17,15 @@
     "exchanges"
   ],
   "main": "dist/urql-exchange-multipart-fetch.cjs.js",
-  "module": "dist/urql-exchange-multipart-fetch.esm.js",
+  "module": "dist/urql-exchange-multipart-fetch.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
   "exports": {
     ".": {
-      "import": "dist/urql-exchange-multipart-fetch.esm.js",
-      "require": "dist/urql-exchange-multipart-fetch.cjs.js",
-      "types": "dist/types/index.d.ts",
-      "source": "src/index.ts"
+      "import": "./dist/urql-exchange-multipart-fetch.esm.mjs",
+      "require": "./dist/urql-exchange-multipart-fetch.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
     }
   },
   "files": [

exchanges/populate/package.json

@@ -17,15 +17,15 @@
     "exchanges"
   ],
   "main": "dist/urql-exchange-populate.cjs.js",
-  "module": "dist/urql-exchange-populate.esm.js",
+  "module": "dist/urql-exchange-populate.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
   "exports": {
     ".": {
-      "import": "dist/urql-exchange-populate.esm.js",
-      "require": "dist/urql-exchange-populate.cjs.js",
-      "types": "dist/types/index.d.ts",
-      "source": "src/index.ts"
+      "import": "./dist/urql-exchange-populate.esm.mjs",
+      "require": "./dist/urql-exchange-populate.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
     }
   },
   "files": [

exchanges/retry/package.json

@@ -20,9 +20,17 @@
     "retry"
   ],
   "main": "dist/urql-exchange-retry.cjs.js",
-  "module": "dist/urql-exchange-retry.esm.js",
+  "module": "dist/urql-exchange-retry.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/urql-exchange-retry.esm.mjs",
+      "require": "./dist/urql-exchange-retry.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
+    }
+  },
   "files": [
     "LICENSE",
     "CHANGELOG.md",

exchanges/suspense/package.json

@@ -20,9 +20,17 @@
     "suspense"
   ],
   "main": "dist/urql-exchange-suspense.cjs.js",
-  "module": "dist/urql-exchange-suspense.esm.js",
+  "module": "dist/urql-exchange-suspense.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/urql-exchange-suspense.esm.mjs",
+      "require": "./dist/urql-exchange-suspense.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
+    }
+  },
   "files": [
     "LICENSE",
     "CHANGELOG.md",

packages/core/package.json

@@ -19,9 +19,17 @@
     "exchanges"
   ],
   "main": "dist/urql-core.cjs.js",
-  "module": "dist/urql-core.esm.js",
+  "module": "dist/urql-core.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/urql-core.esm.mjs",
+      "require": "./dist/urql-core.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
+    }
+  },
   "files": [
     "LICENSE",
     "README.md",
@@ -47,7 +55,7 @@
     "graphql": "^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0"
   },
   "dependencies": {
-    "wonka": "^4.0.7"
+    "wonka": "^4.0.8"
   },
   "publishConfig": {
     "access": "public"

packages/next-urql/examples/3-with-custom-exchange/package.json

@@ -11,6 +11,6 @@
     "graphql-tag": "^2.10.1",
     "isomorphic-unfetch": "^3.0.0",
     "next": "^9.2.0",
-    "wonka": "^4.0.7"
+    "wonka": "^4.0.8"
   }
 }

packages/next-urql/package.json

@@ -12,9 +12,17 @@
     "directory": "packages/next-urql"
   },
   "main": "dist/next-urql.cjs.js",
-  "module": "dist/next-urql.esm.js",
+  "module": "dist/next-urql.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/next-urql.esm.mjs",
+      "require": "./dist/next-urql.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
+    }
+  },
   "files": [
     "LICENSE",
     "CHANGELOG.md",

packages/preact-urql/package.json

@@ -20,9 +20,17 @@
     "preact"
   ],
   "main": "dist/urql-preact.cjs.js",
-  "module": "dist/urql-preact.esm.js",
+  "module": "dist/urql-preact.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/urql-preact.esm.mjs",
+      "require": "./dist/urql-preact.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
+    }
+  },
   "files": [
     "LICENSE",
     "CHANGELOG.md",
@@ -53,7 +61,7 @@
   },
   "dependencies": {
     "@urql/core": "^1.10.2",
-    "wonka": "^4.0.6"
+    "wonka": "^4.0.8"
   },
   "publishConfig": {
     "access": "public"

packages/react-urql/package.json

@@ -20,9 +20,17 @@
     "react"
   ],
   "main": "dist/urql.cjs.js",
-  "module": "dist/urql.esm.js",
+  "module": "dist/urql.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/urql.esm.mjs",
+      "require": "./dist/urql.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
+    }
+  },
   "files": [
     "LICENSE",
     "CHANGELOG.md",
@@ -61,6 +69,6 @@
   },
   "dependencies": {
     "@urql/core": "^1.10.2",
-    "wonka": "^4.0.7"
+    "wonka": "^4.0.8"
   }
 }

packages/svelte-urql/package.json

@@ -20,9 +20,17 @@
     "svelte"
   ],
   "main": "dist/urql-svelte.cjs.js",
-  "module": "dist/urql-svelte.esm.js",
+  "module": "dist/urql-svelte.esm.mjs",
   "types": "dist/types/index.d.ts",
   "source": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/urql-svelte.esm.mjs",
+      "require": "./dist/urql-svelte.cjs.js",
+      "types": "./dist/types/index.d.ts",
+      "source": "./src/index.ts"
+    }
+  },
   "files": [
     "LICENSE",
     "CHANGELOG.md",
@@ -47,7 +55,7 @@
   },
   "dependencies": {
     "@urql/core": "^1.10.2",
-    "wonka": "^4.0.7"
+    "wonka": "^4.0.8"
   },
   "devDependencies": {
     "graphql": "^14.5.8",

scripts/prepare/index.js

@@ -39,7 +39,7 @@ invariant(
 );
 
 invariant(
-  path.normalize(pkg.module) === `dist/${name}.esm.js`,
+  path.normalize(pkg.module) === `dist/${name}.esm.mjs`,
   'package.json:module path must be valid'
 );
 
@@ -80,7 +80,6 @@ if (pkg.exports) {
     const entry = pkg.exports[key];
     const entryName = normalize(key);
     const bundleName = entryName ? `${name}-${entryName}` : name;
-
     invariant(
       fs.existsSync(entry.source),
       `package.json:exports["${key}"].source must exist`
@@ -92,7 +91,7 @@ if (pkg.exports) {
     );
 
     invariant(
-      path.normalize(entry.import) === `dist/${bundleName}.esm.js`,
+      path.normalize(entry.import) === `dist/${bundleName}.esm.mjs`,
       `package.json:exports["${key}"].import must be valid`
     );
 

scripts/rollup/config.js

@@ -57,15 +57,15 @@ export default [
     plugins,
     output: [
       output('cjs', '.js'),
-      output('esm', '.js'),
+      output('esm', '.mjs'),
     ],
   },
   !settings.isCI && {
     ...config,
     plugins: makePlugins({ isProduction: true }),
     output: [
       output('cjs', '.min.js'),
-      output('esm', '.min.js'),
+      output('esm', '.min.mjs'),
     ],
   },
 ].filter(Boolean);

yarn.lock

@@ -15033,11 +15033,16 @@ winston@0.8.x:
     pkginfo "0.3.x"
     stack-trace "0.0.x"
 
-"wonka@^3.2.1 || ^4.0.0", wonka@^4.0.6, wonka@^4.0.7:
+"wonka@^3.2.1 || ^4.0.0", wonka@^4.0.7:
   version "4.0.7"
   resolved "https://registry.yarnpkg.com/wonka/-/wonka-4.0.7.tgz#b4934685bd2449367bd72ce7770bfe3e6cc8a68b"
   integrity sha512-Uhyl2cgWCUksYtU0Jt8MSzKUqK4BVUrewWxnn1YlKL3Zco4sDcCUDkbgH0i762HJs1rtsq03cfzsCWxJKaDgVg==
 
+wonka@^4.0.8:
+  version "4.0.8"
+  resolved "https://registry.yarnpkg.com/wonka/-/wonka-4.0.8.tgz#edab5fb3bcb060242b7a47d2aaab57a45ef69c35"
+  integrity sha512-7JHs16U9/OxkkoytluIRfxRLML7erwWuDkE5Qgw+12ctIBjUwq+wIifzTvJXi9NDSO+Hr9I6t/huiLaeWg89vA==
+
 word-wrap@~1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/word-wrap/-/word-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"