Enable vitest workspaces

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory
@@ -76,7 +76,7 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory
@@ -125,7 +125,7 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory
@@ -180,7 +180,7 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory

.github/workflows/release.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Setup pnpm
         uses: pnpm/action-setup@v3
         with:
-          version: 8
+          version: 9
           run_install: false
 
       - name: Get pnpm store directory

examples/with-svelte/package.json

@@ -11,7 +11,7 @@
     "@urql/core": "^5.0.6",
     "@urql/svelte": "^4.2.1",
     "graphql": "^16.6.0",
-    "svelte": "^4.0.5"
+    "svelte": "~5.0.0-next.202"
   },
   "devDependencies": {
     "@sveltejs/vite-plugin-svelte": "^2.4.2",

exchanges/auth/package.json

@@ -57,8 +57,7 @@
   },
   "devDependencies": {
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "publishConfig": {
     "access": "public",

exchanges/context/package.json

@@ -56,8 +56,7 @@
   },
   "devDependencies": {
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "publishConfig": {
     "access": "public",

exchanges/execute/package.json

@@ -58,8 +58,7 @@
   },
   "devDependencies": {
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "publishConfig": {
     "access": "public",

exchanges/graphcache/package.json

@@ -79,8 +79,7 @@
     "graphql": "^16.6.0",
     "react": "^17.0.1",
     "react-dom": "^17.0.1",
-    "urql": "workspace:*",
-    "vitest": "^0.30.1"
+    "urql": "workspace:*"
   },
   "publishConfig": {
     "access": "public",

exchanges/graphcache/src/store/__snapshots__/store.test.ts.snap

@@ -2,17 +2,17 @@
 
 exports[`Store with storage > should be able to persist embedded data 1`] = `
 {
-  "Query%2eappointment({\\"id\\":\\"1\\"}).__typename": "\\"Appointment\\"",
-  "Query%2eappointment({\\"id\\":\\"1\\"}).info": "\\"urql meeting\\"",
-  "Query.appointment({\\"id\\":\\"1\\"})": ":\\"Query.appointment({\\\\\\"id\\\\\\":\\\\\\"1\\\\\\"})\\"",
+  "Query%2eappointment({"id":"1"}).__typename": ""Appointment"",
+  "Query%2eappointment({"id":"1"}).info": ""urql meeting"",
+  "Query.appointment({"id":"1"})": ":"Query.appointment({\\"id\\":\\"1\\"})"",
 }
 `;
 
 exports[`Store with storage > should be able to store and rehydrate data 1`] = `
 {
-  "Appointment:1.__typename": "\\"Appointment\\"",
-  "Appointment:1.id": "\\"1\\"",
-  "Appointment:1.info": "\\"urql meeting\\"",
-  "Query.appointment({\\"id\\":\\"1\\"})": ":\\"Appointment:1\\"",
+  "Appointment:1.__typename": ""Appointment"",
+  "Appointment:1.id": ""1"",
+  "Appointment:1.info": ""urql meeting"",
+  "Query.appointment({"id":"1"})": ":"Appointment:1"",
 }
 `;

exchanges/graphcache/src/store/data.test.ts

@@ -149,7 +149,7 @@ describe('inspectFields', () => {
           "arguments": {
             "id": "1",
           },
-          "fieldKey": "todo({\\"id\\":\\"1\\"})",
+          "fieldKey": "todo({"id":"1"})",
           "fieldName": "todo",
         },
         {
@@ -166,7 +166,7 @@ describe('inspectFields', () => {
           "arguments": {
             "id": "1",
           },
-          "fieldKey": "hasTodo({\\"id\\":\\"1\\"})",
+          "fieldKey": "hasTodo({"id":"1"})",
           "fieldName": "hasTodo",
         },
       ]

exchanges/persisted/package.json

@@ -55,8 +55,7 @@
   },
   "devDependencies": {
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "publishConfig": {
     "access": "public",

exchanges/populate/package.json

@@ -56,8 +56,7 @@
   },
   "devDependencies": {
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "publishConfig": {
     "access": "public",

exchanges/populate/src/populateExchange.test.ts

@@ -271,7 +271,7 @@ describe('on query -> mutation', () => {
             __typename
             id
             text
-            createdAt(timezone: \\"GMT+1\\")
+            createdAt(timezone: "GMT+1")
           }
         }"
       `);

exchanges/refocus/package.json

@@ -51,8 +51,7 @@
   "devDependencies": {
     "@types/react": "^17.0.4",
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "peerDependencies": {
     "@urql/core": "^5.0.0"

exchanges/request-policy/package.json

@@ -49,8 +49,7 @@
   },
   "devDependencies": {
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "peerDependencies": {
     "@urql/core": "^5.0.0"

exchanges/retry/package.json

@@ -49,8 +49,7 @@
   },
   "devDependencies": {
     "@urql/core": "workspace:*",
-    "graphql": "^16.0.0",
-    "vitest": "^0.30.1"
+    "graphql": "^16.0.0"
   },
   "peerDependencies": {
     "@urql/core": "^5.0.0"

package.json

@@ -12,6 +12,9 @@
     "jsr": "pnpm --filter @urql/core jsr",
     "jsr:dryrun": "pnpm --filter @urql/core jsr --dry-run"
   },
+  "engines": {
+    "pnpm": "^9.0.0"
+  },
   "eslintConfig": {
     "root": true,
     "extends": [
@@ -52,7 +55,6 @@
       "react-dom": "^17.0.2",
       "react-is": "^17.0.2",
       "styled-components": "^5.2.3",
-      "vite": "^3.2.4",
       "wonka": "^6.3.2"
     }
   },
@@ -105,10 +107,10 @@
     "rollup-plugin-visualizer": "^5.9.0",
     "tar": "^6.1.13",
     "terser": "^5.17.1",
-    "typescript": "^5.1.6",
-    "vite": "^3.2.4",
-    "vite-tsconfig-paths": "^4.2.0",
-    "vitest": "^0.30.1"
+    "typescript": "^5.4.4",
+    "vite": "^5.4.4",
+    "vite-tsconfig-paths": "^4.0.0",
+    "vitest": "^2.1.0"
   },
   "dependencies": {
     "@actions/github": "^5.1.1",

packages/core/package.json

@@ -61,8 +61,5 @@
   "publishConfig": {
     "access": "public",
     "provenance": true
-  },
-  "devDependencies": {
-    "vitest": "^0.30.1"
   }
 }

packages/core/src/client.test.ts

@@ -224,7 +224,7 @@ describe('executeQuery', () => {
       expect(true).toBeFalsy();
     } catch (e: any) {
       expect(e.message).toMatchInlineSnapshot(
-        `"Expected operation of type \\"query\\" but found \\"mutation\\""`
+        `"Expected operation of type "query" but found "mutation""`
       );
     }
   });

packages/core/src/exchanges/__snapshots__/fetch.test.ts.snap

@@ -460,4 +460,4 @@ exports[`on success > returns response data 1`] = `
 }
 `;
 
-exports[`on success > returns response data 2`] = `"{\\"operationName\\":\\"getUser\\",\\"query\\":\\"query getUser($name: String) {\\\\n  user(name: $name) {\\\\n    id\\\\n    firstName\\\\n    lastName\\\\n  }\\\\n}\\",\\"variables\\":{\\"name\\":\\"Clara\\"}}"`;
+exports[`on success > returns response data 2`] = `"{"operationName":"getUser","query":"query getUser($name: String) {\\n  user(name: $name) {\\n    id\\n    firstName\\n    lastName\\n  }\\n}","variables":{"name":"Clara"}}"`;

packages/core/src/gql.test.ts

@@ -1,10 +1,10 @@
 import { parse, print } from '@0no-co/graphql.web';
-import { vi, expect, it, beforeEach, SpyInstance } from 'vitest';
+import { vi, expect, it, beforeEach, MockInstance  } from 'vitest';
 
 import { gql } from './gql';
 import { keyDocument } from './utils';
 
-let warn: SpyInstance;
+let warn: MockInstance;
 
 beforeEach(() => {
   warn = vi.spyOn(console, 'warn');

packages/core/src/internal/__snapshots__/fetchSource.test.ts.snap

@@ -758,23 +758,7 @@ exports[`on success > uses the mock fetch if given 1`] = `
         "results": [
           {
             "type": "return",
-            "value": {
-              "headers": {
-                "get": [Function],
-              },
-              "status": 200,
-              "text": [MockFunction spy] {
-                "calls": [
-                  [],
-                ],
-                "results": [
-                  {
-                    "type": "return",
-                    "value": "{\\"status\\":200,\\"data\\":{\\"data\\":{\\"user\\":1200}}}",
-                  },
-                ],
-              },
-            },
+            "value": Promise {},
           },
         ],
       },

packages/core/src/internal/fetchOptions.test.ts

@@ -135,7 +135,7 @@
     const body = makeFetchBody(queryOperation);
     expect(makeFetchOptions(queryOperation, body)).toMatchInlineSnapshot(`
       {
-        "body": "{\\"operationName\\":\\"getUser\\",\\"query\\":\\"query getUser($name: String) {\\\\n  user(name: $name) {\\\\n    id\\\\n    firstName\\\\n    lastName\\\\n  }\\\\n}\\",\\"variables\\":{\\"name\\":\\"Clara\\"}}",
+        "body": "{"operationName":"getUser","query":"query getUser($name: String) {\\n  user(name: $name) {\\n    id\\n    firstName\\n    lastName\\n  }\\n}","variables":{"name":"Clara"}}",
         "headers": {
           "accept": "application/graphql-response+json, application/graphql+json, application/json, text/event-stream, multipart/mixed",
           "content-type": "application/json",
@@ -158,7 +158,7 @@
 
     expect(makeFetchOptions(operation, body)).toMatchInlineSnapshot(`
       {
-        "body": "{\\"operationName\\":\\"getUser\\",\\"query\\":\\"query getUser($name: String) {\\\\n  user(name: $name) {\\\\n    id\\\\n    firstName\\\\n    lastName\\\\n  }\\\\n}\\",\\"variables\\":{\\"name\\":\\"Clara\\"}}",
+        "body": "{"operationName":"getUser","query":"query getUser($name: String) {\\n  user(name: $name) {\\n    id\\n    firstName\\n    lastName\\n  }\\n}","variables":{"name":"Clara"}}",
         "headers": {
           "accept": "application/graphql-response+json, application/graphql+json, application/json, text/event-stream, multipart/mixed",
           "content-type": "application/json",
@@ -180,7 +180,7 @@
 
     expect(makeFetchOptions(operation, body)).toMatchInlineSnapshot(`
       {
-        "body": "{\\"operationName\\":\\"getUser\\",\\"query\\":\\"query getUser($name: String) {\\\\n  user(name: $name) {\\\\n    id\\\\n    firstName\\\\n    lastName\\\\n  }\\\\n}\\",\\"variables\\":{\\"name\\":\\"Clara\\"}}",
+        "body": "{"operationName":"getUser","query":"query getUser($name: String) {\\n  user(name: $name) {\\n    id\\n    firstName\\n    lastName\\n  }\\n}","variables":{"name":"Clara"}}",
         "headers": {
           "accept": "application/graphql-response+json, application/graphql+json, application/json, text/event-stream, multipart/mixed",
           "content-type": "application/json",
@@ -239,8 +239,8 @@
       },
     });
 
     expect(form.get('map')).toMatchInlineSnapshot(
-      '"{\\"0\\":[\\"variables.file\\"]}"'
+      `"{"0":["variables.file"]}"`
     );
     expect(form.get('0')).toBeInstanceOf(Blob);
   });

packages/core/src/utils/request.test.ts

@@ -177,7 +177,7 @@ describe('stringifyDocument ', () => {
       .toMatchInlineSnapshot(`
         "{
           field(arg: 
-        \\"test #1\\")
+        "test #1")
         }"
       `);
   });
@@ -197,10 +197,10 @@ describe('stringifyDocument ', () => {
       .toMatchInlineSnapshot(`
         "{
           field(arg: 
-        \\"\\"\\"
+        """
           hello
           #hello
-          \\"\\"\\")
+          """)
         }"
       `);
   });

packages/introspection/src/minifyIntrospectionQuery.ts

@@ -84,6 +84,7 @@ const minifyIntrospectionType = (
       };
 
     case 'INPUT_OBJECT': {
+      // @ts-ignore TODO: add isOneOf support here
       return {
         kind: 'INPUT_OBJECT',
         name: type.name,

packages/introspection/vitest.config.ts

@@ -0,0 +1,4 @@
+import { mergeConfig } from 'vitest/config';
+import baseConfig from '../../vitest.config';
+
+export default mergeConfig(baseConfig, {});

packages/next-urql/src/useQuery.ts

@@ -209,5 +209,6 @@ export function useQuery<
 
   useUrqlValue(request.key);
 
+  // @ts-ignore Sorry what?
   return [result, execute];
 }

packages/preact-urql/package.json

@@ -52,8 +52,7 @@
     "@testing-library/preact": "^2.0.0",
     "@urql/core": "workspace:*",
     "graphql": "^16.0.0",
-    "preact": "^10.13.0",
-    "vitest": "^0.30.1"
+    "preact": "^10.13.0"
   },
   "peerDependencies": {
     "@urql/core": "^5.0.0",

packages/preact-urql/vitest.config.ts

@@ -1,4 +1,13 @@
 import { mergeConfig } from 'vitest/config';
+import path from 'node:path';
 import baseConfig from '../../vitest.config';
 
-export default mergeConfig(baseConfig, {});
+console.log(path.resolve(__dirname, './node_modules/preact/hooks/dist/hooks.js'));
+export default mergeConfig(baseConfig, {
+  resolve: {
+    alias: {
+      'preact/hooks': path.resolve(__dirname, './node_modules/preact/hooks/dist/hooks.js'),
+      preact: path.resolve(__dirname, './node_modules/preact/dist/preact.js')
+    },
+  },
+});