@deot/dev-builder 1.1.2 → 2.0.1

package/README.md

@@ -5,9 +5,35 @@
 - 优先执行`scripts`下的`build`和`build:types`，如果声明`build`，打包由用户管理，`build:types`，类型编译由用户管理
 - 可被打包的文件匹配：`src/index.*.(j|t|s?cs)s`
 
-## 其它
+## 自定义配置
 
-- 目前依赖`rollup`打包，后续考虑读取`rollup.config.js`
-- 如果改成`vite`打包，则考虑读取配置`vite.config.js`
+提供环境变量`BUILD_OPTIONS`
 
-打包输出文件`index.[format].js` + `index.d.ts`
+```ts
+interface BUILD_OPTIONS {
+	packageFolderName?: string;
+	workspace?: string;
+	watch: boolean;
+	coverage: boolean;
+}
+```
+
+根目录创建`build.config.ts`, 可以选择`configShared`合并或单独基于`BUILD_OPTIONS`配置
+> 也可以是`z.build.config.ts`, 前缀主要是置底
+
+```ts
+import { mergeConfig, defineConfig } from 'vite';
+import configShared from '@deot/dev-builder/shared.config';
+
+export default mergeConfig(
+	configShared,
+	defineConfig({
+		// custom config
+		plugins: [
+			vue(),
+			react()
+		]
+	})
+);
+```
+取`build.config.ts`, 是为了方便从`build`转其他测试工具时，可以不改变文件名

package/api-extractor.shared.json

@@ -0,0 +1,76 @@
+// this the shared base config for all packages.
+{
+  "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
+  "compiler": {
+    "overrideTsconfig": {
+      "compilerOptions": {
+        "paths": null
+      }
+    }
+  },
+  "apiReport": {
+    "enabled": true,
+    "reportFolder": "<projectFolder>/temp/"
+  },
+
+  "docModel": {
+    "enabled": true
+  },
+
+  "dtsRollup": {
+    "enabled": true,
+    "untrimmedFilePath": ""
+  },
+
+  "tsdocMetadata": {
+    "enabled": false
+  },
+
+  "messages": {
+    "compilerMessageReporting": {
+      "default": {
+        "logLevel": "warning"
+      }
+    },
+
+    "extractorMessageReporting": {
+      "default": {
+        "logLevel": "warning",
+        "addToApiReportFile": true
+      },
+
+      "ae-missing-release-tag": {
+        "logLevel": "none"
+      },
+      "ae-wrong-input-file-type": {
+        "logLevel": "none"
+      }
+    },
+
+    "tsdocMessageReporting": {
+      "default": {
+        "logLevel": "warning"
+      },
+
+      "tsdoc-undefined-tag": {
+        "logLevel": "none"
+      },
+
+      "tsdoc-escape-greater-than": {
+        "logLevel": "none"
+      },
+
+      "tsdoc-malformed-inline-tag": {
+        "logLevel": "none"
+      },
+
+      "tsdoc-escape-right-brace": {
+        "logLevel": "none"
+      },
+
+      "tsdoc-unnecessary-backslash": {
+        "logLevel": "none"
+      }
+    }
+  }
+}

package/dist/index.cjs.js

@@ -1,291 +1,282 @@
 'use strict';
 
-var devShared = require('@deot/dev-shared');
-var path = require('node:path');
-var node_module = require('node:module');
-var fs = require('fs-extra');
-var chalk = require('chalk');
-var ora = require('ora');
-var typescript = require('@rollup/plugin-typescript');
-var pluginNodeResolve = require('@rollup/plugin-node-resolve');
-var commonjs = require('@rollup/plugin-commonjs');
-var replace = require('@rollup/plugin-replace');
-var rollup = require('rollup');
-var sass = require('sass');
-var postcss = require('postcss');
-var atImport = require('postcss-import');
-var atUrl = require('postcss-url');
-var flexBugs = require('postcss-flexbugs-fixes');
-var cssnano = require('cssnano');
-var autoprefixer = require('autoprefixer');
-var apiExtractor = require('@microsoft/api-extractor');
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const devShared = require('@deot/dev-shared');
+const path = require('node:path');
+const node_module = require('node:module');
+const fs = require('fs-extra');
+const chalk = require('chalk');
+const ora = require('ora');
+const node_url = require('node:url');
+const vite = require('vite');
+const sass = require('sass');
+const postcss = require('postcss');
+const atImport = require('postcss-import');
+const atUrl = require('postcss-url');
+const flexBugs = require('postcss-flexbugs-fixes');
+const cssnano = require('cssnano');
+const autoprefixer = require('autoprefixer');
+const apiExtractor = require('@microsoft/api-extractor');
 
 function _interopNamespaceDefault(e) {
-    var n = Object.create(null);
-    if (e) {
-        Object.keys(e).forEach(function (k) {
-            if (k !== 'default') {
-                var d = Object.getOwnPropertyDescriptor(e, k);
-                Object.defineProperty(n, k, d.get ? d : {
-                    enumerable: true,
-                    get: function () { return e[k]; }
-                });
-            }
-        });
-    }
-    n.default = e;
-    return Object.freeze(n);
+	const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+	if (e) {
+		for (const k in e) {
+			if (k !== 'default') {
+				const d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: () => e[k]
+				});
+			}
+		}
+	}
+	n.default = e;
+	return Object.freeze(n);
 }
 
-var path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
+const path__namespace = /*#__PURE__*/_interopNamespaceDefault(path);
 
