Use native API when possible (#3338)

* Use native API when possible'

* Fix TS typings

* chore(dependencies): updated changesets for modified dependencies

* More

* Fix tsconfig parse

* Fix for v15

* Fix Benchmark suite

* Fix TypeScript

* Dedupe dependencies

* Fix mocking

* ..

* chore(dependencies): updated changesets for modified dependencies

* Fix

* Skip sveltekit in leak tests

* Prettier

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.changeset/@graphql-yoga_graphiql-3338-dependencies.md

@@ -0,0 +1,6 @@
+---
+'@graphql-yoga/graphiql': patch
+---
+dependencies updates:
+  - Added dependency [`[email protected]` ↗︎](https://www.npmjs.com/package/tslib/v/2.6.3) (to
+    `dependencies`)

.changeset/graphql-yoga-3338-dependencies.md

@@ -0,0 +1,7 @@
+---
+'graphql-yoga': patch
+---
+dependencies updates:
+  - Updated dependency [`@whatwg-node/server@^0.9.36`
+    ↗︎](https://www.npmjs.com/package/@whatwg-node/server/v/0.9.36) (from `^0.9.33`, in
+    `dependencies`)

babel.config.js

@@ -7,6 +7,6 @@ module.exports = {
     'babel-plugin-transform-typescript-metadata',
     ['@babel/plugin-proposal-decorators', { legacy: true }],
     'babel-plugin-parameter-decorator',
-    '@babel/plugin-proposal-class-properties',
+    '@babel/plugin-transform-class-properties',
   ],
 };

benchmark/tsconfig.json

@@ -4,6 +4,7 @@
     "baseUrl": "./",
     "outDir": "dist",
     "target": "ES2019",
+    "module": "Node16",
     "moduleResolution": "node16"
   },
   "include": ["./start-server.ts"],

e2e/package.json

@@ -16,6 +16,6 @@
     "@pulumi/pulumi": "3.116.1",
     "@types/node": "18.16.16",
     "tsx": "^3.12.7",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

e2e/utils.ts

@@ -1,4 +1,5 @@
 import { exec } from 'node:child_process';
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import { promisify } from 'node:util';
 
 export const execPromise = promisify(exec);
@@ -41,7 +42,7 @@ export async function waitForEndpoint(
         e.message,
       );
 
-      await new Promise(resolve => setTimeout(resolve, timeout));
+      await setTimeout$(timeout);
     }
   }
 

examples/aws-lambda/package.json

@@ -29,6 +29,6 @@
     "aws-cdk-lib": "2.83.0",
     "esbuild": "0.17.19",
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/azure-function/package.json

@@ -12,7 +12,7 @@
   "devDependencies": {
     "@azure/functions": "4.0.0",
     "esbuild": "0.17.19",
-    "tslib": "2.5.3",
-    "typescript": "5.1.6"
+    "tslib": "2.6.3",
+    "typescript": "5.5.2"
   }
 }

examples/bun-yoga-ws/src/index.ts

@@ -1,3 +1,4 @@
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import Bun from 'bun';
 import { makeHandler } from 'graphql-ws/lib/use/bun';
 import { createSchema, createYoga } from 'graphql-yoga';
@@ -21,7 +22,7 @@ const schema = createSchema({
           let counter = 0;
           const spinnerFrames = ['\u25D4', '\u25D1', '\u25D5', '\u25D0'];
           while (counter < loadTime) {
-            await new Promise(resolve => setTimeout(resolve, 1000)); // Wait for a second
+            await setTimeout$(1000); // Wait for a second
             yield { dynamicLoading: `Loading ${spinnerFrames[counter % spinnerFrames.length]}` };
             counter++;
           }

examples/cloudflare-advanced/package.json

@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "ts-loader": "9.4.3",
-    "typescript": "5.1.6",
+    "typescript": "5.5.2",
     "webpack": "5.86.0",
     "wrangler": "3.57.1"
   }

examples/cloudflare-modules/package.json

@@ -16,7 +16,7 @@
   "devDependencies": {
     "@cloudflare/workers-types": "4.20230518.0",
     "@whatwg-node/fetch": "^0.9.17",
-    "typescript": "5.1.6",
+    "typescript": "5.5.2",
     "wrangler": "3.57.1"
   }
 }

