chore: make the @packages/data-context an independent bundle without needed ts-node to register entrypoint. Both ESM and CJS distributions are built and types are used as source to be compatible with older styles of commonjs bundling. Types are not shipped with the package.

Author: AtofStryker

guides/esm-migration.md

@@ -38,7 +38,7 @@ When migrating some of these projects away from the `ts-node` entry [see `@packa
 
 - [ ] packages/app **PARTIAL** - low priority: frontend package
 - [x] packages/config ✅ **COMPLETED**
-- [ ] packages/data-context  **PARTIAL** - entry point is JS
+- [x] packages/data-context ✅ **COMPLETED**
 - [x] packages/driver ✅ **COMPLETED** - source complete, cypress tests need migration
 - [x] packages/electron ✅ **COMPLETED**
 - [x] packages/error ✅ **COMPLETED**

packages/data-context/.gitignore

@@ -0,0 +1,2 @@
+cjs/
+esm/

packages/data-context/index.js

@@ -2,13 +2,15 @@
   "name": "@packages/data-context",
   "version": "0.0.0-development",
   "description": "Centralized data access for the Cypress application",
-  "main": "index.js",
-  "browser": "src/index.ts",
+  "main": "cjs/index.js",
   "scripts": {
-    "build": "node ./scripts/build.js",
-    "build-prod": "tsc || echo 'built, with errors'",
-    "check-ts": "tsc --noEmit && yarn -s tslint",
-    "clean": "rimraf --glob \"./{src,test}/**/*.js\"",
+    "build": "yarn build:schema && yarn build:cjs && yarn build:esm",
+    "build-prod": "yarn build",
+    "build:cjs": "rimraf cjs && tsc -p tsconfig.cjs.json",
+    "build:esm": "rimraf esm && tsc -p tsconfig.esm.json",
+    "build:schema": "tsx ./scripts/build.ts",
+    "check-ts": "tsc -p tsconfig.cjs.json --noEmit && yarn -s tslint -p tsconfig.cjs.json",
+    "clean": "rimraf esm cjs",
     "clean-deps": "rimraf node_modules",
     "lint": "eslint --ext .js,.ts,.json, .",
     "test": "yarn test-unit",
@@ -95,14 +97,19 @@
     "mocha-junit-reporter": "2.2.0",
     "mocha-multi-reporters": "1.5.1",
     "nexus": "^1.2.0-next.15",
+    "rimraf": "6.0.1",
     "sinon": "13.0.2",
     "sinon-chai": "3.7.0",
-    "tslint": "^6.1.3"
+    "tslint": "^6.1.3",
+    "tsx": "4.20.5",
+    "typescript": "5.9.2"
   },
   "files": [
-    "src"
+    "cjs/*",
+    "esm/*"
   ],
   "types": "src/index.ts",
+  "module": "esm/index.js",
   "nx": {
     "targets": {
       "build": {

packages/data-context/package.json

@@ -1,7 +1,7 @@
-const fs = require('fs-extra')
-const { buildSchema, introspectionFromSchema } = require('graphql')
-const path = require('path')
-const { minifyIntrospectionQuery } = require('@urql/introspection')
+import fs from 'fs-extra'
+import { buildSchema, introspectionFromSchema } from 'graphql'
+import path from 'path'
+import { minifyIntrospectionQuery } from '@urql/introspection'
 
 const graphQlPackageRoot = path.join(__dirname, '..', '..', 'graphql')
 const dataContextRoot = path.join(__dirname, '..')

packages/data-context/scripts/build.js renamed to packages/data-context/scripts/build.ts

@@ -312,6 +312,7 @@ export class DataEmitterActions extends DataEmitterEvents {
       },
     }
 
+    // @ts-expect-error
     return iterator
   }
 

packages/data-context/src/actions/DataEmitterActions.ts

@@ -0,0 +1,27 @@
+{
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "src/gen"
+  ],
+  "compilerOptions": {
+    "lib": [
+      "esnext"
+    ],
+    "allowJs": false,
+    "noImplicitAny": true,
+    "noUncheckedIndexedAccess": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "types": [
+      "cypress",
+      "mocha",
+      "node"
+    ],
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "useUnknownInCatchVariables": false
+  }
+}

packages/data-context/tsconfig.base.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./cjs",
+    "target": "ES2022",
+    "module": "CommonJS",
+    "moduleResolution": "node"
+  }
+}

packages/data-context/tsconfig.cjs.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "rootDir": "./src",
+    "outDir": "./esm",
+    "target": "ES2022",
+    "module": "ES2022",
+    "moduleResolution": "node"
+  }
+}