chore: release LWC v9

commitlint.config.js

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-module.exports = {
+export default {
     rules: {
         'body-leading-blank': [1, 'always'],
         'footer-leading-blank': [1, 'always'],

eslint.config.mjs

@@ -189,7 +189,7 @@ export default tseslint.config(
         },
     },
     {
-        files: ['**/*.js', '**/*.mjs', '**/*.cjs'],
+        files: ['**/*.js', '**/*.mjs'],
         ...tseslint.configs.disableTypeChecked,
     },
 

package.json

@@ -7,6 +7,7 @@
         "type": "git",
         "url": "https://github.com/salesforce/lwc.git"
     },
+    "type": "module",
     "scripts": {
         "prepare": "husky && yarn build",
         "lint": "eslint . --cache",
@@ -25,7 +26,7 @@
         "test:ci": "vitest run --coverage",
         "test:wtr": "nx test @lwc/integration-wtr",
         "test:hydration": "nx test:hydration @lwc/integration-wtr",
-        "test:integration": "nx sauce @lwc/integration-wdio",
+        "test:wdio": "nx sauce @lwc/integration-wdio",
         "test:performance": "nx test @lwc/perf-benchmarks",
         "test:performance:best": "nx test:best @lwc/perf-benchmarks",
         "test:performance:best:ci": "nx test:best:ci @lwc/perf-benchmarks",
@@ -72,9 +73,9 @@
         "rollup": "^4.53.3",
         "terser": "^5.44.1",
         "tslib": "^2.8.1",
-        "typescript": "5.8.2",
-        "typescript-eslint": "8.47.0",
-        "vitest": "4.0.14"
+        "typescript": "~6.0.0-0",
+        "typescript-eslint": "8.48.1",
+        "vitest": "4.0.15"
     },
     "lint-staged": {
         "*.{js,mjs,ts,only,skip}": "eslint --cache",

packages/@lwc/aria-reflection/package.json

@@ -23,15 +23,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/babel-plugin-component/package.json

@@ -19,15 +19,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/babel-plugin-component/src/__tests__/index.spec.ts

@@ -81,7 +81,7 @@ function transform(source: string, opts = {}) {
 describe('fixtures', () => {
     testFixtureDir<TestConfig>(
         {
-            root: path.resolve(__dirname, 'fixtures'),
+            root: path.resolve(import.meta.dirname, 'fixtures'),
             pattern: '**/actual.js',
             ssrVersion: 2,
         },

packages/@lwc/compiler/package.json

@@ -19,15 +19,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/engine-core/package.json

@@ -19,15 +19,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/engine-dom/package.json

@@ -19,15 +19,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/engine-server/README.md

@@ -1,26 +1,7 @@
 # @lwc/engine-server
 
-WARNING: This is an experimental package. It is subject to change, may be removed at any time,
-and should be used at your own risk!
+⚠️ This package is deprecated and has been replaced by [`@lwc/ssr-compiler`](https://www.npmjs.com/package/@lwc/ssr-compiler) and [`@lwc/ssr-runtime`](https://www.npmjs.com/package/@lwc/ssr-compiler).
 
-This package can be used to render LWC components as strings in a server environment.
+## Links
 
-## Supported APIs
-
-This package supports the following APIs.
-
-### renderComponent()
-
-This function renders a string-representation of a serialized component tree, given a tag name
-and an LWC constructor. The output format itself is aligned with the [current leading
-proposal][explainer], but is subject to change.
-
-```js
-import { renderComponent } from '@lwc/engine-server';
-import LightningHello from 'lightning/hello';
-
-const componentProps = {};
-const serialized = renderComponent('lightning-hello', LightningHello, componentProps);
-```
-
-[explainer]: https://github.com/mfreed7/declarative-shadow-dom/blob/master/README.md
+- [Server-Side Rendering guide](https://lwc.dev/guide/ssr)

packages/@lwc/engine-server/package.json

@@ -19,15 +19,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/engine-server/src/__tests__/fixtures.spec.ts

@@ -81,7 +81,7 @@ async function compileFixture({
                 enableDynamicComponents: true,
                 enableLwcOn: true,
                 experimentalDynamicComponent: {
-                    loader: path.join(__dirname, './utils/custom-loader.js'),
+                    loader: path.join(import.meta.dirname, './utils/custom-loader.js'),
                     strictSpecifier: false,
                 },
                 modules: [
@@ -122,7 +122,7 @@ async function compileFixture({
 function testFixtures(options?: RollupLwcOptions) {
     testFixtureDir<FixtureConfig>(
         {
-            root: path.resolve(__dirname, 'fixtures'),
+            root: path.resolve(import.meta.dirname, 'fixtures'),
             ssrVersion: 1,
             pattern: '**/config.json',
         },

packages/@lwc/engine-server/src/__tests__/fixtures/wire/errors/throws-on-computed-method/error-ssr.txt

@@ -1 +1 @@
-[7:13]: Unexpected token: '{'
+[7:12-7:13]: Unexpected token: '{'

packages/@lwc/engine-server/src/__tests__/html-serialization.spec.ts

@@ -24,7 +24,7 @@ import type { RollupLog } from 'rollup';
 
 // Compile a component to an HTML string, using the full LWC compilation pipeline
 async function compileComponent(tagName: string, componentName: string) {
-    const modulesDir = path.resolve(__dirname, './modules');
+    const modulesDir = path.resolve(import.meta.dirname, './modules');
     const componentPath = path.resolve(
         modulesDir,
         componentName,

packages/@lwc/errors/package.json

@@ -19,15 +19,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/errors/src/__tests__/errors.spec.ts

@@ -99,7 +99,7 @@ describe('error validation', () => {
         );
         const expectedNextErrorCode = 1 + lastErrorCode;
         const errorInfo = fs.readFileSync(
-            path.join(__dirname, '../compiler/error-info/index.ts'),
+            path.join(import.meta.dirname, '../compiler/error-info/index.ts'),
             'utf-8'
         );
         const actualNextErrorCode = parseInt(errorInfo.match(/Next error code: (\d+)/)![1], 10);

packages/@lwc/features/package.json

@@ -19,15 +19,21 @@
         "url": "https://github.com/salesforce/lwc/issues"
     },
     "license": "MIT",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },
     "volta": {
         "extends": "../../../package.json"
     },
-    "main": "dist/index.cjs.js",
+    "main": "dist/index.js",
     "module": "dist/index.js",
     "types": "dist/index.d.ts",
+    "exports": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+    },
     "files": [
         "dist/**/*.js",
         "dist/**/*.d.ts"

packages/@lwc/integration-types/src/playground/rollup.config.js

@@ -4,8 +4,7 @@
  * SPDX-License-Identifier: MIT
  * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/MIT
  */
-import { fileURLToPath } from 'node:url';
-import { dirname, join } from 'node:path';
+import { join } from 'node:path';
 import lwc from '@lwc/rollup-plugin';
 import replace from '@rollup/plugin-replace';
 import typescript from '@rollup/plugin-typescript';
@@ -15,14 +14,12 @@ import serve from 'rollup-plugin-serve';
 // Executing the script to ensure the tsconfig paths are up to date
 await import('../../scripts/update-paths.js');
 
-const __dirname = dirname(fileURLToPath(import.meta.url));
-
 /** @type {import('rollup').RollupOptions} */
 export default {
-    input: join(__dirname, 'main.ts'),
+    input: join(import.meta.dirname, 'main.ts'),
 
     output: {
-        file: join(__dirname, 'dist/main.js'),
+        file: join(import.meta.dirname, 'dist/main.js'),
         format: 'esm',
         sourcemap: true,
     },
@@ -35,10 +32,10 @@ export default {
         }),
         lwc(),
         serve({
-            contentBase: __dirname,
+            contentBase: import.meta.dirname,
             open: false,
             port: process.env.PORT ?? 3000,
         }),
-        livereload(join(__dirname, 'dist')),
+        livereload(join(import.meta.dirname, 'dist')),
     ],
 };

packages/@lwc/integration-wdio/package.json

@@ -2,6 +2,7 @@
     "name": "@lwc/integration-wdio",
     "private": true,
     "version": "8.26.1",
+    "type": "commonjs",
     "scripts": {
         "build": "node scripts/build.js",
         "build:dev": "MODE=dev yarn build",

packages/@lwc/integration-wdio/scripts/build.js

@@ -16,8 +16,8 @@ const templates = require('../src/shared/templates.js');
 const mode = process.env.MODE || 'dev';
 const isProd = /prod/.test(mode);
 
-const engineModeFile = require.resolve('@lwc/engine-dom/dist/index.js');
-const shadowModeFile = require.resolve('@lwc/synthetic-shadow/dist/index.js');
+const engineModeFile = require.resolve('@lwc/engine-dom');
+const shadowModeFile = require.resolve('@lwc/synthetic-shadow');
 
 const testSufix = '.test.js';
 

packages/@lwc/integration-wtr/configs/plugins/serve-hydration.js

@@ -8,7 +8,10 @@ import { DISABLE_STATIC_CONTENT_OPTIMIZATION, ENGINE_SERVER } from '../../helper
 
 /** Code for the LWC SSR module. */
 const LWC_SSR = readFileSync(
-    new URL(import.meta.resolve(ENGINE_SERVER ? '@lwc/engine-server' : '@lwc/ssr-runtime')),
+    new URL(
+        'index.cjs',
+        import.meta.resolve(ENGINE_SERVER ? '@lwc/engine-server' : '@lwc/ssr-runtime')
+    ),
     'utf8'
 );
 

packages/@lwc/integration-wtr/test/custom-elements-registry/index.spec.js

@@ -6,7 +6,7 @@ const tagAlreadyUsedErrorMessage =
 
 /** Fetches a text resource. */
 async function getModuleCode(pkg) {
-    const res = await fetch(resolvePathOutsideRoot(`../${pkg}/dist/index.cjs.js`));
+    const res = await fetch(resolvePathOutsideRoot(`../${pkg}/dist/index.cjs`));
     const code = await res.text();
     // CommonJS code needs to have `exports` defined, so we wrap in an IIFE
     // to provide it and to encapsulate the code.