chore(typescript): Unify ES2020 target and TypeScript 5.9.2 across monorepo

1st-gen/package.json

@@ -192,7 +192,7 @@
         "tachometer": "0.7.2",
         "tar-stream": "3.1.7",
         "terser": "4.8.1",
-        "typescript": "5.3.3",
+        "typescript": "5.9.2",
         "webpack-merge": "6.0.1",
         "wireit": "0.14.12",
         "yargs": "17.7.2"

1st-gen/projects/css-custom-vars-viewer/package.json

@@ -1,18 +1,27 @@
 {
     "name": "@spectrum-web-components/custom-vars-viewer",
     "version": "1.10.0",
+    "private": true,
     "description": "Demo app created with Spectrum Web Components, following open-wc guidelines",
     "license": "Apache-2.0",
     "author": "Adobe",
-    "main": "dist/src/index.js",
-    "module": "dist/src/index.js",
-    "private": true,
+    "homepage": "https://opensource.adobe.com/spectrum-web-components/",
+    "repository": {
+        "directory": "1st-gen/projects/css-custom-vars-viewer",
+        "type": "git",
+        "url": "https://github.com/adobe/spectrum-web-components.git"
+    },
+    "bugs": {
+        "url": "https://github.com/adobe/spectrum-web-components/issues"
+    },
     "type": "module",
     "exports": {
         ".": "./dist/src/index.js",
-        "./sp-css-table.js": "./dist/src/sp-css-table.js",
-        "./custom-vars-viewer.js": "./dist/src/custom-vars-viewer.js"
+        "./custom-vars-viewer.js": "./dist/src/custom-vars-viewer.js",
+        "./sp-css-table.js": "./dist/src/sp-css-table.js"
     },
+    "main": "dist/src/index.js",
+    "module": "dist/src/index.js",
     "scripts": {
         "analyze": "cem analyze --litelement",
         "build": "yarn parse-json && tsc && npm run analyze -- --exclude dist",
@@ -61,17 +70,9 @@
         "react-dom": "18.3.1",
         "storybook": "8.6.14",
         "tslib": "2.8.1",
-        "typescript": "5.3.3"
+        "typescript": "5.9.2"
     },
     "customElements": "custom-elements.json",
-    "repository": {
-        "type": "git",
-        "url": "https://github.com/adobe/spectrum-web-components.git",
-        "directory": "1st-gen/projects/css-custom-vars-viewer"
-    },
-    "bugs": {
-        "url": "https://github.com/adobe/spectrum-web-components/issues"
-    },
     "keywords": [
         "design-system",
         "spectrum",
@@ -81,6 +82,5 @@
         "web-components",
         "lit-element",
         "lit-html"
-    ],
-    "homepage": "https://opensource.adobe.com/spectrum-web-components/"
+    ]
 }

1st-gen/projects/example-project-rollup/package.json

@@ -44,7 +44,7 @@
     "rollup-plugin-styles": "4.0.0",
     "rollup-plugin-visualizer": "5.14.0",
     "tslib": "2.8.1",
