add esm support

[adrianhunter]

add basic esm support, package.json should be improved further with exports stuff

[msinkec]

@adrianhunter Can you give an example of an explicit export of a submodule here?

[adrianhunter]

@msinkec The Solid Start package.json has many explicit exports. Even source files: https://github.com/solidjs/solid-start/blob/main/packages/start/package.json

Here is an example "tsup" config file, which generates .cjs files and modern esm files and also updates all the files as package.json exports:

import { defineConfig } from 'tsup'
import fs from "node:fs/promises"
const entry = ["./src/**/*.ts"]
const outDir = "./dist/"
import { createRequire } from "node:module"
const require = createRequire(import.meta.url)
import type * as Egp from "esbuild-plugin-external-global"
const egp: typeof Egp = require("esbuild-plugin-external-global");

export default defineConfig({
    "dts": true,
    outDir,
    "esbuildOptions": (opts) => {
        opts.allowOverwrite = true
        opts.bundle = false
        opts.outdir = "dist"
        opts.outbase = "src"
        opts.entryNames = "[dir]/[name]"
        opts.plugins = [
            egp.externalGlobalPlugin({
                'global': 'globalThis',
            },)
        ]
    },
    "platform": "browser",
    "entry": entry,
    shims: true,
    format: ["esm", "cjs"],
})

import type * as Pke from "package-json-exports"
const pke: typeof Pke = require("package-json-exports");
const packageJson = JSON.parse(await fs.readFile("package.json", "utf-8"));
packageJson.main = "./dist/index.js";
packageJson.module = "./dist/esm/index.js";
packageJson.types = "./dist/index.d.ts";
packageJson.exports = {
    ".": {
        "import": "./dist/index.js",
        "require": "./dist/index.cjs",
        "types": "./dist/index.d.ts"
    },
    ...await pke.generateExports({
        defaultConditionKey: "import",
        "rule": [
            {
                pattern: `${outDir}/*.js`,
                exports: (matchedFilePath) => {
                    // matchedFilePath
                    const changeFolder = matchedFilePath.replace("./dist/", "./");
                    const modulePath = changeFolder.replace(".js", "")
                    return [
                        [
                            modulePath, "import",
                        ],
                        [
                            modulePath, "require",
                        ],
                        [
                            modulePath, "types",
                        ],
                    ];
                },
            },

        ]
    })
};
await fs.writeFile("package.json", JSON.stringify(packageJson, null, 2));

Its not 100% correct and scrypt-ts transformer part is missing

[xhliu]

Outdated