feat(typescript): process .js when allowJs is enabled

packages/typescript/README.md

@@ -77,7 +77,9 @@ A [picomatch pattern](https://github.com/micromatch/picomatch), or array of patt
 Type: `String` | `Array[...String]`<br>
 Default: `null`
 
-A [picomatch pattern](https://github.com/micromatch/picomatch), or array of patterns, which specifies the files in the build the plugin should operate on. By default all `.ts` and `.tsx` files are targeted.
+A [picomatch pattern](https://github.com/micromatch/picomatch), or array of patterns, which specifies the files in the build the plugin should operate on. By default all `.ts` and `.tsx` files are targeted. If your `tsconfig.json` (or plugin `compilerOptions`) sets `allowJs: true`, the default include expands to also cover `.js`, `.jsx`, `.mjs`, and `.cjs` files so that JavaScript sources are downleveled by TypeScript as well.
+
+> Note: When `allowJs` is enabled and no `outDir` is configured, this plugin creates a temporary output directory for TypeScript emit to avoid TS5055 (overwriting input files). The directory is excluded from processing and removed after the build.
 
 ### `filterRoot`
 

packages/typescript/src/index.ts

@@ -1,4 +1,6 @@
 import * as path from 'path';
+import * as fs from 'fs';
+import * as os from 'os';
 
 import { createFilter } from '@rollup/pluginutils';
 
@@ -40,9 +42,32 @@ export default function typescript(options: RollupTypescriptOptions = {}): Plugi
   const tsCache = new TSCache(cacheDir);
   const emittedFiles = new Map<string, string>();
   const watchProgramHelper = new WatchProgramHelper();
+  let autoOutDir: string | null = null;
 
   const parsedOptions = parseTypescriptConfig(ts, tsconfig, compilerOptions, noForceEmit);
-  const filter = createFilter(include || '{,**/}*.(cts|mts|ts|tsx)', exclude, {
+
+  // When processing JS via allowJs, redirect emit output away from source files
+  // to avoid TS5055 (cannot write file because it would overwrite input file).
+  // We only set a temp outDir if the user did not configure one.
+  if (parsedOptions.options.allowJs && !parsedOptions.options.outDir) {
+    // Create a unique temporary outDir to avoid TS5055 when emitting JS
+    autoOutDir = fs.mkdtempSync(path.join(os.tmpdir(), 'rollup-plugin-typescript-allowjs-'));
+    parsedOptions.options.outDir = autoOutDir;
+  }
+
+  // Determine default include pattern. By default we only process TS files.
+  // When the consumer enables `allowJs` in their tsconfig/compiler options,
+  // also include common JS extensions so modern JS syntax in .js files is
+  // downleveled by TypeScript as expected.
+  const defaultInclude = parsedOptions.options.allowJs
+    ? '{,**/}*.{cts,mts,ts,tsx,js,jsx,mjs,cjs}'
+    : '{,**/}*.{cts,mts,ts,tsx}';
+
+  const filterExclude = Array.isArray(exclude) ? [...exclude] : exclude ? [exclude] : [];
+  if (autoOutDir) {
+    filterExclude.push(normalizePath(path.join(autoOutDir, '**')));
+  }
+  const filter = createFilter(include || defaultInclude, filterExclude, {
     resolve: filterRoot ?? parsedOptions.options.rootDir
   });
   parsedOptions.fileNames = parsedOptions.fileNames.filter(filter);
@@ -104,6 +129,14 @@ export default function typescript(options: RollupTypescriptOptions = {}): Plugi
         // eslint-disable-next-line
         program?.close();
       }
+      if (autoOutDir) {
+        try {
+          fs.rmSync(autoOutDir, { recursive: true, force: true });
+        } catch {
+          // ignore cleanup failures
+        }
+        autoOutDir = null;
+      }
     },
 
     renderStart(outputOptions) {

packages/typescript/test/fixtures/allow-js-downlevel/src/main.js

@@ -0,0 +1,7 @@
+export default function run() {
+  const obj = { prop: { nested: 1 } };
+  const a = obj.prop?.nested;
+  const b = {};
+  b.timeout ??= 123;
+  return [a, b.timeout];
+}

packages/typescript/test/fixtures/allow-js-downlevel/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": false,
+    "target": "ES2018",
+    "module": "ESNext",
+    "lib": ["es6"]
+  },
+  "include": ["src/**/*"]
+}

packages/typescript/test/fixtures/allow-js-from-ts/src/main.ts

@@ -0,0 +1,5 @@
+import util from './util.js';
+
+export default function main() {
+  return util();
+}

packages/typescript/test/fixtures/allow-js-from-ts/src/util.js

@@ -0,0 +1,7 @@
+export default function util() {
+  const obj = { prop: { nested: 7 } };
+  const a = obj.prop?.nested;
+  const c = {};
+  c.timeout ??= 9;
+  return [a, c.timeout];
+}

packages/typescript/test/fixtures/allow-js-from-ts/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": false,
+    "target": "ES2018",
+    "module": "ESNext"
+  },
+  "include": ["src/**/*"]
+}

packages/typescript/test/test.js

@@ -1629,3 +1629,34 @@ test.serial('observes included declarations', async (t) => {
   const files = await getCode(bundle, { format: 'es' }, true);
   t.is(files.length, 1);
 });
+
+test.serial('downlevels JS when allowJs is true (default include)', async (t) => {
+  const bundle = await rollup({
+    input: 'fixtures/allow-js-downlevel/src/main.js',
+    plugins: [typescript({ tsconfig: 'fixtures/allow-js-downlevel/tsconfig.json' })],
+    onwarn
+  });
+  const code = await getCode(bundle, { format: 'es' });
+
+  // Optional chaining and nullish coalescing assignment should be transformed
+  t.false(code.includes('?.'), code);
+  t.false(code.includes('??='), code);
+
+  const result = await evaluateBundle(bundle);
+  t.deepEqual(result(), [1, 123]);
+});
+
+test.serial('downlevels JS imported by TS when allowJs is true', async (t) => {
+  const bundle = await rollup({
+    input: 'fixtures/allow-js-from-ts/src/main.ts',
+    plugins: [typescript({ tsconfig: 'fixtures/allow-js-from-ts/tsconfig.json' })],
+    onwarn
+  });
+  const code = await getCode(bundle, { format: 'es' });
+
+  t.false(code.includes('?.'), code);
+  t.false(code.includes('??='), code);
+
+  const result = await evaluateBundle(bundle);
+  t.deepEqual(result(), [7, 9]);
+});