@nx/devkit/dist/src/generators/to-js.js

The Nx Devkit is used to customize Nx for different technologies and use cases. It contains many utility functions for reading and writing files, updating configuration, working with Abstract Syntax Trees(ASTs), and more. Learn more about [extending Nx by

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.toJS = toJS;
const versions_1 = require("../utils/versions");
const package_json_1 = require("../utils/package-json");
/**
 * Rename and transpile any new typescript files created to javascript files
 */
function toJS(tree, options) {
    const { JsxEmit, ScriptTarget, transpile, ModuleKind } = (0, package_json_1.ensurePackage)('typescript', versions_1.typescriptVersion);
    // Match `.ts`, `.mts`, `.cts`, `.tsx`. The optional `[cm]` keeps native
    // ESM (`.mts`) and CommonJS (`.cts`) TypeScript extensions in the rename
    // path so `--js` generators that emit `.mts`/`.cts` templates get
    // converted instead of silently left as TypeScript on disk.
    const tsExtRegex = /\.([cm]?ts|tsx)$/;
    for (const c of tree.listChanges()) {
        if (tsExtRegex.test(c.path) && c.type === 'CREATE') {
            tree.write(c.path, transpile(c.content.toString('utf-8'), {
                allowJs: true,
                jsx: JsxEmit.Preserve,
                target: options?.target ?? ScriptTarget.ESNext,
                module: options?.module ?? ModuleKind.ESNext,
            }));
            const targetExt = options?.extension ?? '.js';
            tree.rename(c.path, c.path.replace(/\.([cm]?ts)$/, targetExt));
            if (options?.useJsx) {
                tree.rename(c.path, c.path.replace(/\.tsx$/, '.jsx'));
            }
            else {
                tree.rename(c.path, c.path.replace(/\.tsx$/, targetExt));
            }
        }
    }
}