[wip] migrate graphql-language-service-server to vitest

.changeset/stupid-lamps-search.md

@@ -0,0 +1,5 @@
+---
+'graphiql': minor
+---
+
+migrate `graphiql` to `vite` and `react compiler`

.eslintrc.js

@@ -406,10 +406,13 @@ module.exports = {
         '**/__{tests,mocks}__/*.{js,jsx,ts,tsx}',
         '**/*.spec.{ts,js.jsx.tsx}',
       ],
-      extends: ['plugin:jest/recommended'],
+      extends: ['plugin:@vitest/legacy-recommended'],
       rules: {
-        'jest/no-conditional-expect': 'off',
-        'jest/expect-expect': ['error', { assertFunctionNames: ['expect*'] }],
+        '@vitest/expect-expect': [
+          'error',
+          { assertFunctionNames: ['expect*'] },
+        ],
+        '@vitest/no-disabled-tests': 'error',
       },
     },
     {
@@ -435,7 +438,6 @@ module.exports = {
         '**/__tests__/**',
         'webpack.config.js',
         '**/tests/**',
-        'test.config.js',
         'vitest.config.mts',
         'setup-files.ts',
       ],
@@ -462,7 +464,7 @@ module.exports = {
       },
     },
     {
-      files: ['packages/graphiql-react/**'],
+      files: ['packages/{graphiql-react,graphiql}/**'],
       plugins: ['react-compiler'],
       rules: {
         '@typescript-eslint/no-restricted-imports': [

.github/workflows/main-test.yml

@@ -31,25 +31,3 @@ jobs:
             ~/.cache/Cypress
           key: cypress-${{ runner.os }}-${{ hashFiles('yarn.lock') }}
       - run: yarn install --frozen-lockfile --immutable
-
-  jest:
-    name: Jest Unit Tests
-    runs-on: ubuntu-latest
-    needs: [install]
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-
-      - id: cache-modules
-        uses: actions/cache@v4
-        with:
-          path: |
-            **/node_modules
-          key: modules-${{ github.sha }}
-      - run: yarn test --coverage
-      - uses: codecov/codecov-action@v4
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-          files: coverage/lcov.info
-          fail_ci_if_error: true
-          verbose: true

.github/workflows/pr.yml

@@ -84,27 +84,6 @@ jobs:
           key: modules-${{ github.sha }}
       - run: yarn pretty-check
 
-  jest:
-    name: Jest Unit & Integration Tests
-    runs-on: ubuntu-latest
-    needs: [install]
-    steps:
-      - uses: actions/checkout@v4
-      - uses: actions/setup-node@v4
-      - id: cache-modules
-        uses: actions/cache@v4
-        with:
-          path: |
-            **/node_modules
-          key: modules-${{ github.sha }}
-      - run: yarn test --coverage
-      - uses: codecov/codecov-action@v4
-        with:
-          token: ${{ secrets.CODECOV_TOKEN }}
-          files: coverage/lcov.info
-          fail_ci_if_error: true
-          verbose: true
-
   vitest:
     name: Vitest Unit Tests
     runs-on: ubuntu-latest
@@ -125,7 +104,7 @@ jobs:
         with:
           key: build-${{ github.sha }}
           path: ${{ env.BUILD-CACHE-LIST }}
-      - run: yarn vitest
+      - run: yarn test
 
   eslint:
     name: ESLint
@@ -192,7 +171,7 @@ jobs:
     name: Canary
     runs-on: ubuntu-latest
     # ensure the basic checks pass before running the canary
-    needs: [build, jest, eslint, vitest, e2e]
+    needs: [build, eslint, vitest, e2e]
     if: github.event.pull_request.head.repo.full_name == github.repository
     steps:
       - uses: actions/checkout@v4

.gitignore

@@ -26,7 +26,7 @@ package-lock.json
 .eslintcache
 .cspellcache
 
-vite.config.d.ts
+vitest.config.*.mjs
 vite.config.js
 
 .next/
@@ -41,12 +41,8 @@ packages/codemirror-graphql/*.d.ts
 packages/codemirror-graphql/*.map
 !packages/codemirror-graphql/*.config.js
 
-packages/graphiql/index.html
-packages/graphiql/dev.html
-packages/graphiql/analyzer.html
 packages/graphiql/graphiql*.js
 packages/graphiql/*.css
 packages/graphiql/*.map
 packages/graphiql/cypress/screenshots/
 packages/graphiql/typedoc/
-packages/graphiql/webpack/

.npmignore

@@ -7,7 +7,6 @@
 .idea
 npm-debug.log
 
-.babelrc
 CONTRIBUTING.md
 node_modules
 coverage
@@ -16,5 +15,4 @@ src
 packages
 packages/graphiql/*.html
 cypress.json
-babel.config.js
 **/*.tsbuildinfo

.vscode/launch.json

@@ -19,23 +19,6 @@
       "sourceMaps": true,
       "preLaunchTask": "watch-vscode"
     },
-    {
-      "type": "node",
-      "name": "jest watch",
-      "request": "launch",
-      "program": "${workspaceFolder}/node_modules/jest/bin/jest",
-      "args": [
-        "--config",
-        "jest.config.js",
-        "--color",
-        "--runInBand",
-        "--watch",
-        "${relativeFile}"
-      ],
-      "cwd": "${workspaceFolder}",
-      "console": "integratedTerminal",
-      "internalConsoleOptions": "neverOpen"
-    },
     {
       "name": "VS Code Exec Extension: Run",
       "type": "extensionHost",

DEVELOPMENT.md

@@ -71,7 +71,7 @@ breaking their implementations.
 
 - `yarn test graphiql` will run all tests for graphiql. You can also run tests
   from a workspace, but most tooling is at the root.
-- `yarn test --watch` will run `jest` with `--watch`
+- `yarn test --watch` will run `vitest` with `--watch`
 - `yarn e2e` at the root will run the end-to-end suite
 - `yarn start-monaco` will launch `webpack` dev server for the `monaco` editor
   example with GitHub API from the root. This is the fastest way to test changes

examples/graphiql-webpack/babel.config.js

@@ -1 +1,8 @@
-module.exports = require('../../resources/babel.config');
+module.exports = {
+  sourceMaps: true,
+  presets: [
+    [require.resolve('@babel/preset-env')],
+    require.resolve('@babel/preset-react'),
+  ],
+  plugins: [require.resolve('@babel/plugin-proposal-class-properties')],
+};

examples/monaco-graphql-webpack/package.json

@@ -22,6 +22,7 @@
     "@babel/core": "^7.21.0",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
     "@babel/preset-env": "^7.20.2",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.0",
@@ -30,11 +31,13 @@
     "cross-env": "^7.0.2",
     "css-loader": "^6.7.3",
     "file-loader": "6.2.0",
+    "fork-ts-checker-webpack-plugin": "7.3.0",
     "html-webpack-plugin": "^5.5.0",
     "monaco-editor-webpack-plugin": "^7.0.1",
     "style-loader": "^3.3.1",
     "typescript": "^4.6.3",
     "webpack": "5.76.0",
+    "webpack-bundle-analyzer": "^3.6.1",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.11.1"
   }

examples/monaco-graphql-webpack/tsconfig.json

@@ -7,12 +7,12 @@
     "composite": true,
     "baseUrl": ".",
     "strictPropertyInitialization": false,
-    "types": ["node", "jest"],
+    "types": ["node"],
     "typeRoots": ["../../node_modules/@types", "node_modules/@types"],
     "lib": ["dom", "ESNext"],
     "moduleResolution": "node"
   },
   "references": [{ "path": "../../packages/monaco-graphql" }],
   "include": ["src"],
-  "exclude": ["**/__tests__/**", "**/build/**.*", "../../node_modules"]
+  "exclude": ["**/build/**.*", "../../node_modules"]
 }