Support for native esm packages with typescript

[bhvngt]

Issue description or question

Making quokka work with native esm project files and typescript

Sample code

tsconfig.tsnode.json

{
	"include": ["src/**/*", "tests/**/*"],
	"exclude": ["node_modules/*", "coverage/*"],
	"ts-node": {
		"transpileOnly": true,
	},
	"compilerOptions": {
		"target": "esnext",
		"module": "esnext",
		"lib": ["dom", "esnext"],
		"moduleResolution": "node",
		"strict": true,
		"forceConsistentCasingInFileNames": true,
		"importsNotUsedAsValues": "error",
		"incremental": true,
		"types": ["node", "jest"],
		"isolatedModules": false
	}
}

package.json

{
...
"type": "module"
...
}

b.ts

export const b: string = "Hello World!"

a.ts

({
	"nativeEsm": true
})

import {b} from "./b"

console.log(b);

Quokka.js Console Output

Cannot find module './src/b' imported from ./src/a.js
	at resolve /Volumes/DATA/XXXX/Library/Application%20Support/JetBrains/Toolbox/apps/IDEA-U/ch-0/212.5080.39/IntelliJ%20IDEA%202021.2%20EAP.app.plugins/quokka-intellij/dist/runners/node/quokka@1.0.0/hooks.mjs:77

Code editor version

Webstorm v? 2021.2

OS name and version

OSX 11.5.2

[NikGovorov]

Hi @bhvngt,

We've implemented the support of ESM for ts-node, please update Quokka plugin to v1.0.306.

({
  nativeEsm: true
});

import { b } from "./b.js";

console.log(b);

Note if you import a file without specifying an extension then you need to set --experimental-specifier-resolution to node:

({
  nativeEsm: true,
  env: {
    params: {
      runner: "--experimental-specifier-resolution=node",
    },
  },
});

import { b } from "./b";

console.log(b);

[bhvngt]

Thanks a ton for the quick turnaround. You guys truly rock.