npm esm tag

Author: PabloSzx

.babelrc-npm.json

@@ -22,6 +22,14 @@
       "plugins": [
         ["./resources/add-extension-to-import-paths", { "extension": "mjs" }]
       ]
+    },
+    "esm": {
+      "presets": [
+        ["@babel/preset-env", { "modules": false, "targets": { "node": "12" } }]
+      ],
+      "plugins": [
+        ["./resources/add-extension-to-import-paths", { "extension": "js" }]
+      ]
     }
   }
 }

.eslintignore

@@ -3,6 +3,7 @@
 /node_modules
 /coverage
 /npmDist
+/npmEsmDist
 /denoDist
 /npm
 /deno

.eslintrc.yml

@@ -442,6 +442,10 @@ rules:
   yield-star-spacing: off
 
 overrides:
+  - files:
+      - 'integrationTests/node-esm/**/*.js'
+    parserOptions:
+      sourceType: module
   - files: '**/*.ts'
     parser: '@typescript-eslint/parser'
     parserOptions:

.gitignore

@@ -11,6 +11,7 @@
 /node_modules
 /coverage
 /npmDist
+/npmEsmDist
 /denoDist
 /npm
 /deno

.prettierignore

@@ -4,6 +4,7 @@
 /node_modules
 /coverage
 /npmDist
+/npmEsmDist
 /denoDist
 /npm
 /deno

integrationTests/integration-test.js

@@ -27,6 +27,16 @@ describe('Integration Tests', () => {
     path.join(tmpDir, 'graphql.tgz'),
   );
 
+  const esmDistDir = path.resolve('./npmEsmDist');
+  const esmArchiveName = exec(`npm --quiet pack ${esmDistDir}`, {
+    cwd: tmpDir,
+  });
+
+  fs.renameSync(
+    path.join(tmpDir, esmArchiveName),
+    path.join(tmpDir, 'graphql-esm.tgz'),
+  );
+
   function testOnNodeProject(projectName) {
     const projectPath = path.join(__dirname, projectName);
 
@@ -44,5 +54,6 @@ describe('Integration Tests', () => {
 
   testOnNodeProject('ts');
   testOnNodeProject('node');
+  testOnNodeProject('node-esm');
   testOnNodeProject('webpack');
 });

integrationTests/node-esm/index.js

@@ -0,0 +1,36 @@
+/* eslint-disable node/no-missing-import, import/no-unresolved, node/no-unsupported-features/es-syntax */
+
+import { deepStrictEqual, strictEqual } from 'assert';
+
+import { version } from 'version';
+import { schema } from 'schema';
+
+import { graphqlSync } from 'graphql';
+
+// Import without explicit extension
+import { isPromise } from 'graphql/jsutils/isPromise';
+
+// Import package.json
+import pkg from 'graphql/package.json';
+
+deepStrictEqual(`${version}-esm`, pkg.version);
+
+const result = graphqlSync({
+  schema,
+  source: '{ hello }',
+  rootValue: { hello: 'world' },
+});
+
+deepStrictEqual(result, {
+  data: {
+    __proto__: null,
+    hello: 'world',
+  },
+});
+
+strictEqual(isPromise(Promise.resolve()), true);
+
+// The possible promise rejection is handled by "--unhandled-rejections=strict"
+import('graphql/jsutils/isPromise').then((isPromisePkg) => {
+  strictEqual(isPromisePkg.isPromise(Promise.resolve()), true);
+});

integrationTests/node-esm/package.json

@@ -0,0 +1,15 @@
+{
+  "type": "module",
+  "description": "graphql-js ESM should work on all supported node versions",
+  "scripts": {
+    "test": "node test.js"
+  },
+  "dependencies": {
+    "graphql": "file:../graphql-esm.tgz",
+    "node-12": "npm:[email protected]",
+    "node-14": "npm:[email protected]",
+    "node-16": "npm:[email protected]",
+    "schema": "file:./schema",
+    "version": "file:./version"
+  }
+}

integrationTests/node-esm/schema/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "schema",
+  "exports": {
+    ".": {
+      "import": "./schema.mjs"
+    }
+  },
+  "peerDependencies": {
+    "graphql": "*"
+  }
+}

integrationTests/node-esm/schema/schema.mjs

@@ -0,0 +1,3 @@
+import { buildSchema } from 'graphql/utilities';
+
+export const schema = buildSchema('type Query { hello: String }');