examples/cookies/package.json

@@ -7,14 +7,14 @@
     "start": "ts-node-dev src/index.ts"
   },
   "dependencies": {
-    "@whatwg-node/server-plugin-cookies": "^1.0.0",
+    "@whatwg-node/server-plugin-cookies": "^1.0.2",
     "graphql": "16.6.0",
     "graphql-yoga": "workspace:*"
   },
   "devDependencies": {
     "@types/node": "18.16.16",
     "ts-node": "10.9.1",
     "ts-node-dev": "2.0.0",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/defer-stream/package.json

@@ -14,6 +14,6 @@
   },
   "devDependencies": {
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/defer-stream/src/yoga.ts

@@ -1,9 +1,8 @@
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import { createSchema, createYoga } from 'graphql-yoga';
 import { useDeferStream } from '@graphql-yoga/plugin-defer-stream';
 import { renderGraphiQL } from '@graphql-yoga/render-graphiql';
 
-const wait = (time: number) => new Promise(resolve => setTimeout(resolve, time));
-
 const typeDefs = /* GraphQL */ `
   type Query {
     """
@@ -59,15 +58,15 @@ const resolvers = {
     async *alphabet(_, { waitFor }) {
       for (const character of alphabet) {
         yield character;
-        await wait(waitFor);
+        await setTimeout$(waitFor);
       }
     },
     fastField: async () => {
-      await wait(100);
+      await setTimeout$(100);
       return 'I am speed';
     },
     slowField: async (_, { waitFor }) => {
-      await wait(waitFor);
+      await setTimeout$(waitFor);
       return 'I am slow';
     },
   },

examples/error-handling/package.json

@@ -13,6 +13,6 @@
   },
   "devDependencies": {
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/express/src/app.ts

@@ -1,3 +1,4 @@
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import express from 'express';
 import { createSchema, createYoga } from 'graphql-yoga';
 
@@ -27,7 +28,7 @@ export function buildApp(app: ReturnType<typeof express>) {
           countdown: {
             async *subscribe(_, { from }) {
               for (let i = from; i >= 0; i--) {
-                await new Promise(resolve => setTimeout(resolve, 1000));
+                await setTimeout$(1000);
                 yield { countdown: i };
               }
             },

examples/fastify-modules/src/modules/basic/providers.ts

@@ -1,3 +1,4 @@
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import { inspect } from 'node:util';
 import { CONTEXT, Inject, Injectable, Scope } from 'graphql-modules';
 
@@ -17,7 +18,7 @@ export class BasicProvider {
 
   public async *getCountdown(from: number) {
     for (let i = from; i >= 0; i--) {
-      await new Promise(resolve => setTimeout(resolve, 1000));
+      await setTimeout$(1000);
       yield i;
     }
   }

examples/fastify/__integration-tests__/fastify.spec.ts

@@ -1,6 +1,7 @@
 import request from 'supertest';
 import { fetch } from '@whatwg-node/fetch';
 import { eventStream } from '../../../packages/graphql-yoga/__tests__/utilities.js';
+import { createDeferred } from '../../../packages/testing-utils/create-deferred.js';
 import { buildApp } from '../src/app.js';
 
 describe('fastify example integration', () => {
@@ -357,18 +358,3 @@ data"
     }
   });
 });
-
-type Deferred<T = void> = {
-  resolve: (value: T) => void;
-  reject: (value: unknown) => void;
-  promise: Promise<T>;
-};
-
-function createDeferred<T = void>(): Deferred<T> {
-  const d = {} as Deferred<T>;
-  d.promise = new Promise<T>((resolve, reject) => {
-    d.resolve = resolve;
-    d.reject = reject;
-  });
-  return d;
-}

examples/file-upload-nextjs-pothos/package.json

@@ -22,6 +22,6 @@
     "@whatwg-node/fetch": "^0.9.17",
     "eslint": "8.42.0",
     "eslint-config-next": "13.4.12",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/file-upload-nexus/package.json

@@ -14,6 +14,6 @@
   "devDependencies": {
     "@whatwg-node/fetch": "^0.9.17",
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/gcp-functions/package.json

@@ -17,6 +17,6 @@
   "devDependencies": {
     "@google-cloud/functions-framework": "3.2.0",
     "@types/node": "18.16.16",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/generic-auth/package.json

@@ -22,6 +22,6 @@
     "cross-env": "7.0.3",
     "ts-node": "10.9.1",
     "ts-node-dev": "2.0.0",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/graphql-armor/package.json

@@ -21,6 +21,6 @@
     "cross-env": "7.0.3",
     "ts-node": "10.9.1",
     "ts-node-dev": "2.0.0",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/graphql-sse/package.json

@@ -13,6 +13,6 @@
   },
   "devDependencies": {
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/graphql-ws/package.json

@@ -17,6 +17,6 @@
     "cross-env": "7.0.3",
     "ts-node": "10.9.1",
     "ts-node-dev": "2.0.0",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/hackernews/package.json

@@ -26,6 +26,6 @@
     "prisma": "5.13.0",
     "ts-node": "10.9.1",
     "ts-node-dev": "2.0.0",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/hapi/package.json

@@ -14,6 +14,6 @@
   "devDependencies": {
     "@whatwg-node/fetch": "^0.9.17",
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/issue-template/package.json

@@ -15,6 +15,6 @@
     "@types/node": "18.16.16",
     "ts-node": "10.9.1",
     "ts-node-dev": "2.0.0",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/koa/package.json

@@ -14,6 +14,6 @@
   },
   "devDependencies": {
     "ts-node": "10.9.1",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/koa/src/app.ts

@@ -1,3 +1,4 @@
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import { createSchema, createYoga } from 'graphql-yoga';
 import Koa from 'koa';
 
@@ -24,7 +25,7 @@ export function buildApp() {
           countdown: {
             async *subscribe(_, { from }) {
               for (let i = from; i >= 0; i--) {
-                await new Promise(resolve => setTimeout(resolve, 1000));
+                await setTimeout$(1000);
                 yield { countdown: i };
               }
             },

examples/live-query/package.json

@@ -18,6 +18,6 @@
   "devDependencies": {
     "ts-node": "10.9.1",
     "ts-node-dev": "2.0.0",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/nextjs-app/__integration-tests__/nextjs-app.spec.ts

@@ -1,6 +1,7 @@
 import { exec } from 'node:child_process';
 import { join } from 'node:path';
 import { Readable } from 'node:stream';
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import { fetch } from '@whatwg-node/fetch';
 
 const PORT = 3333;
@@ -127,7 +128,7 @@ export async function waitForEndpoint(
         (e as Error).message,
       );
 
-      await new Promise(resolve => setTimeout(resolve, timeout));
+      await setTimeout$(timeout);
     }
   }
 

examples/nextjs-app/package.json

@@ -22,7 +22,7 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "tailwindcss": "3.4.3",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   },
   "devDependencies": {
     "@whatwg-node/fetch": "^0.9.0"

examples/nextjs-auth/package.json

@@ -16,12 +16,12 @@
     "next-auth": "4.24.7",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tslib": "2.5.3"
+    "tslib": "2.6.3"
   },
   "devDependencies": {
     "@types/react": "18.2.8",
     "eslint": "8.42.0",
     "eslint-config-next": "13.4.12",
-    "typescript": "5.1.6"
+    "typescript": "5.5.2"
   }
 }

examples/nextjs-legacy-pages/__integration-tests__/nextjs-legacy.spec.ts

@@ -1,6 +1,7 @@
 import { exec } from 'node:child_process';
 import { join } from 'node:path';
 import { Readable } from 'node:stream';
+import { setTimeout as setTimeout$ } from 'node:timers/promises';
 import { fetch } from '@whatwg-node/fetch';
 
 const PORT = 3334;
@@ -120,7 +121,7 @@ export async function waitForEndpoint(
         (e as Error).message,
       );
 
-      await new Promise(resolve => setTimeout(resolve, timeout));
+      await setTimeout$(timeout);
     }
   }