add integration tests for Rspack

Author: yaacovCR

cspell.yml

@@ -39,7 +39,7 @@ overrides:
       - URQL
       - tada
       - Graphile
-      - precompiled
+      - precompileds
       - Rollup
       - Turbopack
 
@@ -68,6 +68,8 @@ words:
   # TODO: contribute upstream
   - deno
   - hashbang
+  - Rspack
+  - Rsbuild
 
   # Website tech
   - Nextra

integrationTests/README.md

@@ -23,10 +23,11 @@ Each subdirectory represents a different environment/bundler demonstrating enabl
 - `dev-deno-explicit`: via `import 'graphql/dev'`
 - `dev-node-implicit`: via `node --conditions=development test.js`
 - `dev-node-explicit`: via `import 'graphql/dev'`
+- `dev-webpack`: via `{resolve: { conditionNames: ['development'] } }`
+- `dev-rspack`: via `{resolve: { conditionNames: ['development'] } }`
 - `dev-esbuild`: via `esbuild --conditions=development test.js`
 - `dev-rollup`: via `@rollup/plugin-node-resolve` with `conditions: ['development']`
 - `dev-swc`: via `import 'graphql/dev'`
-- `dev-webpack`: via `{resolve: { conditionNames: ['development'] } }`
 
 ### Verifying Production Mode Tests
 
@@ -35,7 +36,8 @@ Each subdirectory represents a different environment/bundler demonstrating produ
 - `prod-bun/`: via `bun test.js`
 - `prod-deno`: via `deno run test.js`
 - `prod-node`: via `node test.js`
+- `prod-webpack`: via default Webpack configuration
+- `prod-rspack`: via default Rspack configuration
 - `prod-esbuild`: via `esbuild test.js`
 - `prod-rollup`: via default Rollup configuration
 - `prod-swc`: via default SWC configuration
-- `prod-webpack`: via default Webpack configuration

integrationTests/dev-rspack/package.json

@@ -0,0 +1,12 @@
+{
+  "description": "graphql-js development condition should work with Rspack",
+  "private": true,
+  "scripts": {
+    "test": "rspack --mode=development && node dist/main.js"
+  },
+  "dependencies": {
+    "graphql": "file:../graphql.tgz",
+    "@rspack/core": "^1.0.0",
+    "@rspack/cli": "^1.0.0"
+  }
+}

integrationTests/dev-rspack/rspack.config.js

@@ -0,0 +1,20 @@
+import { fileURLToPath } from 'node:url';
+
+const rspack = {
+  entry: './src/index.js',
+  output: {
+    filename: 'main.js',
+    path: fileURLToPath(new URL('dist', import.meta.url)),
+    library: {
+      type: 'commonjs2',
+    },
+  },
+  mode: 'development',
+  target: 'node',
+  resolve: {
+    conditionNames: ['development', 'import', 'node'],
+  },
+};
+
+// eslint-disable-next-line no-restricted-exports, import/no-default-export
+export default rspack;

integrationTests/dev-rspack/src/index.js

@@ -0,0 +1,18 @@
+import { isObjectType } from 'graphql';
+
+class GraphQLObjectType {
+  get [Symbol.toStringTag]() {
+    return 'GraphQLObjectType';
+  }
+}
+
+try {
+  isObjectType(new GraphQLObjectType());
+  throw new Error(
+    'Expected isObjectType to throw an error in Deno explicit dev import mode.',
+  );
+} catch (error) {
+  if (!error.message.includes('from another module or realm')) {
+    throw error;
+  }
+}

integrationTests/prod-rspack/package.json

@@ -0,0 +1,12 @@
+{
+  "description": "graphql-js production mode should work with Rspack",
+  "private": true,
+  "scripts": {
+    "test": "rspack --mode=production && node dist/main.js"
+  },
+  "dependencies": {
+    "graphql": "file:../graphql.tgz",
+    "@rspack/core": "^1.0.0",
+    "@rspack/cli": "^1.0.0"
+  }
+}

integrationTests/prod-rspack/rspack.config.js

@@ -0,0 +1,17 @@
+import { fileURLToPath } from 'node:url';
+
+const rspackConfig = {
+  entry: './src/index.js',
+  output: {
+    filename: 'main.js',
+    path: fileURLToPath(new URL('dist', import.meta.url)),
+    library: {
+      type: 'commonjs2',
+    },
+  },
+  mode: 'production',
+  target: 'node',
+};
+
+// eslint-disable-next-line no-restricted-exports, import/no-default-export
+export default rspackConfig;

integrationTests/prod-rspack/src/index.js

@@ -0,0 +1,14 @@
+import { isObjectType } from 'graphql';
+
+class GraphQLObjectType {
+  get [Symbol.toStringTag]() {
+    return 'GraphQLObjectType';
+  }
+}
+
+const result = isObjectType(new GraphQLObjectType());
+if (result !== false) {
+  throw new Error(
+    'isObjectType should return false in Webpack production mode.',
+  );
+}

resources/integration-test.ts

@@ -40,6 +40,7 @@ describe('Integration Tests', () => {
   testOnNodeProject('dev-deno-explicit');
   testOnNodeProject('dev-bun');
   testOnNodeProject('dev-webpack');
+  testOnNodeProject('dev-rspack');
   testOnNodeProject('dev-rollup');
   testOnNodeProject('dev-esbuild');
   testOnNodeProject('dev-swc');
@@ -49,6 +50,7 @@ describe('Integration Tests', () => {
   testOnNodeProject('prod-deno');
   testOnNodeProject('prod-bun');
   testOnNodeProject('prod-webpack');
+  testOnNodeProject('dev-rspack');
   testOnNodeProject('prod-rollup');
   testOnNodeProject('prod-esbuild');
   testOnNodeProject('prod-swc');

website/pages/docs/development-mode.mdx

@@ -20,8 +20,8 @@ development mode. Rather, development mode is either enabled:
 2. implicitly, by setting the 'development' condition, which is possible only in
    environments that support `package.json` conditional exports and custom conditions.
 
-Conditional exports are supported by: Node.js, Deno (canary), Bun, Webpack 5, Rollup
-(via the `node-resolve` plugin), esbuild, and Vite. create-react-app and Next.js
+Conditional exports are supported by: Node.js, Deno (canary), Bun, Webpack 5, Rspack,
+Rollup (via the `node-resolve` plugin), esbuild, Vite, and Rsbuild. create-react-app and Next.js
 support conditional exports when using Webpack 5 as their bundler.
 
 Conditional exports are not supported by Deno (current), Webpack 4, Rollup (without