[ui] TS native preview (#32990)

Add the TypeScript native preview to a few JS projects in `dagster`, along with a `tsgo` script to run it.

https://devblogs.microsoft.com/typescript/progress-on-typescript-7-december-2025/

This will let us start trying it out a bit before everyone switches to use it, using it in builds, etc.

I had to iron out a couple of issues. Will comment inline.

## Test Plan

For each project with `tsgo` added, run `yarn tsgo`. `make tsgo` from `dagster-ui`.

Author: hellendag

js_modules/dagster-ui/Makefile

@@ -10,6 +10,9 @@ generate-perms:
 ts:
 	yarn workspace @dagster-io/app-oss ts && yarn workspace @dagster-io/ui-core ts && yarn workspace @dagster-io/ui-components ts
 
+tsgo:
+	yarn workspace @dagster-io/app-oss tsgo && yarn workspace @dagster-io/ui-core tsgo && yarn workspace @dagster-io/ui-components tsgo
+
 lint:
 	yarn workspace @dagster-io/app-oss lint && yarn workspace @dagster-io/ui-core lint && yarn workspace @dagster-io/ui-components lint
 

js_modules/dagster-ui/packages/app-oss/package.json

@@ -40,6 +40,7 @@
     "@types/webpack-bundle-analyzer": "^4",
     "@typescript-eslint/eslint-plugin": "^8.44.0",
     "@typescript-eslint/parser": "^8.44.0",
+    "@typescript/native-preview": "^7.0.0-dev.20251204.1",
     "eslint": "^8.57.1",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jest": "^26.4.6",
@@ -60,6 +61,7 @@
     "lint:ci": "eslint src/ --ext=.tsx,.ts,.js -c .eslintrc.js",
     "test": "jest",
     "ts": "tsc -p .",
+    "tsgo": "tsgo -p .",
     "analyze": "webpack-bundle-analyzer '.next/webpack-stats.json'"
   },
   "browserslist": {

js_modules/dagster-ui/packages/dg-docs-components/package.json

@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "ts": "tsc -p .",
+    "tsgo": "tsgo -p .",
     "lint": "eslint ."
   },
   "dependencies": {
@@ -22,6 +23,7 @@
     "@eslint/js": "^9.31.0",
     "@types/node": "^22.13.13",
     "@types/react": "^18.3.9",
+    "@typescript/native-preview": "^7.0.0-dev.20251204.1",
     "eslint": "^9.31.0",
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-prettier": "^5.2.5",

js_modules/dagster-ui/packages/dg-docs-site/package.json

@@ -8,7 +8,8 @@
     "start": "next start",
     "lint": "next lint",
     "lint:fix": "next lint --fix",
-    "ts": "tsc -p ."
+    "ts": "tsc -p .",
+    "tsgo": "tsgo -p ."
   },
   "dependencies": {
     "@dagster-io/dg-docs-components": "workspace:*",
@@ -27,6 +28,7 @@
     "@types/node": "^20",
     "@types/react": "^18.3.9",
     "@types/react-dom": "^18.3.0",
+    "@typescript/native-preview": "^7.0.0-dev.20251204.1",
     "eslint": "^9.31.0",
     "eslint-config-next": "15.2.1",
     "eslint-config-prettier": "^10.1.1",

js_modules/dagster-ui/packages/ui-components/package.json

@@ -19,6 +19,7 @@
     "jest": "jest",
     "jest-all-silent": "yarn jest --silent --watchAll=false --maxWorkers=50%",
     "ts": "tsc -p .",
+    "tsgo": "tsgo -p .",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -80,6 +81,7 @@
     "@types/react-is": "^18.3.0",
     "@types/styled-components": "^5.1.26",
     "@types/testing-library__jest-dom": "^5.14.2",
+    "@typescript/native-preview": "^7.0.0-dev.20251203.1",
     "babel-jest": "^27.4.6",
     "babel-loader": "^9.1.2",
     "babel-plugin-macros": "^3.1.0",

js_modules/dagster-ui/packages/ui-core/package.json

@@ -12,6 +12,7 @@
     "lint": "eslint src/ --ext=.tsx,.ts,.js,.graphql --fix -c .eslintrc.js",
     "lint:ci": "eslint src/ --ext=.tsx,.ts,.js,.graphql -c .eslintrc.js",
     "ts": "tsc -p .",
+    "tsgo": "tsgo -p .",
     "ts:workers": "tsc -p ./tsconfig.workers.json",
     "generate-graphql": "ts-node -O '{\"module\": \"commonjs\"}' ./src/scripts/generateGraphQLTypes.ts",
     "generate-perms": "ts-node -O '{\"module\": \"commonjs\"}' ./src/scripts/generatePermissions.ts",
@@ -143,6 +144,7 @@
     "@types/ws": "^6.0.3",
     "@typescript-eslint/eslint-plugin": "^8.44.0",
     "@typescript-eslint/parser": "^8.44.0",
+    "@typescript/native-preview": "^7.0.0-dev.20251203.1",
     "antlr4ts-cli": "0.5.0-alpha.4",
     "babel-jest": "^29.7.0",
     "babel-loader": "9.1.2",

js_modules/dagster-ui/packages/ui-core/src/testing/mocking.ts

@@ -1,5 +1,4 @@
 import {MockedResponse} from '@apollo/client/testing';
-import deepmerge from 'deepmerge';
 import {GraphQLError} from 'graphql';
 
 import {DocumentNode, OperationVariables} from '../apollo-client';
@@ -84,78 +83,6 @@ export function getMockResultFn<T>(mock: MockedResponse<T>) {
   return mockFn;
 }
 
-/**
- * Merges result data for queries of the same type.
- * See mocking.test.ts for example usage
- */
-export function mergeMockQueries<T extends Record<string, any>>(
-  defaultData: MockedResponse<T>,
-  ...queries: Array<MockedResponse<T>>
-): MockedResponse<T> {
-  // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-  let mergedResult = resultData(queries[0]!.result, queries[0]!.request.variables);
-  for (let i = 1; i < queries.length; i++) {
-    mergedResult = deepmerge(
-      mergedResult,
-      removeDefaultValues(
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        resultData(defaultData.result!),
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        resultData(queries[i]!.result!, queries[i]?.request.variables),
-      ),
-    );
-  }
-  return {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    ...queries[0]!,
-    result: mergedResult,
-  };
-}
-
-function resultData<T>(result: MockedResponse<T>['result'], variables: Record<string, any> = {}) {
-  if (result instanceof Function) {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return result(variables)!;
-  } else {
-    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-    return result!;
-  }
-}
-
-function removeDefaultValues<T extends Record<string | number, any> | Array<any>>(
-  defaultData: T,
-  data: T,
-): T {
-  const dataWithoutDefaultValues: Partial<T> =
-    defaultData instanceof Array ? ([...(data as any)] as T) : {...data}; // Use a copy of 'data'
-
-  if (data instanceof Object) {
-    Object.keys(defaultData).forEach((key: any) => {
-      if (key in data && key in defaultData) {
-        if (data[key] === defaultData[key]) {
-          delete dataWithoutDefaultValues[key];
-        } else {
-          if (data[key] instanceof Object) {
-            const dataKey = key as keyof T; // Use a type assertion to narrow the type of key
-            const result = removeDefaultValues(defaultData[key], data[key]);
-            if (result) {
-              dataWithoutDefaultValues[dataKey] = result;
-            } else {
-              delete dataWithoutDefaultValues[dataKey];
-            }
-          } else {
-            dataWithoutDefaultValues[key] = data[key];
-          }
-        }
-      }
-    });
-  } else if (data === defaultData) {
-    return undefined as any; // Return 'undefined' with 'any' type for consistency
-  }
-
-  return dataWithoutDefaultValues as T; // Cast to the original type 'T'
-}
-
 let nativeGBRC: any;
 
 /* simulate getBoundingCLientRect returning a > 0x0 size, important for

js_modules/dagster-ui/yarn.lock

@@ -1845,6 +1845,7 @@ __metadata:
     "@types/webpack-bundle-analyzer": "npm:^4"
     "@typescript-eslint/eslint-plugin": "npm:^8.44.0"
     "@typescript-eslint/parser": "npm:^8.44.0"
+    "@typescript/native-preview": "npm:^7.0.0-dev.20251204.1"
     eslint: "npm:^8.57.1"
     eslint-config-next: "npm:^13.5.3"
     eslint-plugin-import: "npm:^2.31.0"
@@ -1889,6 +1890,7 @@ __metadata:
     "@eslint/js": "npm:^9.31.0"
     "@types/node": "npm:^22.13.13"
     "@types/react": "npm:^18.3.9"
+    "@typescript/native-preview": "npm:^7.0.0-dev.20251204.1"
     clsx: "npm:^2.1.1"
     eslint: "npm:^9.31.0"
     eslint-config-prettier: "npm:^10.1.1"
@@ -1923,6 +1925,7 @@ __metadata:
     "@types/node": "npm:^20"
     "@types/react": "npm:^18.3.9"
     "@types/react-dom": "npm:^18.3.0"
+    "@typescript/native-preview": "npm:^7.0.0-dev.20251204.1"
     clsx: "npm:^2.1.1"
     eslint: "npm:^9.31.0"
     eslint-config-next: "npm:15.2.1"
@@ -2010,6 +2013,7 @@ __metadata:
     "@types/react-is": "npm:^18.3.0"
     "@types/styled-components": "npm:^5.1.26"
     "@types/testing-library__jest-dom": "npm:^5.14.2"
+    "@typescript/native-preview": "npm:^7.0.0-dev.20251203.1"
     amator: "npm:^1.1.0"
     babel-jest: "npm:^27.4.6"
     babel-loader: "npm:^9.1.2"
@@ -2113,6 +2117,7 @@ __metadata:
     "@types/ws": "npm:^6.0.3"
     "@typescript-eslint/eslint-plugin": "npm:^8.44.0"
     "@typescript-eslint/parser": "npm:^8.44.0"
+    "@typescript/native-preview": "npm:^7.0.0-dev.20251203.1"
     "@vx/shape": "npm:^0.0.192"
     amator: "npm:^1.1.0"
     ansi-to-react: "npm:^5.1.0"
@@ -5996,6 +6001,168 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@typescript/native-preview-darwin-arm64@npm:7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview-darwin-arm64@npm:7.0.0-dev.20251203.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-darwin-arm64@npm:7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview-darwin-arm64@npm:7.0.0-dev.20251204.1"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-darwin-x64@npm:7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview-darwin-x64@npm:7.0.0-dev.20251203.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-darwin-x64@npm:7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview-darwin-x64@npm:7.0.0-dev.20251204.1"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-linux-arm64@npm:7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview-linux-arm64@npm:7.0.0-dev.20251203.1"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-linux-arm64@npm:7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview-linux-arm64@npm:7.0.0-dev.20251204.1"
+  conditions: os=linux & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-linux-arm@npm:7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview-linux-arm@npm:7.0.0-dev.20251203.1"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-linux-arm@npm:7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview-linux-arm@npm:7.0.0-dev.20251204.1"
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-linux-x64@npm:7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview-linux-x64@npm:7.0.0-dev.20251203.1"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-linux-x64@npm:7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview-linux-x64@npm:7.0.0-dev.20251204.1"
+  conditions: os=linux & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-win32-arm64@npm:7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview-win32-arm64@npm:7.0.0-dev.20251203.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-win32-arm64@npm:7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview-win32-arm64@npm:7.0.0-dev.20251204.1"
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-win32-x64@npm:7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview-win32-x64@npm:7.0.0-dev.20251203.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview-win32-x64@npm:7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview-win32-x64@npm:7.0.0-dev.20251204.1"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview@npm:^7.0.0-dev.20251203.1":
+  version: 7.0.0-dev.20251203.1
+  resolution: "@typescript/native-preview@npm:7.0.0-dev.20251203.1"
+  dependencies:
+    "@typescript/native-preview-darwin-arm64": "npm:7.0.0-dev.20251203.1"
+    "@typescript/native-preview-darwin-x64": "npm:7.0.0-dev.20251203.1"
+    "@typescript/native-preview-linux-arm": "npm:7.0.0-dev.20251203.1"
+    "@typescript/native-preview-linux-arm64": "npm:7.0.0-dev.20251203.1"
+    "@typescript/native-preview-linux-x64": "npm:7.0.0-dev.20251203.1"
+    "@typescript/native-preview-win32-arm64": "npm:7.0.0-dev.20251203.1"
+    "@typescript/native-preview-win32-x64": "npm:7.0.0-dev.20251203.1"
+  dependenciesMeta:
+    "@typescript/native-preview-darwin-arm64":
+      optional: true
+    "@typescript/native-preview-darwin-x64":
+      optional: true
+    "@typescript/native-preview-linux-arm":
+      optional: true
+    "@typescript/native-preview-linux-arm64":
+      optional: true
+    "@typescript/native-preview-linux-x64":
+      optional: true
+    "@typescript/native-preview-win32-arm64":
+      optional: true
+    "@typescript/native-preview-win32-x64":
+      optional: true
+  bin:
+    tsgo: bin/tsgo.js
+  checksum: 10/dc492141a3f84820786c0174e2f3082355005d258e9fd12eb24d620c90892e358b35dde08d216851edee993b48c69a047f6ba695360bb61ccf998c61f6c09580
+  languageName: node
+  linkType: hard
+
+"@typescript/native-preview@npm:^7.0.0-dev.20251204.1":
+  version: 7.0.0-dev.20251204.1
+  resolution: "@typescript/native-preview@npm:7.0.0-dev.20251204.1"
+  dependencies:
+    "@typescript/native-preview-darwin-arm64": "npm:7.0.0-dev.20251204.1"
+    "@typescript/native-preview-darwin-x64": "npm:7.0.0-dev.20251204.1"
+    "@typescript/native-preview-linux-arm": "npm:7.0.0-dev.20251204.1"
+    "@typescript/native-preview-linux-arm64": "npm:7.0.0-dev.20251204.1"
+    "@typescript/native-preview-linux-x64": "npm:7.0.0-dev.20251204.1"
+    "@typescript/native-preview-win32-arm64": "npm:7.0.0-dev.20251204.1"
+    "@typescript/native-preview-win32-x64": "npm:7.0.0-dev.20251204.1"
+  dependenciesMeta:
+    "@typescript/native-preview-darwin-arm64":
+      optional: true
+    "@typescript/native-preview-darwin-x64":
+      optional: true
+    "@typescript/native-preview-linux-arm":
+      optional: true
+    "@typescript/native-preview-linux-arm64":
+      optional: true
+    "@typescript/native-preview-linux-x64":
+      optional: true
+    "@typescript/native-preview-win32-arm64":
+      optional: true
+    "@typescript/native-preview-win32-x64":
+      optional: true
+  bin:
+    tsgo: bin/tsgo.js
+  checksum: 10/060c18167adce55ccc9f854a7b9acd4efaa1b25c44ac4f907e560168a47389d0e3173742e98b2ca9c5767e8e96bcadd906ab1e424cc9ffef8d1f340250e4a7f0
+  languageName: node
+  linkType: hard
+
 "@ungap/structured-clone@npm:^1.0.0, @ungap/structured-clone@npm:^1.2.0":
   version: 1.3.0
   resolution: "@ungap/structured-clone@npm:1.3.0"