jiek 2.2.1 → 2.2.2

package/dist/cli-only-build.js

@@ -5,9 +5,9 @@ import { program } from 'commander';
 import { load } from 'js-yaml';
 import { isWorkspaceDir, getWorkspaceDir } from '@jiek/utils/getWorkspaceDir';
 import process$1 from 'node:process';
-import { confirm } from '@inquirer/prompts';
 import { MultiBar, Presets } from 'cli-progress';
 import { execaCommand } from 'execa';
+import { confirm } from '@inquirer/prompts';
 import Koa from 'koa';
 
 let root;
@@ -110,7 +110,7 @@ async function getSelectedProjectsGraph(filter = program.getOptionValue("filter"
 
 var name = "jiek";
 var type = "module";
-var version = "2.2.0";
+var version = "2.2.1";
 var description$1 = "A lightweight toolkit for compiling and managing libraries based on `package.json` metadata and suitable for `Monorepo`.";
 var author = "YiJie <yijie4188@gmail.com>";
 var homepage = "https://github.com/NWYLZW/jiek/tree/master/packages/jiek#readme";
@@ -141,7 +141,11 @@ var exports = {
 	"./rollup": "./src/rollup/index.ts"
 };
 var imports = {
-	"#~/*": "./src/*"
+	"#~/*": [
+		"./src/*",
+		"./src/*/index.ts",
+		"./src/*/index.tsx"
+	]
 };
 var bin = {
 	jiek: "bin/jiek.js",
@@ -172,7 +176,7 @@ var peerDependencies = {
 	"rollup-plugin-postcss": "^4.0.2",
 	"rollup-plugin-swc3": "^0.12.1",
 	typescript: "^4.0.0||^5.0.0",
-	"vite-bundle-analyzer": "^0.15.2"
+	"vite-bundle-analyzer": "0.16.0-beta.1"
 };
 var dependencies = {
 	"@inquirer/prompts": "^7.1.0",
@@ -203,6 +207,7 @@ var devDependencies = {
 	"@types/js-yaml": "^4.0.9",
 	"@types/koa": "^2.15.0",
 	"@types/micromatch": "^4.0.6",
+	"@types/react": "^18.3.14",
 	"esbuild-register": "^3.5.0",
 	micromatch: "^4.0.5",
 	"node-sass": "^9.0.0",
@@ -210,7 +215,7 @@ var devDependencies = {
 	"rollup-plugin-esbuild": "^6.1.0",
 	"rollup-plugin-postcss": "^4.0.2",
 	"rollup-plugin-swc3": "^0.12.1",
-	"vite-bundle-analyzer": "^0.15.2"
+	"vite-bundle-analyzer": "0.16.0-beta.1"
 };
 var pkg = {
 	name: name,
@@ -256,6 +261,212 @@ if (type$1 !== "" && IS_WORKSPACE) {
   program.option("-f, --filter <filter>", filterDescription);
 }
 
+function Main() {
+  const { useState, useMemo, useEffect, useCallback } = React;
+  const [path, setPath] = useState(() => location.pathname.replace(/^\/ana\/?/, ""));
+  const [pkgName, entry] = useMemo(() => {
+    const pkgName2 = /^(@[^/]+\/[^/]+|[^/]+)\/?/.exec(path)?.[1];
+    return [
+      pkgName2,
+      pkgName2 != null ? path.replace(`${pkgName2}/`, "") : void 0
+    ];
+  }, [path]);
+  const push = useCallback((newPath) => {
+    setPath(newPath);
+    document.title = `${document.title.replace(/ - \/.*/, "")} - /${newPath}`;
+    history.pushState(null, "", `/ana/${newPath}`);
+  }, []);
+  const filterModules = useCallback((startWith) => {
+    const modules = analyzeModule.filter((m) => m.filename.startsWith(startWith));
+    dispatchEvent(new CustomEvent("send:filter", { detail: { analyzeModule: modules } }));
+  }, []);
+  useEffect(() => {
+    if (path !== "") {
+      document.title = `${document.title.replace(/ - \/.*/, "")} - /${path}`;
+    } else {
+      document.title = document.title.replace(/ - \/.*/, "");
+    }
+    filterModules(path);
+  }, [path, filterModules]);
+  useEffect(() => {
+    const offGraphClick = listen("graph:click", ({ detail }) => {
+      if (!detail)
+        return;
+      let root = detail.node;
+      while (root.parent) {
+        root = root.parent;
+      }
+      if (root.filename === path)
+        return;
+      push(root.filename);
+    });
+    return () => {
+      offGraphClick();
+    };
+  }, [push]);
+  function listen(type, listener) {
+    window.addEventListener(type, listener);
+    return () => {
+      window.removeEventListener(type, listener);
+    };
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        padding: "12px 55px"
+      }
+    },
+    "/",
+    /* @__PURE__ */ React.createElement(
+      "select",
+      {
+        style: {
+          appearance: "none",
+          border: "none",
+          background: "none"
+        },
+        value: pkgName,
+        onChange: (e) => push(e.target.value)
+      },
+      /* @__PURE__ */ React.createElement("option", { value: "" }, "All"),
+      analyzeModule.map((m) => /^(@[^/]+\/[^/]+|[^/]+)\/?/.exec(m.filename)?.[1]).filter((v, i, a) => a.indexOf(v) === i).map((v) => /* @__PURE__ */ React.createElement("option", { key: v, value: v }, v))
+    ),
+    pkgName != null && /* @__PURE__ */ React.createElement(React.Fragment, null, "/", /* @__PURE__ */ React.createElement(
+      "select",
+      {
+        style: {
+          appearance: "none",
+          border: "none",
+          background: "none"
+        },
+        value: entry,
+        onChange: (e) => push(`${pkgName}/${e.target.value}`)
+      },
+      /* @__PURE__ */ React.createElement("option", { value: "" }, "All"),
+      analyzeModule.filter((m) => m.filename.startsWith(`${pkgName}/`)).map((m) => m.filename.replace(`${pkgName}/`, "")).filter((v, i, a) => a.indexOf(v) === i).map((v) => /* @__PURE__ */ React.createElement("option", { key: v, value: v }, v))
+    ))
+  );
+}
+
+function render() {
+  CUSTOM_SIDE_BAR = true;
+  window.addEventListener("client:ready", () => setTimeout(() => {
+    window.dispatchEvent(
+      new CustomEvent("send:ui", {
+        detail: { type: "Main", Component: __REPLACE_INJECT__ }
+      })
+    );
+  }, 0));
+}
+const CLIENT_CUSTOM_RENDER_SCRIPT = [
+  Main.toString(),
+  render.toString().replace("__REPLACE_INJECT__", Main.name),
+  `(${render.name})()`
+].join("\n");
+
+function parseBoolean(v) {
+  if (v === void 0)
+    return true;
+  return Boolean(v);
+}
+
+async function checkDependency(dependency) {
+  try {
+    require.resolve(dependency);
+  } catch {
+    console.error(`The package '${dependency}' is not installed, please install it first.`);
+    const { notWorkspace } = getWD();
+    const command = `pnpm install -${notWorkspace ? "" : "w"}D ${dependency}`;
+    if (await confirm({ message: "Do you want to install it now?" })) {
+      await execaCommand(command);
+    } else {
+      console.warn(`You can run the command '${command}' to install it manually.`);
+      process$1.exit(1);
+    }
+  }
+}
+
+const registerAnalyzerCommandOptions = (command) => command.option("--ana", "Enable the bundle analyzer.", parseBoolean).option("--ana.dir <DIR>", "The directory of the bundle analyzer.", ".jk-analyses").option(
+  "--ana.mode <MODE>",
+  'The mode of the bundle analyzer, support "static", "json" and "server".',
+  "server"
+).option("--ana.open", "Open the bundle analyzer in the browser.", parseBoolean).option(
+  "--ana.size <SIZE>",
+  'The default size of the bundle analyzer, support "stat", "parsed" and "gzip".',
+  "parsed"
+);
+const useAnalyzer = async (options, server) => {
+  const modules = [];
+  let bundleAnalyzerModule;
+  const analyzer = options.ana ? {
+    dir: options["ana.dir"],
+    mode: options["ana.mode"],
+    open: options["ana.open"],
+    size: options["ana.size"]
+  } : void 0;
+  if (options.ana && ![
+    "stat",
+    "parsed",
+    "gzip"
+  ].includes(analyzer?.size ?? "")) {
+    throw new Error('The value of `ana.size` must be "stat", "parsed" or "gzip"');
+  }
+  if (analyzer) {
+    await checkDependency("vite-bundle-analyzer");
+    bundleAnalyzerModule = await import('vite-bundle-analyzer');
+  }
+  const refreshAnalyzer = async (cwd, applyModules) => {
+    if (!(analyzer && server && bundleAnalyzerModule))
+      return;
+    if (analyzer.mode === "json") {
+      const anaDir = path.resolve(cwd, analyzer.dir);
+      if (!existsSync(anaDir)) {
+        mkdirSync(anaDir, { recursive: true });
+      }
+      const gitIgnorePath = path.resolve(anaDir, ".gitignore");
+      if (!existsSync(gitIgnorePath)) {
+        writeFileSync(gitIgnorePath, "*\n!.gitignore\n");
+      }
+      const npmIgnorePath = path.resolve(anaDir, ".npmignore");
+      if (!existsSync(npmIgnorePath)) {
+        writeFileSync(npmIgnorePath, "*\n");
+      }
+      if (!statSync(anaDir).isDirectory()) {
+        throw new Error(`The directory '${anaDir}' is not a directory.`);
+      }
+    }
+    const { renderView, injectHTMLTag } = bundleAnalyzerModule;
+    applyModules.forEach((m) => {
+      const index = modules.findIndex(({ filename }) => filename === m.filename);
+      if (index === -1) {
+        modules.push(m);
+      } else {
+        modules[index] = m;
+      }
+    });
+    let html = await renderView(modules, {
+      title: `Jiek Analyzer`,
+      mode: analyzer.size
+    });
+    html = injectHTMLTag({
+      html,
+      injectTo: "body",
+      descriptors: [
+        { kind: "script", text: CLIENT_CUSTOM_RENDER_SCRIPT }
+      ]
+    });
+    void server.renderTo("/ana", html);
+  };
+  return {
+    modules,
+    refreshAnalyzer,
+    ANALYZER_ENV: {
+      JIEK_ANALYZER: analyzer ? JSON.stringify(analyzer) : void 0
+    }
+  };
+};
+
 const BUILDER_TYPES = ["esbuild", "swc"];
 const BUILDER_TYPE_PACKAGE_NAME_MAP = {
   esbuild: "rollup-plugin-esbuild",
@@ -267,7 +478,11 @@ const createServer = (port, host) => {
   app.listen(port, host);
   const streams = /* @__PURE__ */ new Map();
   app.use(async (ctx) => {
-    const stream = streams.get(ctx.path);
+    let stream = streams.get(ctx.path);
+    if (stream == null) {
+      const maybeKey = streams.keys().find((p) => ctx.path.startsWith(p));
+      stream = maybeKey != null ? streams.get(maybeKey) : void 0;
+    }
     if (stream != null) {
       ctx.body = stream;
     }
@@ -282,10 +497,10 @@ const createServer = (port, host) => {
   };
 };
 
-const require$2 = createRequire(import.meta.url);
+const require$3 = createRequire(import.meta.url);
 function packageIsExist(name) {
   try {
-    require$2.resolve(name);
+    require$3.resolve(name);
     return true;
   } catch (e) {
     return false;
@@ -305,7 +520,7 @@ for (const register of registers) {
   }
 }
 
-const require$1 = createRequire(import.meta.url);
+const require$2 = createRequire(import.meta.url);
 let configName = "jiek.config";
 function getConfigPath(root, dir) {
   const isSupportTsLoader = !!tsRegisterName;
@@ -359,16 +574,16 @@ function loadConfig(dirOrOptions) {
   let module;
   switch (ext) {
     case ".js":
-      module = require$1(configPath);
+      module = require$2(configPath);
       break;
     case ".json":
-      return require$1(configPath);
+      return require$2(configPath);
     case ".yaml":
       return load(fs.readFileSync(configPath, "utf-8"));
     case ".ts":
       if (tsRegisterName) {
-        require$1(tsRegisterName);
-        module = require$1(configPath);
+        require$2(tsRegisterName);
+        module = require$2(configPath);
         break;
       }
       throw new Error(
@@ -388,32 +603,17 @@ function loadConfig(dirOrOptions) {
 const FILE_TEMPLATE = (manifest) => `
 module.exports = require('jiek/rollup').template(${JSON.stringify(manifest, null, 2)})
 `.trimStart();
-const require = createRequire(import.meta.url);
+const require$1 = createRequire(import.meta.url);
 const isDefault = process$1.env.JIEK_IS_ONLY_BUILD === "true";
 const description = `
 Build the package according to the 'exports' field from the package.json.
 If you want to through the options to the \`rollup\` command, you can pass the options after '--'.
 ${isDefault ? "This command is the default command." : ""}
 `.trim();
-async function checkDependency(dependency) {
-  try {
-    require.resolve(dependency);
-  } catch {
-    console.error(`The package '${dependency}' is not installed, please install it first.`);
-    const { notWorkspace } = getWD();
-    const command2 = `pnpm install -${notWorkspace ? "" : "w"}D ${dependency}`;
-    if (await confirm({ message: "Do you want to install it now?" })) {
-      await execaCommand(command2);
-    } else {
-      console.warn(`You can run the command '${command2}' to install it manually.`);
-      process$1.exit(1);
-    }
-  }
-}
 let DEFAULT_BUILDER_TYPE;
 Object.entries(BUILDER_TYPE_PACKAGE_NAME_MAP).forEach(([type, packageName]) => {
   try {
-    require.resolve(packageName);
+    require$1.resolve(packageName);
     DEFAULT_BUILDER_TYPE = type;
   } catch {
   }
@@ -421,11 +621,6 @@ Object.entries(BUILDER_TYPE_PACKAGE_NAME_MAP).forEach(([type, packageName]) => {
 if (!DEFAULT_BUILDER_TYPE) {
   DEFAULT_BUILDER_TYPE = "esbuild";
 }
-function parseBoolean(v) {
-  if (v === void 0)
-    return true;
-  return Boolean(v);
-}
 const buildFilterDescription = `
 ${filterDescription}
 If you pass the --filter option, it will merge into the filters of the command.
@@ -464,11 +659,7 @@ command = command.description(description).option("-t, --type <TYPE>", `The type
 );
 command = command.option("--tsconfig <TSCONFIG>", "The path of the tsconfig file which is used to generate js and dts files.", String).option("--dtsconfig <DTSCONFIG>", "The path of the tsconfig file which is used to generate dts files.", String);
 command = command.option("-w, --watch", "Watch the file changes.", parseBoolean).option("-p, --port <PORT>", "The port of the server.", Number.parseInt, 8888);
-command = command.option("--ana", "Enable the bundle analyzer.", parseBoolean).option("--ana.dir <DIR>", "The directory of the bundle analyzer.", ".jk-analyses").option("--ana.mode <MODE>", 'The mode of the bundle analyzer, support "static", "json" and "server".', "server").option("--ana.open", "Open the bundle analyzer in the browser.", parseBoolean).option(
-  "--ana.size <SIZE>",
-  'The default size of the bundle analyzer, support "stat", "parsed" and "gzip".',
-  "parsed"
-);
+command = registerAnalyzerCommandOptions(command);
 command = command.option("-s, --silent", "Don't display logs.", parseBoolean).option("-v, --verbose", "Display debug logs.", parseBoolean);
 command.action(async (commandFiltersOrEntries, options) => {
   let {
@@ -516,43 +707,14 @@ command.action(async (commandFiltersOrEntries, options) => {
     },
     []
   );
-  const modules = [];
-  const cjsModules = [];
-  const esmModules = [];
-  let render;
-  const analyzer = options.ana ? {
-    dir: options["ana.dir"],
-    mode: options["ana.mode"],
-    open: options["ana.open"],
-    size: options["ana.size"]
-  } : void 0;
-  if (options.ana && ![
-    "stat",
-    "parsed",
-    "gzip"
-  ].includes(analyzer?.size ?? "")) {
-    throw new Error('The value of `ana.size` must be "stat", "parsed" or "gzip"');
-  }
-  const server = analyzer && createServer(options.port, "localhost");
-  if (analyzer) {
-    await checkDependency("vite-bundle-analyzer");
-    const { renderView } = await import('vite-bundle-analyzer');
-    render = renderView;
-  }
-  const anaPaths = /* @__PURE__ */ new Set();
-  const refreshAnalyzer = async (subPath = "", renderModules = modules) => {
-    if (!(analyzer && server && render))
-      return;
-    const p = `/ana${subPath}`;
-    anaPaths.add(p);
-    void server.renderTo(
-      p,
-      await render(renderModules, {
-        title: `Jiek Analyzer - ${subPath}`,
-        mode: analyzer.size
-      })
-    );
-  };
+  const shouldCreateServer = [
+    options.ana === true && options["ana.mode"] === "server"
+  ].some(Boolean);
+  const server = shouldCreateServer ? createServer(options.port, "localhost") : void 0;
+  const {
+    ANALYZER_ENV,
+    refreshAnalyzer
+  } = await useAnalyzer(options, server);
   const { build } = loadConfig();
   silent = silent ?? build?.silent ?? false;
   if (withoutMin && onlyMin) {
@@ -569,7 +731,7 @@ command.action(async (commandFiltersOrEntries, options) => {
     entries = void 0;
   }
   const env = {
-    JIEK_ANALYZER: analyzer && JSON.stringify(analyzer),
+    ...ANALYZER_ENV,
     JIEK_BUILDER: type,
     JIEK_OUT_DIR: outdir,
     JIEK_CLEAN: String(!noClean),
@@ -608,30 +770,13 @@ command.action(async (commandFiltersOrEntries, options) => {
       } catch {
       }
     }
-    const rollupBinaryPath = require.resolve("rollup").replace(/dist\/rollup.js$/, "dist/bin/rollup");
+    const rollupBinaryPath = require$1.resolve("rollup").replace(/dist\/rollup.js$/, "dist/bin/rollup");
     let i = 0;
     await Promise.all(
-      Object.entries(value).map(async ([dir, manifest]) => {
+      Object.entries(value).map(async ([pkgCWD, manifest]) => {
         if (manifest.name == null) {
           throw new Error("package.json must have a name field");
         }
-        if (analyzer) {
-          const anaDir = path.resolve(dir, analyzer.dir);
-          if (!existsSync(anaDir)) {
-            mkdirSync(anaDir, { recursive: true });
-          }
-          const gitIgnorePath = path.resolve(anaDir, ".gitignore");
-          if (!existsSync(gitIgnorePath)) {
-            writeFileSync(gitIgnorePath, "*\n!.gitignore\n");
-          }
-          const npmIgnorePath = path.resolve(anaDir, ".npmignore");
-          if (!existsSync(npmIgnorePath)) {
-            writeFileSync(npmIgnorePath, "*\n");
-          }
-          if (!statSync(anaDir).isDirectory()) {
-            throw new Error(`The directory '${anaDir}' is not a directory.`);
-          }
-        }
         const escapeManifestName = manifest.name.replace(/^@/g, "").replace(/\//g, "+");
         const configFile = resolveByJiekTemp(
           `${escapeManifestName ?? `anonymous-${i++}`}.rollup.config.js`
@@ -647,7 +792,7 @@ command.action(async (commandFiltersOrEntries, options) => {
         command2.push(...passThroughOptions);
         const child = execaCommand(command2.join(" "), {
           ipc: true,
-          cwd: dir,
+          cwd: pkgCWD,
           env: {
             ...env,
             JIEK_NAME: manifest.name,
@@ -753,41 +898,18 @@ command.action(async (commandFiltersOrEntries, options) => {
               const {
                 data: {
                   type: type2,
-                  path: path2,
                   modules: pkgModules
                 }
               } = e;
-              pkgModules.forEach((m) => {
-                const newM = {
+              void refreshAnalyzer(
+                pkgCWD,
+                pkgModules.map((m) => ({
                   ...m,
+                  type: type2,
                   filename: `${manifest.name}/${m.filename}`,
                   label: `${manifest.name}/${m.label}`
-                };
-                const pushOrReplace = (arr) => {
-                  const index = arr.findIndex(({ filename }) => filename === newM.filename);
-                  if (index === -1) {
-                    arr.push(newM);
-                  } else {
-                    arr[index] = newM;
-                  }
-                };
-                pushOrReplace(modules);
-                if (type2 === "esm") {
-                  pushOrReplace(esmModules);
-                }
-                if (type2 === "cjs") {
-                  pushOrReplace(cjsModules);
-                }
-              });
-              void refreshAnalyzer();
-              void refreshAnalyzer(
-                `/${type2}`,
-                {
-                  cjs: cjsModules,
-                  esm: esmModules
-                }[type2]
+                }))
               );
-              void refreshAnalyzer(`/${type2}/${manifest.name}/${path2.slice(2)}`, pkgModules);
               break;
             }
             case "debug": {
@@ -824,17 +946,7 @@ ${errorStr}`)));
     }
   } finally {
     multiBars.stop();
-    let message = "The build is complete";
-    if (analyzer) {
-      message += ` and the analyzer is running at http://localhost:${options.port}/ana in ${analyzer.mode} mode.
-`;
-      message += analyzer.open ? " The browser will open automatically.\n" : "";
-      if (anaPaths.size > 0) {
-        message += `The analyzer has ${anaPaths.size} pages:
-${Array.from(anaPaths).map((p) => `http://localhost:${options.port}${p}`).join("\n")}`;
-      }
-    }
-    !silent && console.log(message);
+    !silent && console.log("Build complete");
   }
 });
 

package/dist/rollup/index.cjs

@@ -4443,7 +4443,7 @@ const getExtendTSConfig = (tsconfigPath) => {
   const { extends: exts, ...tsconfig } = getTSConfig(tsconfigPath);
   const resolvePaths = (paths) => paths?.map((p) => path.resolve(tsconfigPathDirname, p)) ?? [];
   const extendsPaths = resolvePaths(
-    exts ? Array.isArray(exts) ? exts : [exts] : []
+    exts !== void 0 ? Array.isArray(exts) ? exts : [exts] : []
   );
   if (extendsPaths.length === 0)
     return tsconfig;
@@ -4692,7 +4692,7 @@ const withMinify = (output, onlyOncePlugins = []) => {
   const minifyPlugin = resolvedMinifyOptions.type === "esbuild" ? import('rollup-plugin-esbuild').then(({ minify: minify2 }) => minify2(noTypeResolvedMinifyOptions)) : resolvedMinifyOptions.type === "swc" ? import('rollup-plugin-swc3').then(({ minify: minify2 }) => minify2(noTypeResolvedMinifyOptions)) : import('@rollup/plugin-terser').then(({ default: minify2 }) => minify2(noTypeResolvedMinifyOptions));
   return minify === "only-minify" ? [{
     ...output,
-    // TODO replace suffix when pubish to npm and the `build.output.minify` is 'only-minify'
+    // TODO replace suffix when publish to npm and the `build.output.minify` is 'only-minify'
     // TODO resolve dts output file name
     entryFileNames: (chunkInfo) => typeof output.entryFileNames === "function" ? output.entryFileNames(chunkInfo) : (() => {
       throw new Error("entryFileNames must be a function");
@@ -4799,7 +4799,23 @@ const generateConfigs = (context, options = {}) => {
   const { js: jsOutput, dts: dtsOutput } = resolveOutputControls(context, build.output);
   const rollupOptions = [];
   const commonPlugins = [
-    pluginNodeResolve.nodeResolve({ exportConditions })
+    pluginNodeResolve.nodeResolve({
+      exportConditions,
+      extensions: [
+        ".js",
+        ".cjs",
+        ".mjs",
+        ".jsx",
+        ".cjsx",
+        ".mjsx",
+        ".ts",
+        ".cts",
+        ".mts",
+        ".tsx",
+        ".ctsx",
+        ".mtsx"
+      ]
+    })
   ];
   if (jsOutput && !WITHOUT_JS) {
     const sourcemap = typeof options?.output?.sourcemap === "object" ? options.output.sourcemap.js : options?.output?.sourcemap;

package/dist/rollup/index.js

@@ -4427,7 +4427,7 @@ const getExtendTSConfig = (tsconfigPath) => {
   const { extends: exts, ...tsconfig } = getTSConfig(tsconfigPath);
   const resolvePaths = (paths) => paths?.map((p) => resolve(tsconfigPathDirname, p)) ?? [];
   const extendsPaths = resolvePaths(
-    exts ? Array.isArray(exts) ? exts : [exts] : []
+    exts !== void 0 ? Array.isArray(exts) ? exts : [exts] : []
   );
   if (extendsPaths.length === 0)
     return tsconfig;
@@ -4676,7 +4676,7 @@ const withMinify = (output, onlyOncePlugins = []) => {
   const minifyPlugin = resolvedMinifyOptions.type === "esbuild" ? import('rollup-plugin-esbuild').then(({ minify: minify2 }) => minify2(noTypeResolvedMinifyOptions)) : resolvedMinifyOptions.type === "swc" ? import('rollup-plugin-swc3').then(({ minify: minify2 }) => minify2(noTypeResolvedMinifyOptions)) : import('@rollup/plugin-terser').then(({ default: minify2 }) => minify2(noTypeResolvedMinifyOptions));
   return minify === "only-minify" ? [{
     ...output,
-    // TODO replace suffix when pubish to npm and the `build.output.minify` is 'only-minify'
+    // TODO replace suffix when publish to npm and the `build.output.minify` is 'only-minify'
     // TODO resolve dts output file name
     entryFileNames: (chunkInfo) => typeof output.entryFileNames === "function" ? output.entryFileNames(chunkInfo) : (() => {
       throw new Error("entryFileNames must be a function");
@@ -4783,7 +4783,23 @@ const generateConfigs = (context, options = {}) => {
   const { js: jsOutput, dts: dtsOutput } = resolveOutputControls(context, build.output);
   const rollupOptions = [];
   const commonPlugins = [
-    nodeResolve({ exportConditions })
+    nodeResolve({
+      exportConditions,
+      extensions: [
+        ".js",
+        ".cjs",
+        ".mjs",
+        ".jsx",
+        ".cjsx",
+        ".mjsx",
+        ".ts",
+        ".cts",
+        ".mts",
+        ".tsx",
+        ".ctsx",
+        ".mtsx"
+      ]
+    })
   ];
   if (jsOutput && !WITHOUT_JS) {
     const sourcemap = typeof options?.output?.sourcemap === "object" ? options.output.sourcemap.js : options?.output?.sourcemap;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jiek",
   "type": "module",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "A lightweight toolkit for compiling and managing libraries based on `package.json` metadata and suitable for `Monorepo`.",
   "author": "YiJie <yijie4188@gmail.com>",
   "homepage": "https://github.com/NWYLZW/jiek/tree/master/packages/jiek#readme",
@@ -48,7 +48,11 @@
     }
   },
   "imports": {
-    "#~/*": "./src/*"
+    "#~/*": [
+      "./src/*",
+      "./src/*/index.ts",
+      "./src/*/index.tsx"
+    ]
   },
   "bin": {
     "jiek": "bin/jiek.js",
@@ -65,7 +69,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-swc3": "^0.12.1",
     "typescript": "^4.0.0||^5.0.0",
-    "vite-bundle-analyzer": "^0.15.2"
+    "vite-bundle-analyzer": "0.16.0-beta.1"
   },
   "dependencies": {
     "@inquirer/prompts": "^7.1.0",
@@ -83,8 +87,8 @@
     "jsonc-parser": "^3.2.1",
     "koa": "^2.15.3",
     "rollup": "^4.0.0",
-    "@jiek/utils": "^0.2.3",
-    "@jiek/pkger": "^0.2.1"
+    "@jiek/pkger": "^0.2.1",
+    "@jiek/utils": "^0.2.3"
   },
   "peerDependenciesMeta": {
     "@pnpm/filter-workspace-packages": {