tsx with node

file-loader.js

import { transform } from '@swc/core';
import fs from 'fs/promises';
import path from 'path';
import { fileURLToPath } from 'url';

const cwd = process.cwd();

export async function load(url, context, defaultLoad) {
  if (url.endsWith('.tsx')) {
    const filePath = fileURLToPath(url);

    const source = await fs.readFile(filePath, 'utf8');

    const { code } = await transform(source, {
      filename: filePath,
      jsc: {
        parser: {
          syntax: 'typescript',
          tsx: url.endsWith('.tsx'),
        },
        target: 'esnext',
      },
      module: {
        type: 'es6',
      },
    });

    return {
      format: 'module',
      source: code,
      shortCircuit: true,
    };
  }

  return defaultLoad(url, context, defaultLoad);
}

node-tsx.sh

node --experimental-strip-types --disable-warning='ExperimentalWarning' --import ./register.js

register.js

import { register } from 'node:module';
import { pathToFileURL } from 'node:url';

register('./file-loader.js', pathToFileURL('./'));