-    "typescript": "5.3.3"
+    "typescript": "5.9.2"
   },
   "customElements": "custom-elements.json",
   "prettier": {

1st-gen/projects/example-project-rollup/tsconfig.json

@@ -1,20 +1,11 @@
 {
   "compilerOptions": {
-    "target": "es2017",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "lib": ["es2017", "dom", "dom.iterable"],
-    "strict": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
     "importHelpers": true,
-    "outDir": "out-tsc",
-    "sourceMap": true,
-    "skipLibCheck": true,
     "inlineSources": true,
+    "noEmitOnError": true,
+    "outDir": "out-tsc",
     "rootDir": "./"
   },
+  "extends": "../../tsconfig.json",
   "include": ["**/*.ts"]
 }

1st-gen/scripts/cem-plugin-react-wrapper.js

@@ -85,8 +85,8 @@ function genPackageJson(
             "${dependencyPkgName}"
         ],
         "dependencies": {
-            "@lit/react": "^1.0.2",
-            "${dependencyPkgName}": "^${dependencyPkgVersion}"
+            "@lit/react": "1.0.8",
+            "${dependencyPkgName}": "${dependencyPkgVersion}"
         },
         "peerDependencies": {
             "next": "~13.4 || ~14",

1st-gen/scripts/ts-tools.js

@@ -12,8 +12,8 @@
  * governing permissions and limitations under the License.
  */
 
-import fg from 'fast-glob';
 import { build } from 'esbuild';
+import fg from 'fast-glob';
 import fs from 'fs';
 
 const relativeImportRegex = RegExp(
@@ -79,7 +79,7 @@ export const buildPackage = async (paths) => {
         outdir: '.',
         outbase: '.',
         sourcemap: true,
-        target: ['es2018'],
+        target: ['es2020'],
     };
     if (devPaths.length) {
         builds.push(

1st-gen/tsconfig.json

@@ -1,32 +1,24 @@
 {
     "compilerOptions": {
-        "allowSyntheticDefaultImports": true,
+        // 1st-gen specific: Build configuration
         "baseUrl": "./packages",
-        "declaration": true,
         "emitDeclarationOnly": true,
-        "experimentalDecorators": true,
         "importHelpers": true,
         "inlineSources": true,
-        "isolatedModules": true,
-        "lib": ["es2018", "dom", "dom.iterable"],
-        "module": "esNext",
+        // 1st-gen specific: Classic Node resolution for tsc builds
         "moduleResolution": "node",
-        "noImplicitOverride": true,
-        "noImplicitReturns": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
+
+        // Cross-generation import mapping
         "paths": {
             "@spectrum-web-components/core/*": [
                 "../2nd-gen/packages/core/*/dist"
             ]
         },
-        "resolveJsonModule": true,
         "rootDir": ".",
-        "skipLibCheck": true,
-        "sourceMap": true,
-        "strict": true,
-        "target": "es2018",
+
+        // Test framework types
         "types": ["mocha", "chai", "sinon", "node", "swc"]
     },
+    "extends": "../tsconfig.base.json",
     "include": ["./global.d.ts"]
 }

2nd-gen/packages/core/vite.config.js

@@ -109,12 +109,12 @@ export default defineConfig({
                 chunkFileNames: '[name].js',
             },
         },
-        target: 'es2022',
+        target: 'es2020',
         sourcemap: true,
         emptyOutDir: true,
         outDir: 'dist',
     },
     esbuild: {
-        target: 'es2022',
+        target: 'es2020',
     },
 });

2nd-gen/packages/swc/vite.config.ts

@@ -85,7 +85,7 @@ export default defineConfig({
                 chunkFileNames: '[name].js',
             },
         },
-        target: 'es2022',
+        target: 'es2020',
         sourcemap: true,
         emptyOutDir: true,
         outDir: 'dist',
@@ -98,6 +98,6 @@ export default defineConfig({
         },
     },
     esbuild: {
-        target: 'es2022',
+        target: 'es2020',
     },
 });

2nd-gen/tsconfig.json

@@ -1,28 +1,19 @@
 {
     "compilerOptions": {
         "allowImportingTsExtensions": true,
-        "allowSyntheticDefaultImports": true,
-        "declaration": true,
-        "experimentalDecorators": true,
-        "forceConsistentCasingInFileNames": true,
-        "isolatedModules": true,
-        "lib": ["ES2022", "DOM", "DOM.Iterable"],
-        "module": "ESNext",
+        // 2nd-gen specific: Modern bundler resolution for Vite
         "moduleResolution": "bundler",
+
+        // 2nd-gen specific: Build configuration
         "noEmit": true,
+
+        // Additional strictness
         "noFallthroughCasesInSwitch": true,
-        "noImplicitReturns": true,
-        "noUnusedLocals": true,
-        "noUnusedParameters": true,
         "outDir": "./dist",
-        "resolveJsonModule": true,
-        "rootDir": "./",
-        "skipLibCheck": true,
-        "strict": true,
-        "target": "ES2022",
-        "useDefineForClassFields": false
+        "rootDir": "./"
     },
     "exclude": ["node_modules", "dist", "**/*.test.ts", "**/*.stories.ts"],
+    "extends": "../tsconfig.base.json",
     "include": ["packages/**/*.ts", "**/*.d.ts"],
     "references": [
         {