+const dirname$1 = path__namespace.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs.js', document.baseURI).href))));
 const run$3 = async (options) => {
-    const { packageName, packageFolderName, packageDir, commandOptions, packageOptions } = options || {};
-    const { workspace } = devShared.Locals.impl();
-    const srcDir = path__namespace.resolve(packageDir, './src');
-    let files = fs.existsSync(srcDir)
-        ? fs
-            .readdirSync(srcDir)
-            .filter((i) => /^index(.*)\.(t|j)s$/.test(i))
-        : [];
-    const scripts = files.map((file) => {
-        let filepath = path__namespace.resolve(srcDir, file);
-        return {
-            file,
-            input: filepath,
-            output: [
-                {
-                    file: path__namespace.resolve(packageDir, './dist', file.replace(/(\.(j|t)s)$/, '.es.js')),
-                    format: 'es',
-                    exports: 'named',
-                    sourcemap: false
-                },
-                {
-                    file: path__namespace.resolve(packageDir, './dist', file.replace(/(\.(j|t)s)$/, '.iife.js')),
-                    format: 'iife',
-                    name: packageName,
-                },
-                {
-                    file: path__namespace.resolve(packageDir, './dist', file.replace(/(\.(j|t)s)$/, '.cjs.js')),
-                    format: 'cjs'
-                }
-            ].filter(i => {
-                return commandOptions.scriptFormats.includes(i.format);
-            })
-        };
-    });
-    const external = Object
-        .keys({
-        ...packageOptions.dependencies,
-        ...packageOptions.peerDependencies
-    })
-        .map(i => new RegExp(`^${i}$`));
-    const source = workspace ? `${workspace}/${packageFolderName}/**/*` : 'src/**/*';
-    const shims = workspace ? `${workspace}/shims.d.ts` : 'shims.d.ts';
-    const outDir = workspace ? `${workspace}/${packageFolderName}/dist` : 'dist';
-    const stats = [];
-    await scripts
-        .reduce((preProcess, current) => {
-        preProcess = preProcess
-            .then(() => rollup.rollup({
-            input: current.input,
-            external: [
-                /^node:/,
-                /^[a-zA-Z@]/,
-                ...external
-            ],
-            plugins: [
-                typescript({
-                    include: [source, shims],
-                    exclude: ['dist'],
-                    compilerOptions: {
-                        rootDir: '.',
-                        outDir,
-                        declaration: /^index.ts$/.test(current.file)
-                    }
-                }),
-                commonjs({ extensions: ['.js', '.ts'] }),
-                pluginNodeResolve.nodeResolve(),
-                replace({
-                    '1.1.1': `'${packageOptions.version}'`,
-                    false: 'false',
-                    true: true
-                })
-            ]
-        }))
-            .then((builder) => Promise.all(current.output.map(builder.write)))
-            .then(() => Promise.all(current.output.map((i) => fs.stat(i.file))))
-            .then((stats$) => {
-            stats$.forEach((stat, index) => {
-                stats.push({
-                    file: current.file,
-                    format: current.output[index].format,
-                    size: stat.size
-                });
-            });
-        });
-        return preProcess;
-    }, Promise.resolve());
+  const locals = devShared.Locals.impl();
+  const { cwd } = locals;
+  const { packageName, packageDir, packageOptions } = options || {};
+  const stats = [];
+  const srcDir = path__namespace.resolve(packageDir, "./src");
+  const outDir = path__namespace.resolve(packageDir, "./dist");
+  let files = fs.existsSync(srcDir) ? fs.readdirSync(srcDir).filter((i) => /^index(.*)\.(t|j)s$/.test(i)) : [];
+  if (!files.length)
     return stats;
+  process.env.BUILD_OPTIONS = encodeURIComponent(JSON.stringify({
+    files,
+    packageName,
+    packageDir,
+    packageOptions
+  }));
+  let options$ = {};
+  if (fs.existsSync(`${cwd}/build.config.ts`)) {
+    options$.configFile = path__namespace.relative(cwd, path__namespace.resolve(cwd, "./build.config.ts"));
+  } else if (fs.existsSync(`${cwd}/z.build.config.ts`)) {
+    options$.configFile = path__namespace.relative(cwd, path__namespace.resolve(cwd, "./z.build.config.ts"));
+  } else {
+    options$.configFile = path__namespace.relative(cwd, path__namespace.resolve(dirname$1, "../shared.config.ts"));
+  }
+  await vite.build(options$);
+  let outputs = fs.readdirSync(outDir).filter((i) => /^index(.*)(?!=\.d)\.js$/.test(i));
+  outputs.forEach((file) => {
+    let stat = fs.statSync(path__namespace.resolve(outDir, file));
+    stats.push({
+      file: file.replace(/^(.*)(\..*\.js)/, "$1.ts"),
+      format: file.replace(/.*\.(.*)\.js/, "$1"),
+      size: stat.size
+    });
+  });
+  return stats;
 };
 
 const run$2 = async (options) => {
-    const { packageDir } = options || {};
-    const srcDir = path__namespace.resolve(packageDir, './src');
-    const styles = fs.readdirSync(srcDir).filter((i) => /^index(.*)\.s?css$/.test(i));
-    const stats = [];
-    await styles
-        .reduce((preProcess, file) => {
-        preProcess = preProcess
-            .then(() => {
-            let filepath = path__namespace.resolve(srcDir, file);
-            const data = sass.compile(filepath, { style: 'compressed' });
-            return postcss()
-                .use(atImport())
-                .use(atUrl())
-                .use(flexBugs())
-                .use(cssnano())
-                .use(autoprefixer({ remove: false }))
-                .process(data.css, { from: filepath });
-        })
-            .then((source) => {
-            let output = path__namespace.resolve(packageDir, `./dist/${file.replace(/\.scss$/g, '.css')}`);
-            fs.outputFileSync(output, source.css);
-            return fs.stat(output);
-        })
-            .then((stat) => {
-            stats.push({
-                file,
-                size: stat.size
-            });
+  const { packageDir } = options || {};
+  const srcDir = path__namespace.resolve(packageDir, "./src");
+  const styles = fs.existsSync(srcDir) ? fs.readdirSync(srcDir).filter((i) => /^index(.*)\.s?css$/.test(i)) : [];
+  const stats = [];
+  await styles.reduce(
+    (preProcess, file) => {
+      preProcess = preProcess.then(() => {
+        let filepath = path__namespace.resolve(srcDir, file);
+        const data = sass.compile(filepath, { style: "compressed" });
+        return postcss().use(atImport()).use(atUrl()).use(flexBugs()).use(cssnano()).use(autoprefixer({ remove: false })).process(data.css, { from: filepath });
+      }).then((source) => {
+        let output = path__namespace.resolve(packageDir, `./dist/${file.replace(/\.scss$/g, ".css")}`);
+        fs.outputFileSync(output, source.css);
+        return fs.stat(output);
+      }).then((stat) => {
+        stats.push({
+          file,
+          size: stat.size
         });
-        return preProcess;
-    }, Promise.resolve());
-    return stats;
+      });
+      return preProcess;
+    },
+    Promise.resolve()
+  );
+  return stats;
 };
 
+const dirname = path__namespace.dirname(node_url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs.js', document.baseURI).href))));
 const run$1 = async (options) => {
-    const { workspace } = devShared.Locals.impl();
-    const { packageDir, packageOptions } = options;
-    if (workspace && packageOptions?.scripts?.['build:types']) {
-        await devShared.Shell.spawn(`npm`, ['run', 'build:types'], {
-            cwd: packageDir
-        });
-        return;
+  const { workspace } = devShared.Locals.impl();
+  const { packageDir, packageFolderName, packageOptions, commandOptions } = options;
+  const done = () => {
+    const stats = [];
+    let fullpath = `${packageDir}/dist/index.d.ts`;
+    if (fs.existsSync(fullpath)) {
+      let stat = fs.statSync(fullpath);
+      stats.push({
+        file: "index.d.ts",
+        size: stat.size
+      });
     }
-    const config = path__namespace.resolve(packageDir, `api-extractor.json`);
-    if (fs.existsSync(config)) {
-        const result = apiExtractor.Extractor.invoke(apiExtractor.ExtractorConfig.loadFileAndPrepare(config), {
-            localBuild: true,
-            showVerboseMessages: false
-        });
-        if (!result.succeeded) {
-            devShared.Logger.error(`API Extractor completed with ${result.errorCount} errors and ${result.warningCount} warnings`);
-            process.exitCode = 1;
+    return stats;
+  };
+  if (!commandOptions.dts) {
+    return done();
+  }
+  if (workspace && packageOptions?.scripts?.["build:types"]) {
+    await devShared.Shell.spawn(`npm`, ["run", "build:types"], {
+      cwd: packageDir
+    });
+    return done();
+  }
+  let tempDir = `${packageDir}/dist/temp`;
+  let rootDir = path__namespace.relative(tempDir, process.cwd());
+  fs.outputFileSync(`${tempDir}/tsconfig.json`, JSON.stringify({
+    extends: `${rootDir}/tsconfig.json`,
+    compilerOptions: {
+      declaration: true,
+      emitDeclarationOnly: true,
+      rootDir,
+      outDir: "."
+    },
+    include: [
+      path__namespace.relative(tempDir, path__namespace.resolve(packageDir, `src/*`))
+    ]
+  }, null, "	"));
+  await devShared.Shell.spawn("tsc", ["-p", `${tempDir}/tsconfig.json`]);
+  const configPath = `${tempDir}/api-extractor.json`;
+  fs.outputFileSync(configPath, JSON.stringify({
+    extends: path__namespace.relative(tempDir, path__namespace.resolve(dirname, "../api-extractor.shared.json")),
+    mainEntryPointFilePath: `.${workspace ? "/packages/" : ""}${packageFolderName}/src/index.d.ts`,
+    // workspace、时以temp/packages/*/src结构，否则APIExtractor会报错
+    dtsRollup: {
+      publicTrimmedFilePath: "../index.d.ts"
+    }
+  }, null, "	"));
+  const result = apiExtractor.Extractor.invoke(
+    apiExtractor.ExtractorConfig.loadFileAndPrepare(configPath),
+    {
+      localBuild: true,
+      showVerboseMessages: false,
+      // 去掉版本提示
+      messageCallback: (message) => {
+        if (message.messageId === "console-compiler-version-notice" || message.messageId === "console-preamble") {
+          message.handled = true;
         }
+      }
     }
-    await fs.remove(`${packageDir}/dist/${workspace || 'src'}`);
+  );
+  if (!result.succeeded) {
+    devShared.Logger.error(
+      `API Extractor completed with ${result.errorCount} errors and ${result.warningCount} warnings`
+    );
+    process.exitCode = 1;
+  }
+  await fs.remove(`${packageDir}/dist/temp`);
+  return done();
 };
 
 const require$ = node_module.createRequire(process.cwd());
 class Build {
-    packageDir;
-    packageFolderName;
-    packageSourceDir;
-    packageName;
-    packageOptions;
-    commandOptions;
-    constructor(packageFolderName, commandOptions) {
-        const { workspace, packageDir, packageName, packageFolderName: packageFolderName$ } = devShared.Locals.impl();
-        this.packageFolderName = packageFolderName || '';
-        this.packageDir = path__namespace.resolve(packageDir, workspace ? `./${packageFolderName}` : '');
-        this.packageSourceDir = path__namespace.resolve(packageDir, './src');
-        this.packageName = packageFolderName === packageFolderName$
-            ? packageName
-            : `${packageName}-${packageFolderName}`;
-        this.packageOptions = require$(`${this.packageDir}/package.json`);
-        this.commandOptions = commandOptions;
+  packageDir;
+  packageFolderName;
+  packageSourceDir;
+  packageName;
+  packageOptions;
+  commandOptions;
+  constructor(packageFolderName, commandOptions) {
+    const { workspace, packageDir, packageName, packageFolderName: packageFolderName$ } = devShared.Locals.impl();
+    this.packageFolderName = packageFolderName || "";
+    this.packageDir = path__namespace.resolve(packageDir, workspace ? `./${packageFolderName}` : "");
+    this.packageSourceDir = path__namespace.resolve(packageDir, "./src");
+    this.packageName = packageFolderName === packageFolderName$ ? packageName : `${packageName}-${packageFolderName}`;
+    this.packageOptions = require$(`${this.packageDir}/package.json`);
+    this.commandOptions = commandOptions;
+  }
+  async process() {
+    let start = Date.now();
+    const { cwd, workspace } = devShared.Locals.impl();
+    const { packageOptions, packageName, packageDir } = this;
+    if (workspace && packageOptions?.scripts?.build && packageDir !== cwd) {
+      await devShared.Shell.spawn(`npm`, ["run", "build"], {
+        cwd: packageDir
+      });
+      return;
     }
-    async process() {
-        const { cwd, workspace } = devShared.Locals.impl();
-        const { packageOptions, packageName, packageDir } = this;
-        if (workspace
-            && packageOptions?.scripts?.build
-            && packageDir !== cwd) {
-            await devShared.Shell.spawn(`npm`, ['run', 'build'], {
-                cwd: packageDir
-            });
-            return;
-        }
-        const srcDir = path__namespace.resolve(packageDir, './src');
-        let files = fs.existsSync(srcDir)
-            ? fs
-                .readdirSync(srcDir)
-                .filter((i) => /^index(.*)\.(ts|js|s?css)$/.test(i))
-            : [];
-        if (!files.length)
-            return;
-        const spinner = ora(`${packageName} Build ...`);
-        try {
-            spinner.start();
-            await fs.emptyDir(`${packageDir}/dist`);
-            const styleStats = await run$2(this);
-            const scriptStats = await run$3(this);
-            run$1(this);
-            spinner.stop();
-            devShared.Logger.log(`${chalk.cyan(`${packageName}`)}: ${chalk.green('Success')}`);
-            scriptStats.forEach((stat) => {
-                devShared.Logger.log(`${chalk.magenta(stat.file)}: ${chalk.green(stat.format.toUpperCase())} - ${devShared.Utils.formatBytes(stat.size)}`);
-            });
-            styleStats.forEach((stat) => {
-                devShared.Logger.log(`${chalk.magenta(stat.file)}: ${devShared.Utils.formatBytes(stat.size)}`);
-            });
-        }
-        catch (e) {
-            devShared.Logger.log('Error!', e);
-            throw e;
-        }
+    const srcDir = path__namespace.resolve(packageDir, "./src");
+    let files = fs.existsSync(srcDir) ? fs.readdirSync(srcDir).filter((i) => /^index(.*)\.(ts|js|s?css)$/.test(i)) : [];
+    if (!files.length)
+      return;
+    const spinner = ora(`${packageName} Build ...`);
+    try {
+      spinner.start();
+      await fs.emptyDir(`${packageDir}/dist`);
+      const scriptStats = await run$3(this);
+      const scriptDuration = Date.now() - start;
+      const styleStats = await run$2(this);
+      const styleDuration = Date.now() - start - scriptDuration;
+      const typeStats = await run$1(this);
+      const typeDuration = Date.now() - start - styleDuration - scriptDuration;
+      spinner.stop();
+      let message = "";
+      message += `${chalk.cyan(`${packageName}`)}: ${chalk.green("Success")} ${chalk.blue(`${Date.now() - start}ms`)}(`;
+      message += styleStats.length ? `css: ${chalk.yellow(styleDuration)}ms; ` : "";
+      message += scriptStats.length ? `js: ${chalk.yellow(scriptDuration)}ms${typeStats.length ? "; " : ""}` : "";
+      message += typeStats.length ? `dts: ${chalk.yellow(typeDuration)}ms` : "";
+      message += ")";
+      devShared.Logger.log(message);
+      scriptStats.concat(styleStats).concat(typeStats).forEach((stat) => {
+        let message$ = "";
+        message$ += `${chalk.magenta(stat.file)}: `;
+        message$ += stat.format ? `${chalk.green(stat.format.toUpperCase())} - ` : "";
+        message$ += `${devShared.Utils.formatBytes(stat.size)}`;
+        devShared.Logger.log(message$);
+      });
+    } catch (e) {
+      devShared.Logger.log("Error!", e);
+      throw e;
     }
+  }
 }
 const build = (options, commandOptions) => {
-    return new Build(options, commandOptions);
+  return new Build(options, commandOptions);
 };
 
 const run = (options) => devShared.Utils.autoCatch(async () => {
-    options = {
-        scriptFormats: 'es,cjs',
-        ...options
-    };
-    const locals = devShared.Locals.impl();
-    if (typeof options.dryRun === 'undefined') {
-        options.dryRun = process.env.NODE_ENV === 'UNIT';
-    }
-    const { normalizePackageFolderNames } = devShared.Locals.impl();
-    let packageFolderName = devShared.Locals.getPackageFolderName(options.packageName || '*');
-    let inputs = [];
-    if (locals.workspace && packageFolderName === '*') {
-        inputs = normalizePackageFolderNames;
-    }
-    else {
-        inputs = [packageFolderName];
-    }
-    if (options.dryRun)
-        return devShared.Shell.spawn(`echo ${inputs.join(' ')}`);
-    await inputs
-        .reduce((preProcess, packageFolderName$) => {
-        preProcess = preProcess.then(() => build(packageFolderName$, options).process());
-        return preProcess;
-    }, Promise.resolve());
+  options = {
+    scriptFormats: "es,cjs",
+    ...options
+  };
+  const locals = devShared.Locals.impl();
+  if (typeof options.dryRun === "undefined") {
+    options.dryRun = process.env.NODE_ENV === "UNIT";
+  }
+  const { normalizePackageFolderNames } = devShared.Locals.impl();
+  let packageFolderName = devShared.Locals.getPackageFolderName(options.packageName || "*");
+  let inputs = [];
+  if (locals.workspace && packageFolderName === "*") {
+    inputs = normalizePackageFolderNames;
+  } else {
+    inputs = [packageFolderName];
+  }
+  if (options.dryRun)
+    return devShared.Shell.spawn(`echo ${inputs.join(" ")}`);
+  await inputs.reduce(
+    (preProcess, packageFolderName$) => {
+      preProcess = preProcess.then(() => build(packageFolderName$, options).process());
+      return preProcess;
+    },
+    Promise.resolve()
+  );
 }, {
-    onError: (e) => {
-        if (typeof e === 'number' && e === 1) {
-            devShared.Logger.error('编译未通过');
-        }
-        else {
-            devShared.Logger.error(e);
-        }
-        process.exit(1);
+  onError: (e) => {
+    if (typeof e === "number" && e === 1) {
+      devShared.Logger.error("编译未通过");
+    } else {
+      devShared.Logger.error(e);
     }
+    process.exit(1);
+  }
 });
 
 exports.run = run;

package/dist/index.es.js

@@ -4,11 +4,8 @@ import { createRequire } from 'node:module';
 import fs from 'fs-extra';
 import chalk from 'chalk';
 import ora from 'ora';
-import typescript from '@rollup/plugin-typescript';
-import { nodeResolve } from '@rollup/plugin-node-resolve';
-import commonjs from '@rollup/plugin-commonjs';
-import replace from '@rollup/plugin-replace';
-import { rollup } from 'rollup';
+import { fileURLToPath } from 'node:url';
+import { build as build$1 } from 'vite';
 import sass from 'sass';
 import postcss from 'postcss';
 import atImport from 'postcss-import';
@@ -18,253 +15,245 @@ import cssnano from 'cssnano';
 import autoprefixer from 'autoprefixer';
 import { Extractor, ExtractorConfig } from '@microsoft/api-extractor';
 
+const dirname$1 = path.dirname(fileURLToPath(import.meta.url));
 const run$3 = async (options) => {
-    const { packageName, packageFolderName, packageDir, commandOptions, packageOptions } = options || {};
-    const { workspace } = Locals.impl();
-    const srcDir = path.resolve(packageDir, './src');
-    let files = fs.existsSync(srcDir)
-        ? fs
-            .readdirSync(srcDir)
-            .filter((i) => /^index(.*)\.(t|j)s$/.test(i))
-        : [];
-    const scripts = files.map((file) => {
-        let filepath = path.resolve(srcDir, file);
-        return {
-            file,
-            input: filepath,
-            output: [
-                {
-                    file: path.resolve(packageDir, './dist', file.replace(/(\.(j|t)s)$/, '.es.js')),
-                    format: 'es',
-                    exports: 'named',
-                    sourcemap: false
-                },
-                {
-                    file: path.resolve(packageDir, './dist', file.replace(/(\.(j|t)s)$/, '.iife.js')),
-                    format: 'iife',
-                    name: packageName,
-                },
-                {
-                    file: path.resolve(packageDir, './dist', file.replace(/(\.(j|t)s)$/, '.cjs.js')),
-                    format: 'cjs'
-                }
-            ].filter(i => {
-                return commandOptions.scriptFormats.includes(i.format);
-            })
-        };
-    });
-    const external = Object
-        .keys({
-        ...packageOptions.dependencies,
-        ...packageOptions.peerDependencies
-    })
-        .map(i => new RegExp(`^${i}$`));
-    const source = workspace ? `${workspace}/${packageFolderName}/**/*` : 'src/**/*';
-    const shims = workspace ? `${workspace}/shims.d.ts` : 'shims.d.ts';
-    const outDir = workspace ? `${workspace}/${packageFolderName}/dist` : 'dist';
-    const stats = [];
-    await scripts
-        .reduce((preProcess, current) => {
-        preProcess = preProcess
-            .then(() => rollup({
-            input: current.input,
-            external: [
-                /^node:/,
-                /^[a-zA-Z@]/,
-                ...external
-            ],
-            plugins: [
-                typescript({
-                    include: [source, shims],
-                    exclude: ['dist'],
-                    compilerOptions: {
-                        rootDir: '.',
-                        outDir,
-                        declaration: /^index.ts$/.test(current.file)
-                    }
-                }),
-                commonjs({ extensions: ['.js', '.ts'] }),
-                nodeResolve(),
-                replace({
-                    '1.1.1': `'${packageOptions.version}'`,
-                    false: 'false',
-                    true: true
-                })
-            ]
-        }))
-            .then((builder) => Promise.all(current.output.map(builder.write)))
-            .then(() => Promise.all(current.output.map((i) => fs.stat(i.file))))
-            .then((stats$) => {
-            stats$.forEach((stat, index) => {
-                stats.push({
-                    file: current.file,
-                    format: current.output[index].format,
-                    size: stat.size
-                });
-            });
-        });
-        return preProcess;
-    }, Promise.resolve());
+  const locals = Locals.impl();
+  const { cwd } = locals;
+  const { packageName, packageDir, packageOptions } = options || {};
+  const stats = [];
+  const srcDir = path.resolve(packageDir, "./src");
+  const outDir = path.resolve(packageDir, "./dist");
+  let files = fs.existsSync(srcDir) ? fs.readdirSync(srcDir).filter((i) => /^index(.*)\.(t|j)s$/.test(i)) : [];
+  if (!files.length)
     return stats;
+  process.env.BUILD_OPTIONS = encodeURIComponent(JSON.stringify({
+    files,
+    packageName,
+    packageDir,
+    packageOptions
+  }));
+  let options$ = {};
+  if (fs.existsSync(`${cwd}/build.config.ts`)) {
+    options$.configFile = path.relative(cwd, path.resolve(cwd, "./build.config.ts"));
+  } else if (fs.existsSync(`${cwd}/z.build.config.ts`)) {
+    options$.configFile = path.relative(cwd, path.resolve(cwd, "./z.build.config.ts"));
+  } else {
+    options$.configFile = path.relative(cwd, path.resolve(dirname$1, "../shared.config.ts"));
+  }
+  await build$1(options$);
+  let outputs = fs.readdirSync(outDir).filter((i) => /^index(.*)(?!=\.d)\.js$/.test(i));
+  outputs.forEach((file) => {
+    let stat = fs.statSync(path.resolve(outDir, file));
+    stats.push({
+      file: file.replace(/^(.*)(\..*\.js)/, "$1.ts"),
+      format: file.replace(/.*\.(.*)\.js/, "$1"),
+      size: stat.size
+    });
+  });
+  return stats;
 };
 
 const run$2 = async (options) => {
-    const { packageDir } = options || {};
-    const srcDir = path.resolve(packageDir, './src');
-    const styles = fs.readdirSync(srcDir).filter((i) => /^index(.*)\.s?css$/.test(i));
-    const stats = [];
-    await styles
-        .reduce((preProcess, file) => {
-        preProcess = preProcess
-            .then(() => {
-            let filepath = path.resolve(srcDir, file);
-            const data = sass.compile(filepath, { style: 'compressed' });
-            return postcss()
-                .use(atImport())
-                .use(atUrl())
-                .use(flexBugs())
-                .use(cssnano())
-                .use(autoprefixer({ remove: false }))
-                .process(data.css, { from: filepath });
-        })
-            .then((source) => {
-            let output = path.resolve(packageDir, `./dist/${file.replace(/\.scss$/g, '.css')}`);
-            fs.outputFileSync(output, source.css);
-            return fs.stat(output);
-        })
-            .then((stat) => {
-            stats.push({
-                file,
-                size: stat.size
-            });
+  const { packageDir } = options || {};
+  const srcDir = path.resolve(packageDir, "./src");
+  const styles = fs.existsSync(srcDir) ? fs.readdirSync(srcDir).filter((i) => /^index(.*)\.s?css$/.test(i)) : [];
+  const stats = [];
+  await styles.reduce(
+    (preProcess, file) => {
+      preProcess = preProcess.then(() => {
+        let filepath = path.resolve(srcDir, file);
+        const data = sass.compile(filepath, { style: "compressed" });
+        return postcss().use(atImport()).use(atUrl()).use(flexBugs()).use(cssnano()).use(autoprefixer({ remove: false })).process(data.css, { from: filepath });
+      }).then((source) => {
+        let output = path.resolve(packageDir, `./dist/${file.replace(/\.scss$/g, ".css")}`);
+        fs.outputFileSync(output, source.css);
+        return fs.stat(output);
+      }).then((stat) => {
+        stats.push({
+          file,
+          size: stat.size
         });
-        return preProcess;
-    }, Promise.resolve());
-    return stats;
+      });
+      return preProcess;
+    },
+    Promise.resolve()
+  );
+  return stats;
 };
 
+const dirname = path.dirname(fileURLToPath(import.meta.url));
 const run$1 = async (options) => {
-    const { workspace } = Locals.impl();
-    const { packageDir, packageOptions } = options;
-    if (workspace && packageOptions?.scripts?.['build:types']) {
-        await Shell.spawn(`npm`, ['run', 'build:types'], {
-            cwd: packageDir
-        });
-        return;
+  const { workspace } = Locals.impl();
+  const { packageDir, packageFolderName, packageOptions, commandOptions } = options;
+  const done = () => {
+    const stats = [];
+    let fullpath = `${packageDir}/dist/index.d.ts`;
+    if (fs.existsSync(fullpath)) {
+      let stat = fs.statSync(fullpath);
+      stats.push({
+        file: "index.d.ts",
+        size: stat.size
+      });
     }
-    const config = path.resolve(packageDir, `api-extractor.json`);
-    if (fs.existsSync(config)) {
-        const result = Extractor.invoke(ExtractorConfig.loadFileAndPrepare(config), {
-            localBuild: true,
-            showVerboseMessages: false
-        });
-        if (!result.succeeded) {
-            Logger.error(`API Extractor completed with ${result.errorCount} errors and ${result.warningCount} warnings`);
-            process.exitCode = 1;
+    return stats;
+  };
+  if (!commandOptions.dts) {
+    return done();
+  }
+  if (workspace && packageOptions?.scripts?.["build:types"]) {
+    await Shell.spawn(`npm`, ["run", "build:types"], {
+      cwd: packageDir
+    });
+    return done();
+  }
+  let tempDir = `${packageDir}/dist/temp`;
+  let rootDir = path.relative(tempDir, process.cwd());
+  fs.outputFileSync(`${tempDir}/tsconfig.json`, JSON.stringify({
+    extends: `${rootDir}/tsconfig.json`,
+    compilerOptions: {
+      declaration: true,
+      emitDeclarationOnly: true,
+      rootDir,
+      outDir: "."
+    },
+    include: [
+      path.relative(tempDir, path.resolve(packageDir, `src/*`))
+    ]
+  }, null, "	"));
+  await Shell.spawn("tsc", ["-p", `${tempDir}/tsconfig.json`]);
+  const configPath = `${tempDir}/api-extractor.json`;
+  fs.outputFileSync(configPath, JSON.stringify({
+    extends: path.relative(tempDir, path.resolve(dirname, "../api-extractor.shared.json")),
+    mainEntryPointFilePath: `.${workspace ? "/packages/" : ""}${packageFolderName}/src/index.d.ts`,
+    // workspace、时以temp/packages/*/src结构，否则APIExtractor会报错
+    dtsRollup: {
+      publicTrimmedFilePath: "../index.d.ts"
+    }
+  }, null, "	"));
+  const result = Extractor.invoke(
+    ExtractorConfig.loadFileAndPrepare(configPath),
+    {
+      localBuild: true,
+      showVerboseMessages: false,
+      // 去掉版本提示
+      messageCallback: (message) => {
+        if (message.messageId === "console-compiler-version-notice" || message.messageId === "console-preamble") {
+          message.handled = true;
         }
+      }
     }
-    await fs.remove(`${packageDir}/dist/${workspace || 'src'}`);
+  );
+  if (!result.succeeded) {
+    Logger.error(
+      `API Extractor completed with ${result.errorCount} errors and ${result.warningCount} warnings`
+    );
+    process.exitCode = 1;
+  }
+  await fs.remove(`${packageDir}/dist/temp`);
+  return done();
 };
 
 const require$ = createRequire(process.cwd());
 class Build {
-    packageDir;
-    packageFolderName;
-    packageSourceDir;
-    packageName;
-    packageOptions;
-    commandOptions;
-    constructor(packageFolderName, commandOptions) {
-        const { workspace, packageDir, packageName, packageFolderName: packageFolderName$ } = Locals.impl();
-        this.packageFolderName = packageFolderName || '';
-        this.packageDir = path.resolve(packageDir, workspace ? `./${packageFolderName}` : '');
-        this.packageSourceDir = path.resolve(packageDir, './src');
-        this.packageName = packageFolderName === packageFolderName$
-            ? packageName
-            : `${packageName}-${packageFolderName}`;
-        this.packageOptions = require$(`${this.packageDir}/package.json`);
-        this.commandOptions = commandOptions;
+  packageDir;
+  packageFolderName;
+  packageSourceDir;
+  packageName;
+  packageOptions;
+  commandOptions;
+  constructor(packageFolderName, commandOptions) {
+    const { workspace, packageDir, packageName, packageFolderName: packageFolderName$ } = Locals.impl();
+    this.packageFolderName = packageFolderName || "";
+    this.packageDir = path.resolve(packageDir, workspace ? `./${packageFolderName}` : "");
+    this.packageSourceDir = path.resolve(packageDir, "./src");
+    this.packageName = packageFolderName === packageFolderName$ ? packageName : `${packageName}-${packageFolderName}`;
+    this.packageOptions = require$(`${this.packageDir}/package.json`);
+    this.commandOptions = commandOptions;
+  }
+  async process() {
+    let start = Date.now();
+    const { cwd, workspace } = Locals.impl();
+    const { packageOptions, packageName, packageDir } = this;
+    if (workspace && packageOptions?.scripts?.build && packageDir !== cwd) {
+      await Shell.spawn(`npm`, ["run", "build"], {
+        cwd: packageDir
+      });
+      return;
     }
-    async process() {
-        const { cwd, workspace } = Locals.impl();
-        const { packageOptions, packageName, packageDir } = this;
-        if (workspace
-            && packageOptions?.scripts?.build
-            && packageDir !== cwd) {
-            await Shell.spawn(`npm`, ['run', 'build'], {
-                cwd: packageDir
-            });
-            return;
-        }
-        const srcDir = path.resolve(packageDir, './src');
-        let files = fs.existsSync(srcDir)
-            ? fs
-                .readdirSync(srcDir)
-                .filter((i) => /^index(.*)\.(ts|js|s?css)$/.test(i))
-            : [];
-        if (!files.length)
-            return;
-        const spinner = ora(`${packageName} Build ...`);
-        try {
-            spinner.start();
-            await fs.emptyDir(`${packageDir}/dist`);
-            const styleStats = await run$2(this);
-            const scriptStats = await run$3(this);
-            run$1(this);
-            spinner.stop();
-            Logger.log(`${chalk.cyan(`${packageName}`)}: ${chalk.green('Success')}`);
-            scriptStats.forEach((stat) => {
-                Logger.log(`${chalk.magenta(stat.file)}: ${chalk.green(stat.format.toUpperCase())} - ${Utils.formatBytes(stat.size)}`);
-            });
-            styleStats.forEach((stat) => {
-                Logger.log(`${chalk.magenta(stat.file)}: ${Utils.formatBytes(stat.size)}`);
-            });
-        }
-        catch (e) {
-            Logger.log('Error!', e);
-            throw e;
-        }
+    const srcDir = path.resolve(packageDir, "./src");
+    let files = fs.existsSync(srcDir) ? fs.readdirSync(srcDir).filter((i) => /^index(.*)\.(ts|js|s?css)$/.test(i)) : [];
+    if (!files.length)
+      return;
+    const spinner = ora(`${packageName} Build ...`);
+    try {
+      spinner.start();
+      await fs.emptyDir(`${packageDir}/dist`);
+      const scriptStats = await run$3(this);
+      const scriptDuration = Date.now() - start;
+      const styleStats = await run$2(this);
+      const styleDuration = Date.now() - start - scriptDuration;
+      const typeStats = await run$1(this);
+      const typeDuration = Date.now() - start - styleDuration - scriptDuration;
+      spinner.stop();
+      let message = "";
+      message += `${chalk.cyan(`${packageName}`)}: ${chalk.green("Success")} ${chalk.blue(`${Date.now() - start}ms`)}(`;
+      message += styleStats.length ? `css: ${chalk.yellow(styleDuration)}ms; ` : "";
+      message += scriptStats.length ? `js: ${chalk.yellow(scriptDuration)}ms${typeStats.length ? "; " : ""}` : "";
+      message += typeStats.length ? `dts: ${chalk.yellow(typeDuration)}ms` : "";
+      message += ")";
+      Logger.log(message);
+      scriptStats.concat(styleStats).concat(typeStats).forEach((stat) => {
+        let message$ = "";
+        message$ += `${chalk.magenta(stat.file)}: `;
+        message$ += stat.format ? `${chalk.green(stat.format.toUpperCase())} - ` : "";
+        message$ += `${Utils.formatBytes(stat.size)}`;
+        Logger.log(message$);
+      });
+    } catch (e) {
+      Logger.log("Error!", e);
+      throw e;
     }
+  }
 }
 const build = (options, commandOptions) => {
-    return new Build(options, commandOptions);
+  return new Build(options, commandOptions);
 };
 
 const run = (options) => Utils.autoCatch(async () => {
-    options = {
-        scriptFormats: 'es,cjs',
-        ...options
-    };
-    const locals = Locals.impl();
-    if (typeof options.dryRun === 'undefined') {
-        options.dryRun = process.env.NODE_ENV === 'UNIT';
-    }
-    const { normalizePackageFolderNames } = Locals.impl();
-    let packageFolderName = Locals.getPackageFolderName(options.packageName || '*');
-    let inputs = [];
-    if (locals.workspace && packageFolderName === '*') {
-        inputs = normalizePackageFolderNames;
-    }
-    else {
-        inputs = [packageFolderName];
-    }
-    if (options.dryRun)
-        return Shell.spawn(`echo ${inputs.join(' ')}`);
-    await inputs
-        .reduce((preProcess, packageFolderName$) => {
-        preProcess = preProcess.then(() => build(packageFolderName$, options).process());
-        return preProcess;
-    }, Promise.resolve());
+  options = {
+    scriptFormats: "es,cjs",
+    ...options
+  };
+  const locals = Locals.impl();
+  if (typeof options.dryRun === "undefined") {
+    options.dryRun = process.env.NODE_ENV === "UNIT";
+  }
+  const { normalizePackageFolderNames } = Locals.impl();
+  let packageFolderName = Locals.getPackageFolderName(options.packageName || "*");
+  let inputs = [];
+  if (locals.workspace && packageFolderName === "*") {
+    inputs = normalizePackageFolderNames;
+  } else {
+    inputs = [packageFolderName];
+  }
+  if (options.dryRun)
+    return Shell.spawn(`echo ${inputs.join(" ")}`);
+  await inputs.reduce(
+    (preProcess, packageFolderName$) => {
+      preProcess = preProcess.then(() => build(packageFolderName$, options).process());
+      return preProcess;
+    },
+    Promise.resolve()
+  );
 }, {
-    onError: (e) => {
-        if (typeof e === 'number' && e === 1) {
-            Logger.error('编译未通过');
-        }
-        else {
-            Logger.error(e);
-        }
-        process.exit(1);
+  onError: (e) => {
+    if (typeof e === "number" && e === 1) {
+      Logger.error("编译未通过");
+    } else {
+      Logger.error(e);
     }
+    process.exit(1);
+  }
 });
 
 export { run };

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@deot/dev-builder",
-  "version": "1.1.2",
+  "version": "2.0.1",
   "main": "dist/index.es.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
   "type": "module",
   "files": [
-    "dist"
+    "dist",
+    "api-extractor.shared.json",
+    "shared.config.ts"
   ],
   "license": "MIT",
   "publishConfig": {
@@ -21,25 +23,21 @@
     }
   },
   "dependencies": {
-    "@deot/dev-shared": "^1.1.1",
-    "@microsoft/api-extractor": "^7.34.4",
-    "@rollup/plugin-commonjs": "^24.1.0",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-replace": "^5.0.2",
-    "@rollup/plugin-typescript": "^11.1.0",
+    "@deot/dev-shared": "^2.0.0",
+    "@microsoft/api-extractor": "^7.35.1",
     "autoprefixer": "^10.4.14",
     "chalk": "^5.2.0",
     "cssnano": "^5.1.15",
     "fs-extra": "^11.1.1",
     "ora": "^6.1.2",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.24",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-import": "^15.1.0",
     "postcss-url": "^10.1.3",
-    "rollup": "^3.20.5",
-    "sass": "^1.60.0"
+    "sass": "^1.62.1",
+    "vite": "^4.3.9"
   },
   "devDependencies": {
-    "typescript": "^5.0.4"
+    "typescript": "^5.1.3"
   }
 }

package/shared.config.ts

@@ -0,0 +1,55 @@
+import * as path from 'node:path';
+import { defineConfig } from 'vite';
+import atImport from "postcss-import";
+import atUrl from "postcss-url";
+import flexBugs from "postcss-flexbugs-fixes";
+import cssnano from "cssnano";
+import autoprefixer from "autoprefixer";
+
+// options
+const buildOptions = JSON.parse(decodeURIComponent(process.env.BUILD_OPTIONS || '{}'));
+
+const { files = [], packageName, packageDir, packageOptions = {} } = buildOptions;
+
+const external = Object
+	.keys({ 
+		...packageOptions.dependencies, 
+		...packageOptions.peerDependencies 
+	})
+	.map(i => new RegExp(`^${i}$`));
+
+export default defineConfig({
+	plugins: [],
+	logLevel: 'silent',
+	css: {
+		postcss: {
+			plugins: [
+				atImport(),
+				atUrl(),
+				flexBugs(),
+				cssnano(),
+				autoprefixer({ remove: false })
+			]
+		}
+	},
+	build: {
+		minify: false,
+		target: 'esnext',
+		outDir: path.resolve(packageDir, './dist'),
+		lib: {
+			entry: files.map((file: string) => path.resolve(packageDir, './src', file)),
+			formats: ['es', 'cjs'], // iife需要控制单独控制external，目前还做不到
+			name: packageName,
+			fileName: (format, entryName) => {
+				return `${entryName}.${format}.js`;
+			}
+		},
+		rollupOptions: {
+			external: [
+				/^node:/,
+				/^[a-zA-Z@]/,
+				...external
+			]
+		}
+	}
+});