@modern-js/module-tools 2.37.1 → 2.38.0-beta.0

package/dist/builder/build.js

@@ -74,11 +74,16 @@ const runBuildTask = async (options, api) => {
 const generatorDts = async (config, api, options) => {
   const { runRollup, runTsc } = await Promise.resolve().then(() => __toESM(require("./dts")));
   const { watch, dts } = options;
-  const { buildType, input, sourceDir, alias, externals, tsconfig, footer: { dts: footer }, banner: { dts: banner } } = config;
+  const { buildType, input, sourceDir, alias, externals, tsconfig, footer: { dts: footer }, banner: { dts: banner }, format, autoExtension } = config;
   const { appDirectory } = api.useAppContext();
   const { distPath, abortOnError, respectExternal } = dts;
   var _dts_tsconfigPath;
   const tsconfigPath = (_dts_tsconfigPath = dts.tsconfigPath) !== null && _dts_tsconfigPath !== void 0 ? _dts_tsconfigPath : tsconfig;
+  const { dtsExtension } = (0, import_utils2.getDefaultOutExtension)({
+    format,
+    root: appDirectory,
+    autoExtension
+  });
   const generatorDtsConfig = {
     distPath,
     watch,
@@ -91,7 +96,8 @@ const generatorDts = async (config, api, options) => {
     footer,
     banner,
     alias,
-    sourceDir
+    sourceDir,
+    dtsExtension
   };
   const prevTime = Date.now();
   (0, import_debug.debug)(`${(0, import_debug.label)("dts")} Build Start`);

package/dist/builder/dts/rollup.d.ts

@@ -11,5 +11,6 @@ export declare const runRollup: (api: PluginAPI<ModuleTools>, {
   respectExternal,
   appDirectory,
   footer,
-  banner
+  banner,
+  dtsExtension
 }: GeneratorDtsConfig) => Promise<RollupWatcher | import("../../../compiled/rollup").RollupBuild | null>;

package/dist/builder/dts/rollup.js

@@ -37,7 +37,7 @@ var import_typescript = __toESM(require("typescript"));
 var import_plugin_json = __toESM(require("../../../compiled/@rollup/plugin-json"));
 var import_rollup_plugin_dts = __toESM(require("../../../compiled/rollup-plugin-dts"));
 var import_utils2 = require("../../utils");
-const runRollup = async (api, { distPath, tsconfigPath, externals, input, watch, abortOnError, respectExternal, appDirectory, footer, banner }) => {
+const runRollup = async (api, { distPath, tsconfigPath, externals, input, watch, abortOnError, respectExternal, appDirectory, footer, banner, dtsExtension }) => {
   const ignoreFiles = {
     name: "ignore-files",
     load(id) {
@@ -100,7 +100,8 @@ const runRollup = async (api, { distPath, tsconfigPath, externals, input, watch,
     format: "esm",
     exports: "named",
     footer,
-    banner
+    banner,
+    entryFileNames: `[name]${dtsExtension}`
   };
   if (watch) {
     const { watch: watch2 } = await Promise.resolve().then(() => __toESM(require("../../../compiled/rollup")));

package/dist/builder/esbuild/adapter.js

@@ -155,7 +155,7 @@ const adapterPlugin = (compiler) => {
         const dir = (_args_resolveDir = args.resolveDir) !== null && _args_resolveDir !== void 0 ? _args_resolveDir : args.importer ? (0, import_path.dirname)(args.importer) : root;
         const resultPath = isExternal ? args.path : getResultPath(originalFilePath, dir, args.kind);
         if (resultPath === false) {
-          (0, import_debug.debugResolve)("empty resolve:", args);
+          (0, import_debug.debugResolve)("resolve false:", args);
           return {
             path: "/empty-stub",
             sideEffects: false
@@ -179,7 +179,7 @@ const adapterPlugin = (compiler) => {
         if (args.namespace === globalNamespace) {
           const value = config.umdGlobals[args.path];
           return {
-            contents: `module.exports = (typeof globalThis !== "undefined" ? globalThis : Function('return this')() || global || self)[${JSON.stringify(value)}]`
+            contents: `module.exports = (typeof globalThis !== "undefined" ? globalThis : (typeof global !== "undefined" ? global : self || Function('return this')()))[${JSON.stringify(value)}]`
           };
         }
         if (args.suffix) {

package/dist/builder/esbuild/index.js

@@ -33,6 +33,7 @@ __export(esbuild_exports, {
 });
 module.exports = __toCommonJS(esbuild_exports);
 var import_define_property = require("@swc/helpers/_/_define_property");
+var import_path = __toESM(require("path"));
 var import_esbuild = require("esbuild");
 var tapable = __toESM(require("tapable"));
 var import_utils = require("@modern-js/utils");
@@ -66,10 +67,9 @@ class EsbuildCompiler {
     }
   }
   convertConfigToEsbuild(config) {
-    const { input, buildType, define, target, sourceMap, platform, splitting, outDir, sourceDir, minify, jsx, esbuildOptions, format, asset, tsconfig, banner, footer } = config;
+    const { input, buildType, define, target, sourceMap, platform, splitting, outDir, sourceDir, minify, jsx, esbuildOptions, format, asset, tsconfig, banner, footer, shims, autoExtension } = config;
     const bundle = buildType === "bundle";
     const entryNames = bundle ? "[name]" : "[dir]/[name]";
-    const absWorkingDir = this.context.root;
     let esbuildFormat = format === "umd" ? "esm" : format;
     if (bundle && format === "cjs" && splitting) {
       esbuildFormat = "esm";
@@ -82,7 +82,19 @@ class EsbuildCompiler {
       ".ts",
       ".json"
     ];
+    const { jsExtension } = (0, import_utils2.getDefaultOutExtension)({
+      format,
+      root: this.context.root,
+      autoExtension
+    });
     const buildOptions = {
+      inject: [
+        format === "cjs" && shims ? import_path.default.join(__dirname, "../../../shims/cjs.js") : "",
+        format === "esm" && shims && platform === "node" ? import_path.default.join(__dirname, "../../../shims/esm.js") : ""
+      ].filter(Boolean),
+      outExtension: autoExtension ? {
+        ".js": jsExtension
+      } : void 0,
       banner: import_utils.lodash.pick(banner, [
         "js",
         "css"
@@ -93,7 +105,12 @@ class EsbuildCompiler {
       ]),
       entryPoints: input,
       metafile: true,
-      define,
+      define: {
+        ...format === "cjs" && shims ? {
+          "import.meta.url": "importMetaUrl"
+        } : {},
+        ...define
+      },
       bundle: buildType === "bundle",
       format: esbuildFormat,
       target: esbuildTarget,
@@ -102,7 +119,7 @@ class EsbuildCompiler {
       splitting,
       charset: "utf8",
       logLimit: 5,
-      absWorkingDir,
+      absWorkingDir: this.context.root,
       platform,
       tsconfig: import_utils.fs.existsSync(tsconfig) ? tsconfig : void 0,
       write: false,
@@ -122,20 +139,20 @@ class EsbuildCompiler {
     };
     return esbuildOptions(buildOptions);
   }
-  getTransformContext(path) {
-    if (this.transformContextMap.has(path)) {
-      return this.transformContextMap.get(path);
+  getTransformContext(path2) {
+    if (this.transformContextMap.has(path2)) {
+      return this.transformContextMap.get(path2);
     }
     const context2 = new import_transform.TransformContext(Boolean(this.context.config.sourceMap));
-    this.transformContextMap.set(path, context2);
+    this.transformContextMap.set(path2, context2);
     return context2;
   }
-  getSourcemapContext(path) {
-    if (this.sourcemapContextMap.has(path)) {
-      return this.sourcemapContextMap.get(path);
+  getSourcemapContext(path2) {
+    if (this.sourcemapContextMap.has(path2)) {
+      return this.sourcemapContextMap.get(path2);
     }
     const context2 = new import_sourcemap.SourcemapContext(Boolean(this.context.config.sourceMap));
-    this.sourcemapContextMap.set(path, context2);
+    this.sourcemapContextMap.set(path2, context2);
     return context2;
   }
   emitAsset(name, chunk) {

package/dist/builder/feature/redirect.js

@@ -40,7 +40,7 @@ var import_file = require("../../constants/file");
 var import_utils2 = require("../../utils");
 var import_asset = require("./asset");
 var import_postcssTransformer = require("./style/postcssTransformer");
-async function redirectImport(compiler, code, modules, aliasRecord, filePath, outputDir, matchPath) {
+async function redirectImport(compiler, code, modules, aliasRecord, filePath, outputDir, jsExtension, matchPath) {
   const str = new import_magic_string.default(code);
   const extensions = [
     ".ts",
@@ -54,6 +54,7 @@ async function redirectImport(compiler, code, modules, aliasRecord, filePath, ou
     }
     const { start, end } = module2;
     let { name: name2 } = module2;
+    const ext = (0, import_path.extname)(name2);
     const { redirect: redirect2, asset } = compiler.config;
     const { alias, style } = redirect2;
     if (alias) {
@@ -75,8 +76,17 @@ async function redirectImport(compiler, code, modules, aliasRecord, filePath, ou
         name2 = relativeImportPath;
       }
     }
+    if (redirect2.autoExtension) {
+      if (ext === "" && jsExtension !== ".js" && name2.startsWith(".")) {
+        str.overwrite(start, end, `${name2}${jsExtension}`);
+        return;
+      }
+      if ((0, import_utils2.isTsExt)(name2)) {
+        str.overwrite(start, end, name2.replace(/\.(m|c)?tsx?$/, jsExtension));
+        return;
+      }
+    }
     if (style) {
-      const ext = (0, import_path.extname)(name2);
       const { originalFilePath, query } = (0, import_utils2.resolvePathAndQuery)(name2);
       if (query.css_virtual) {
         const replacedName = (0, import_path.basename)(originalFilePath, (0, import_path.extname)(originalFilePath)).replace(".", "_");
@@ -107,12 +117,12 @@ async function redirectImport(compiler, code, modules, aliasRecord, filePath, ou
       }
     }
     if (redirect2.asset) {
-      if (import_file.assetExt.filter((ext) => name2.endsWith(ext)).length) {
+      if (import_file.assetExt.filter((ext2) => name2.endsWith(ext2)).length) {
         const absPath = (0, import_path.resolve)((0, import_path.dirname)(filePath), name2);
         const svgrResult = await (0, import_asset.loadSvgr)(absPath, asset.svgr);
         if (svgrResult) {
-          const ext = (0, import_path.extname)(name2);
-          const outputName = `${name2.slice(0, -ext.length)}.js`;
+          const ext2 = (0, import_path.extname)(name2);
+          const outputName = `${name2.slice(0, -ext2.length)}.js`;
           str.overwrite(start, end, outputName);
         } else {
           const { contents: relativeImportPath } = await import_asset.getAssetContents.apply(compiler, [
@@ -145,7 +155,8 @@ const redirect = {
         return args;
       }
       const { code, path: id } = args;
-      const { format, alias, sourceDir, outDir } = compiler.config;
+      const { format, alias, sourceDir, outDir, autoExtension } = compiler.config;
+      const { root } = compiler.context;
       if (!code || format === "iife" || format === "umd") {
         return args;
       }
@@ -204,8 +215,13 @@ const redirect = {
       if (!matchModule.length) {
         return args;
       }
+      const { jsExtension } = (0, import_utils2.getDefaultOutExtension)({
+        format,
+        root,
+        autoExtension
+      });
       const outputPath = (0, import_path.resolve)(outDir, (0, import_path.relative)(sourceDir, id));
-      const str = await redirectImport(compiler, code, matchModule, absoluteAlias, id, (0, import_path.dirname)(outputPath), matchPath);
+      const str = await redirectImport(compiler, code, matchModule, absoluteAlias, id, (0, import_path.dirname)(outputPath), jsExtension, matchPath);
       return {
         ...args,
         code: str.toString(),

package/dist/config/merge.js

@@ -120,8 +120,10 @@ const mergeDefaultBaseConfig = async (pConfig, options) => {
   };
   var _pConfig_esbuildOptions;
   const esbuildOptions = (_pConfig_esbuildOptions = pConfig.esbuildOptions) !== null && _pConfig_esbuildOptions !== void 0 ? _pConfig_esbuildOptions : defaultConfig.esbuildOptions;
-  var _pConfig_footer, _pConfig_banner, _pConfig_hooks, _pConfig_format, _pConfig_target, _pConfig_sourceMap, _pConfig_copy, _pConfig_outDir, _pConfig_jsx, _pConfig_splitting, _pConfig_minify, _pConfig_umdModuleName, _pConfig_sideEffects, _pConfig_style_inject, _pConfig_style_modules, _pConfig_style_autoModules, _pConfig_style_tailwindcss, _pConfig_externalHelpers, _pConfig_transformCache, _pConfig_transformImport, _pConfig_transformLodash, _pConfig_sourceType, _pConfig_disableSwcTransform;
+  var _pConfig_shims, _pConfig_autoExtension, _pConfig_footer, _pConfig_banner, _pConfig_hooks, _pConfig_format, _pConfig_target, _pConfig_sourceMap, _pConfig_copy, _pConfig_outDir, _pConfig_jsx, _pConfig_splitting, _pConfig_minify, _pConfig_umdModuleName, _pConfig_sideEffects, _pConfig_style_inject, _pConfig_style_modules, _pConfig_style_autoModules, _pConfig_style_tailwindcss, _pConfig_externalHelpers, _pConfig_transformCache, _pConfig_transformImport, _pConfig_transformLodash, _pConfig_sourceType, _pConfig_disableSwcTransform;
   return {
+    shims: (_pConfig_shims = pConfig.shims) !== null && _pConfig_shims !== void 0 ? _pConfig_shims : defaultConfig.shims,
+    autoExtension: (_pConfig_autoExtension = pConfig.autoExtension) !== null && _pConfig_autoExtension !== void 0 ? _pConfig_autoExtension : defaultConfig.autoExtension,
     footer: (_pConfig_footer = pConfig.footer) !== null && _pConfig_footer !== void 0 ? _pConfig_footer : defaultConfig.footer,
     banner: (_pConfig_banner = pConfig.banner) !== null && _pConfig_banner !== void 0 ? _pConfig_banner : defaultConfig.banner,
     resolve,

package/dist/config/schema.d.ts

@@ -106,6 +106,9 @@ export declare const buildConfig: {
               type: string;
             };
           };
+          autoExtension: {
+            type: string;
+          };
           externals: {
             type: string;
             items: {
@@ -174,6 +177,9 @@ export declare const buildConfig: {
               instanceof?: undefined;
             })[];
           };
+          shims: {
+            type: string;
+          };
           sideEffects: {
             anyOf: ({
               type: string;
@@ -308,6 +314,9 @@ export declare const buildConfig: {
             type: string;
           };
         };
+        autoExtension: {
+          type: string;
+        };
         externals: {
           type: string;
           items: {
@@ -376,6 +385,9 @@ export declare const buildConfig: {
             instanceof?: undefined;
           })[];
         };
+        shims: {
+          type: string;
+        };
         sideEffects: {
           anyOf: ({
             type: string;
@@ -538,6 +550,9 @@ export declare const schema: ({
               type: string;
             };
           };
+          autoExtension: {
+            type: string;
+          };
           externals: {
             type: string;
             items: {
@@ -606,6 +621,9 @@ export declare const schema: ({
               instanceof?: undefined;
             })[];
           };
+          shims: {
+            type: string;
+          };
           sideEffects: {
             anyOf: ({
               type: string;
@@ -740,6 +758,9 @@ export declare const schema: ({
             type: string;
           };
         };
+        autoExtension: {
+          type: string;
+        };
         externals: {
           type: string;
           items: {
@@ -808,6 +829,9 @@ export declare const schema: ({
             instanceof?: undefined;
           })[];
         };
+        shims: {
+          type: string;
+        };
         sideEffects: {
           anyOf: ({
             type: string;

package/dist/config/schema.js

@@ -167,6 +167,9 @@ const buildConfigProperties = {
       type: "boolean"
     }
   },
+  autoExtension: {
+    type: "boolean"
+  },
   externals: {
     type: "array",
     items: {
@@ -262,6 +265,9 @@ const buildConfigProperties = {
       }
     ]
   },
+  shims: {
+    type: "boolean"
+  },
   sideEffects: {
     anyOf: [
       {

package/dist/constants/build.js

@@ -44,6 +44,7 @@ const getDefaultBuildConfig = () => {
       abortOnError: true,
       respectExternal: true
     }),
+    autoExtension: false,
     esbuildOptions: (c) => c,
     externalHelpers: false,
     externals: [],
@@ -61,7 +62,8 @@ const getDefaultBuildConfig = () => {
     redirect: {
       alias: true,
       asset: true,
-      style: true
+      style: true,
+      autoExtension: true
     },
     resolve: {
       mainFields: [
@@ -76,6 +78,7 @@ const getDefaultBuildConfig = () => {
         ".json"
       ]
     },
+    shims: false,
     sideEffects: void 0,
     sourceDir: "./src",
     sourceMap: false,

package/dist/types/config/index.d.ts

@@ -36,6 +36,7 @@ export type Redirect = {
   alias?: boolean;
   style?: boolean;
   asset?: boolean;
+  autoExtension?: boolean;
 };
 export type DTSOptions = {
   abortOnError: boolean;
@@ -92,6 +93,8 @@ export type BaseBuildConfig = Omit<Required<PartialBaseBuildConfig>, 'dts' | 'st
   resolve: Required<Resolve>;
 };
 export type PartialBaseBuildConfig = {
+  shims?: boolean;
+  autoExtension?: boolean;
   resolve?: Resolve;
   footer?: BannerAndFooter;
   banner?: BannerAndFooter;

package/dist/types/dts.d.ts

@@ -12,6 +12,7 @@ export interface GeneratorDtsConfig {
   externals: BaseBuildConfig['externals'];
   input: Input;
   respectExternal: boolean;
+  dtsExtension: string;
 }
 export interface GeneratedDtsInfo {
   userTsconfig: ITsconfig;

package/dist/utils/dts.js

@@ -125,13 +125,18 @@ const resolveAlias = async (config, options, watchFilenames = []) => {
   return result;
 };
 const writeDtsFiles = async (config, options, result) => {
-  const { distPath } = config;
+  const { distPath, dtsExtension } = config;
   const { tempDistAbsSrcPath } = options;
-  for (const r of result) {
-    import_utils.fs.writeFileSync(r.path, r.content);
-  }
-  await import_utils.fs.ensureDir(distPath);
-  await import_utils.fs.copy(tempDistAbsSrcPath, distPath);
+  await Promise.all(result.map(({ path, content }) => {
+    const relativePath = (0, import_path.relative)(tempDistAbsSrcPath, path);
+    const filepath = (0, import_path.join)(distPath, relativePath.replace(/\.d\.ts/, dtsExtension));
+    import_utils.fs.ensureFileSync(filepath);
+    return import_utils.fs.writeFile(
+      // only replace .d.ts, if tsc generate .d.m(c)ts, keep.
+      filepath,
+      content
+    );
+  }));
 };
 const addBannerAndFooter = (result, banner, footer) => {
   return result.map(({ path, content }) => {

package/dist/utils/index.d.ts

@@ -8,4 +8,5 @@ export * from './log';
 export * from './map';
 export * from './print';
 export * from './style';
-export * from './tspath';
+export * from './tspath';
+export * from './outExtension';

package/dist/utils/index.js

@@ -26,6 +26,7 @@ __reExport(utils_exports, require("./map"), module.exports);
 __reExport(utils_exports, require("./print"), module.exports);
 __reExport(utils_exports, require("./style"), module.exports);
 __reExport(utils_exports, require("./tspath"), module.exports);
+__reExport(utils_exports, require("./outExtension"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./assert"),
@@ -38,5 +39,6 @@ __reExport(utils_exports, require("./tspath"), module.exports);
   ...require("./map"),
   ...require("./print"),
   ...require("./style"),
-  ...require("./tspath")
+  ...require("./tspath"),
+  ...require("./outExtension")
 });

package/dist/utils/outExtension.d.ts

@@ -0,0 +1,9 @@
+import type { Format } from '../types';
+export declare const getDefaultOutExtension: (options: {
+  format: Format;
+  root: string;
+  autoExtension: boolean;
+}) => {
+  jsExtension: string;
+  dtsExtension: string;
+};

package/dist/utils/outExtension.js

@@ -0,0 +1,73 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var outExtension_exports = {};
+__export(outExtension_exports, {
+  getDefaultOutExtension: () => getDefaultOutExtension
+});
+module.exports = __toCommonJS(outExtension_exports);
+var import_path = __toESM(require("path"));
+var import_utils = require("@modern-js/utils");
+const getDefaultOutExtension = (options) => {
+  const { format, root, autoExtension } = options;
+  let jsExtension = ".js";
+  let dtsExtension = ".d.ts";
+  if (!autoExtension) {
+    return {
+      jsExtension,
+      dtsExtension
+    };
+  }
+  let isModule = false;
+  try {
+    const json = JSON.parse(import_utils.fs.readFileSync(import_path.default.resolve(root, "./package.json"), "utf8"));
+    isModule = json.type === "module";
+  } catch (e) {
+    import_utils.logger.warn("package.json is broken");
+    return {
+      jsExtension,
+      dtsExtension
+    };
+  }
+  if (isModule && format === "cjs") {
+    jsExtension = ".cjs";
+    dtsExtension = ".d.cts";
+  }
+  if (!isModule && format === "esm") {
+    jsExtension = ".mjs";
+    dtsExtension = ".d.mts";
+  }
+  return {
+    jsExtension,
+    dtsExtension
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getDefaultOutExtension
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modern-js/module-tools",
-  "version": "2.37.1",
+  "version": "2.38.0-beta.0",
   "description": "Simple, powerful, high-performance modern npm package development solution.",
   "keywords": [
     "modern",
@@ -71,14 +71,14 @@
     "tapable": "2.2.1",
     "terser": "5.19.2",
     "tsconfig-paths-webpack-plugin": "4.1.0",
+    "@modern-js/plugin-changeset": "2.37.1",
     "@modern-js/core": "2.37.1",
     "@modern-js/new-action": "2.37.1",
     "@modern-js/plugin": "2.37.1",
-    "@modern-js/plugin-changeset": "2.37.1",
     "@modern-js/plugin-i18n": "2.37.1",
     "@modern-js/plugin-lint": "2.37.1",
-    "@modern-js/types": "2.37.1",
     "@modern-js/upgrade": "2.37.1",
+    "@modern-js/types": "2.37.1",
     "@modern-js/utils": "2.37.1"
   },
   "devDependencies": {
@@ -88,8 +88,8 @@
     "@types/node": "^14",
     "typescript": "^5",
     "@modern-js/builder-webpack-provider": "2.37.1",
-    "@modern-js/self": "npm:@modern-js/module-tools@2.37.1",
     "@scripts/build": "2.37.1",
+    "@modern-js/self": "npm:@modern-js/module-tools@2.38.0-beta.0",
     "@scripts/vitest-config": "2.37.1"
   },
   "peerDependencies": {

package/shims/cjs.js

@@ -0,0 +1,17 @@
+/* eslint-disable node/prefer-global/url */
+/* eslint-disable no-undef */
+// taking from https://github.com/egoist/tsup/blob/dev/assets/cjs_shims.js
+
+// Shim globals in cjs bundle
+// There's a weird bug that esbuild will always inject importMetaUrl
+// if we export it as `const importMetaUrl = ... __filename ...`
+// But using a function will not cause this issue
+
+const getImportMetaUrl = () =>
+  typeof document === 'undefined'
+    ? new URL(`file:${__filename}`).href
+    : (document.currentScript && document.currentScript.src) ||
+      new URL('main.js', document.baseURI).href;
+
+// define importMetaUrl
+export const importMetaUrl = /* @__PURE__ */ getImportMetaUrl();

package/shims/esm.js

@@ -0,0 +1,9 @@
+// Shim globals in esm bundle
+import { fileURLToPath } from 'url';
+import path from 'path';
+
+const getFilename = () => fileURLToPath(import.meta.url);
+const getDirname = () => path.dirname(getFilename());
+
+export const __dirname = /* @__PURE__ */ getDirname();
+export const __filename = /* @__PURE__ */ getFilename();