lvyjs 0.2.14 → 0.2.15

package/lib/rullup/index.d.ts

@@ -7,11 +7,11 @@
  * @param inputs
  * @param output
  */
-declare const buildJS: (inputs: string[]) => Promise<void>
+declare const buildJS: (inputs: string[]) => Promise<void>;
 /**
  *
  * @param script
  */
-declare function buildAndRun(): Promise<void>
+declare function buildAndRun(): Promise<void>;
 
-export { buildAndRun, buildJS }
+export { buildAndRun, buildJS };

package/lib/rullup/index.js

@@ -1,14 +1,16 @@
-import { rollup } from 'rollup'
-import { join } from 'path'
-import typescript from '@rollup/plugin-typescript'
-import commonjs from '@rollup/plugin-commonjs'
-import json from '@rollup/plugin-json'
-import styles from 'rollup-plugin-styles'
-import { getScriptFiles } from './utils/files.js'
-import alias from '@rollup/plugin-alias'
-import { rollupStylesCSSImport } from './plugins/loader-css.js'
-import { rollupAssets } from './plugins/loader-files.js'
-import { createAlias } from '../config.js'
+import { rollup } from 'rollup';
+import { join } from 'path';
+import typescript from '@rollup/plugin-typescript';
+import commonjs from '@rollup/plugin-commonjs';
+import json from '@rollup/plugin-json';
+import styles from 'rollup-plugin-styles';
+import { getScriptFiles } from './utils/files.js';
+import alias from '@rollup/plugin-alias';
+import { rollupStylesCSSImport } from './plugins/loader-css.js';
+import { rollupAssets } from './plugins/loader-files.js';
+import { createAlias } from '../config.js';
+import { statSync, readFileSync } from 'fs';
+import zlib from 'zlib';
 
 /**
  * 用于忽略警告
@@ -16,9 +18,10 @@ import { createAlias } from '../config.js'
  * @param warn
  */
 const onwarn = (warning, warn) => {
-  if (warning.code === 'UNRESOLVED_IMPORT') return
-  warn(warning)
-}
+    if (warning.code === 'UNRESOLVED_IMPORT')
+        return;
+    warn(warning);
+};
 /**
  * 打包 JS
  * *** 注意 **
@@ -28,95 +31,114 @@ const onwarn = (warning, warn) => {
  * @param inputs
  * @param output
  */
-const buildJS = async inputs => {
-  if (!global.lvyConfig) global.lvyConfig = {}
-  if (!global.lvyConfig.build) global.lvyConfig.build = {}
-  // 插件
-  const plugins = []
-  if (typeof global.lvyConfig?.alias !== 'boolean') {
-    plugins.push(alias(global.lvyConfig?.alias ?? {}))
-  }
-  if (typeof global.lvyConfig?.assets !== 'boolean') {
-    plugins.push(rollupAssets(global.lvyConfig?.assets ?? {}))
-  }
-  if (typeof global.lvyConfig?.styles !== 'boolean') {
-    if (!global.lvyConfig.alias) global.lvyConfig.alias = {}
-    plugins.push(
-      styles({
-        alias: createAlias(global.lvyConfig?.alias),
-        mode: ['inject', () => '']
-      })
-    )
-    plugins.push(rollupStylesCSSImport(global.lvyConfig.styles))
-  }
-  plugins.push(json())
-  if (typeof global.lvyConfig.build != 'boolean') {
-    //
-    for (const key in global.lvyConfig.build) {
-      if (typeof global.lvyConfig.build[key] == 'boolean') {
-        continue
-      }
-      if (key == 'commonjs' && !global.lvyConfig.build['@rollup/plugin-commonjs']) {
-        plugins.push(commonjs(global.lvyConfig.build[key]))
-      } else if (key == 'typescript' && !global.lvyConfig.build['@rollup/plugin-typescript']) {
-        plugins.push(typescript(global.lvyConfig.build[key]))
-      } else if (key == 'OutputOptions') {
-        continue
-      } else if (key == 'RollupOptions') {
-        continue
-      }
+const buildJS = async (inputs) => {
+    if (!global.lvyConfig)
+        global.lvyConfig = {};
+    if (!global.lvyConfig.build)
+        global.lvyConfig.build = {};
+    // 插件
+    const plugins = [];
+    if (typeof global.lvyConfig?.alias !== 'boolean') {
+        plugins.push(alias(global.lvyConfig?.alias ?? {}));
     }
-    // 如果不存在这些配置
-    const keys = ['commonjs', 'typescript']
-    for (const key of keys) {
-      // 如果是布尔值
-      if (typeof global.lvyConfig.build[key] == 'boolean') {
-        continue
-      }
-      // 存在这些配置
-      if (global.lvyConfig.build[key]) {
-        continue
-      }
-      //
-      if (key === 'commonjs') {
-        plugins.push(commonjs())
-      } else if (key === 'typescript') {
-        plugins.push(typescript())
-      }
+    if (typeof global.lvyConfig?.assets !== 'boolean') {
+        plugins.push(rollupAssets(global.lvyConfig?.assets ?? {}));
     }
-  }
-  const RollupOptions = global.lvyConfig?.build?.RollupOptions ?? {}
-  const plg = await RollupOptions?.plugins
-  const pl = plg && typeof plg != 'boolean' ? plg : []
-  // build
-  const bundle = await rollup({
-    input: inputs,
-    onwarn: onwarn,
-    ...RollupOptions,
-    plugins: Array.isArray(pl) ? [...plugins, ...pl] : pl
-  })
-  const OutputOptions = global.lvyConfig?.build?.OutputOptions ?? []
-  // 写入输出文件
-  await bundle.write({
-    dir: 'lib',
-    format: 'es',
-    sourcemap: false,
-    preserveModules: true,
-    assetFileNames: 'assets/[name]-[hash][extname]',
-    ...OutputOptions
-  })
-}
+    if (typeof global.lvyConfig?.styles !== 'boolean') {
+        if (!global.lvyConfig.alias)
+            global.lvyConfig.alias = {};
+        plugins.push(styles({
+            alias: createAlias(global.lvyConfig?.alias),
+            mode: ['inject', () => '']
+        }));
+        plugins.push(rollupStylesCSSImport(global.lvyConfig.styles));
+    }
+    plugins.push(json());
+    if (typeof global.lvyConfig.build != 'boolean') {
+        //
+        for (const key in global.lvyConfig.build) {
+            if (typeof global.lvyConfig.build[key] == 'boolean') {
+                continue;
+            }
+            if (key == 'commonjs' && !global.lvyConfig.build['@rollup/plugin-commonjs']) {
+                plugins.push(commonjs(global.lvyConfig.build[key]));
+            }
+            else if (key == 'typescript' && !global.lvyConfig.build['@rollup/plugin-typescript']) {
+                plugins.push(typescript(global.lvyConfig.build[key]));
+            }
+            else if (key == 'OutputOptions') {
+                continue;
+            }
+            else if (key == 'RollupOptions') {
+                continue;
+            }
+        }
+        // 如果不存在这些配置
+        const keys = ['commonjs', 'typescript'];
+        for (const key of keys) {
+            // 如果是布尔值
+            if (typeof global.lvyConfig.build[key] == 'boolean') {
+                continue;
+            }
+            // 存在这些配置
+            if (global.lvyConfig.build[key]) {
+                continue;
+            }
+            //
+            if (key === 'commonjs') {
+                plugins.push(commonjs());
+            }
+            else if (key === 'typescript') {
+                plugins.push(typescript());
+            }
+        }
+    }
+    const RollupOptions = global.lvyConfig?.build?.RollupOptions ?? {};
+    const plg = await RollupOptions?.plugins;
+    const pl = plg && typeof plg != 'boolean' ? plg : [];
+    // build
+    const bundle = await rollup({
+        input: inputs,
+        onwarn: onwarn,
+        ...RollupOptions,
+        plugins: Array.isArray(pl) ? [...plugins, ...pl] : pl
+    });
+    const OutputOptions = global.lvyConfig?.build?.OutputOptions ?? [];
+    // 获取 dir 的值
+    const outputDir = OutputOptions['dir'] || 'lib';
+    // 写入输出文件
+    const { output } = await bundle.write({
+        dir: outputDir,
+        format: 'es',
+        sourcemap: false,
+        preserveModules: true,
+        assetFileNames: 'assets/[name]-[hash][extname]',
+        ...OutputOptions
+    });
+    // 打印产出地址和文件大小
+    console.log(`✓ ${output.length} modules transformed.`);
+    for (const file of output) {
+        const filePath = join(outputDir, file.fileName);
+        const fileSize = statSync(filePath).size;
+        const fileContent = readFileSync(filePath);
+        const gzipFileSize = zlib.gzipSync(fileContent).length;
+        console.log(`${filePath.padEnd(40)} ${(fileSize / 1024).toFixed(2)} kB │ gzip: ${(gzipFileSize / 1024).toFixed(2)} kB`);
+    }
+    //
+};
 /**
  *
  * @param script
  */
 async function buildAndRun() {
-  if (!global.lvyConfig) global.lvyConfig = {}
-  if (!global.lvyConfig.build) global.lvyConfig.build = {}
-  // rollup 配置
-  let inputDir = global.lvyConfig?.build?.OutputOptions?.input ?? 'src'
-  const inputFiles = getScriptFiles(join(process.cwd(), inputDir))
-  await buildJS(inputFiles)
+    if (!global.lvyConfig)
+        global.lvyConfig = {};
+    if (!global.lvyConfig.build)
+        global.lvyConfig.build = {};
+    // rollup 配置
+    let inputDir = global.lvyConfig?.build?.OutputOptions?.input ?? 'src';
+    const inputFiles = getScriptFiles(join(process.cwd(), inputDir));
+    await buildJS(inputFiles);
 }
 
-export { buildAndRun, buildJS }
+export { buildAndRun, buildJS };

package/lib/rullup/plugins/loader-css.js

@@ -1,54 +1,56 @@
-import { createFilter } from '@rollup/pluginutils'
-import { resolve, dirname, basename } from 'node:path'
-import { stylesRegExp } from '../../config.js'
+import { createFilter } from '@rollup/pluginutils';
+import { basename, resolve, dirname } from 'node:path';
+import { stylesRegExp } from '../../config.js';
 
 /**
  *
  * @returns
  */
-const rollupStylesCSSImport = options => {
-  const include = options?.filter ?? stylesRegExp
-  const filter = createFilter(include, null)
-  return {
-    name: 'c-css',
-    resolveId(source, importer) {
-      if (filter(source) && importer) {
-        return resolve(dirname(importer), source)
-      }
-    },
-    load(id) {
-      if (filter(id)) this.addWatchFile(resolve(id))
-      return null
-    },
-    async transform(code, id) {
-      if (!filter(id)) return null
-      // 删除 export default css
-      const codex = code.replace(/(export|default css)/g, '')
-      // 使用 eval 执行代码并获取默认导出的值
-      const evalCode = `
+const rollupStylesCSSImport = (options) => {
+    const include = options?.filter ?? stylesRegExp;
+    const filter = createFilter(include, null);
+    return {
+        name: 'c-css',
+        resolveId(source, importer) {
+            if (filter(source) && importer) {
+                return resolve(dirname(importer), source);
+            }
+        },
+        load(id) {
+            if (filter(id))
+                this.addWatchFile(resolve(id));
+            return null;
+        },
+        async transform(code, id) {
+            if (!filter(id))
+                return null;
+            // 删除 export default css
+            const codex = code.replace(/(export|default css)/g, '');
+            // 使用 eval 执行代码并获取默认导出的值
+            const evalCode = `
     (() => {
         ${codex}  
         return css;  
     })()
-`
-      // 得到css变量的值
-      const csscode = eval(evalCode)
-      // 确保最后生产的css文件
-      const refeId = this.emitFile({
-        // 属于静态资源
-        type: 'asset',
-        name: basename(`${id}.css`),
-        // 内容
-        source: csscode
-      })
-      const contents = [
-        `const reg = ['win32'].includes(process.platform) ? /^file:\\/\\/\\// : /^file:\\/\\// ;`,
-        `const fileUrl = import.meta.ROLLUP_FILE_URL_${refeId}.replace(reg, '');`,
-        'export default fileUrl;'
-      ].join('\n')
-      return contents
-    }
-  }
-}
+`;
+            // 得到css变量的值
+            const csscode = eval(evalCode);
+            // 确保最后生产的css文件
+            const refeId = this.emitFile({
+                // 属于静态资源
+                type: 'asset',
+                name: basename(`${id}.css`),
+                // 内容
+                source: csscode
+            });
+            const contents = [
+                `const reg = ['win32'].includes(process.platform) ? /^file:\\/\\/\\// : /^file:\\/\\// ;`,
+                `const fileUrl = import.meta.ROLLUP_FILE_URL_${refeId}.replace(reg, '');`,
+                'export default fileUrl;'
+            ].join('\n');
+            return contents;
+        }
+    };
+};
 
-export { rollupStylesCSSImport }
+export { rollupStylesCSSImport };

package/lib/rullup/plugins/loader-files.js

@@ -1,36 +1,36 @@
-import { resolve, dirname, basename } from 'path'
-import { readFileSync } from 'fs'
-import { assetsRegExp } from '../../config.js'
+import { basename, resolve, dirname } from 'path';
+import { readFileSync } from 'fs';
+import { assetsRegExp } from '../../config.js';
 
 /**
  * @param {Object} options
  * @returns {Object}
  */
-const rollupAssets = options => {
-  const { filter = assetsRegExp } = options ?? {}
-  return {
-    name: 'rollup-node-files',
-    resolveId(source, importer) {
-      if (filter.test(source) && importer) {
-        return resolve(dirname(importer), source)
-      }
-    },
-    load(id) {
-      if (filter.test(id)) {
-        const referenceId = this.emitFile({
-          type: 'asset',
-          name: basename(id),
-          source: readFileSync(id)
-        })
-        const contents = [
-          `const reg = ['win32'].includes(process.platform) ? /^file:\\/\\/\\// : /^file:\\/\\// ;`,
-          `const fileUrl = import.meta.ROLLUP_FILE_URL_${referenceId}.replace(reg, '');`,
-          'export default fileUrl;'
-        ].join('\n')
-        return contents
-      }
-    }
-  }
-}
+const rollupAssets = (options) => {
+    const { filter = assetsRegExp } = options ?? {};
+    return {
+        name: 'rollup-node-files',
+        resolveId(source, importer) {
+            if (filter.test(source) && importer) {
+                return resolve(dirname(importer), source);
+            }
+        },
+        load(id) {
+            if (filter.test(id)) {
+                const referenceId = this.emitFile({
+                    type: 'asset',
+                    name: basename(id),
+                    source: readFileSync(id)
+                });
+                const contents = [
+                    `const reg = ['win32'].includes(process.platform) ? /^file:\\/\\/\\// : /^file:\\/\\// ;`,
+                    `const fileUrl = import.meta.ROLLUP_FILE_URL_${referenceId}.replace(reg, '');`,
+                    'export default fileUrl;'
+                ].join('\n');
+                return contents;
+            }
+        }
+    };
+};
 
-export { rollupAssets }
+export { rollupAssets };

package/lib/rullup/utils/files.js

@@ -1,27 +1,26 @@
-import { join } from 'path'
-import { readdirSync } from 'fs'
+import { join } from 'path';
+import { readdirSync } from 'fs';
 
 /**
  * 获取指定目录下的所有 ts、js、jsx、tsx 文件
  * @param dir 目录路径
  * @returns 文件路径数组
  */
-const getScriptFiles = dir => {
-  const results = []
-  const list = readdirSync(dir, { withFileTypes: true })
-  list.forEach(item => {
-    const fullPath = join(dir, item.name)
-    if (item.isDirectory()) {
-      results.push(...getScriptFiles(fullPath))
-    } else if (
-      item.isFile() &&
-      /\.(ts|js|jsx|tsx)$/.test(item.name) &&
-      !item.name.endsWith('.d.ts')
-    ) {
-      results.push(fullPath)
-    }
-  })
-  return results
-}
+const getScriptFiles = (dir) => {
+    const results = [];
+    const list = readdirSync(dir, { withFileTypes: true });
+    list.forEach(item => {
+        const fullPath = join(dir, item.name);
+        if (item.isDirectory()) {
+            results.push(...getScriptFiles(fullPath));
+        }
+        else if (item.isFile() &&
+            /\.(ts|js|jsx|tsx)$/.test(item.name) &&
+            !item.name.endsWith('.d.ts')) {
+            results.push(fullPath);
+        }
+    });
+    return results;
+};
 
-export { getScriptFiles }
+export { getScriptFiles };

package/lib/store.d.ts

@@ -1,106 +1,88 @@
-import { RollupCommonJSOptions } from '@rollup/plugin-commonjs'
-import { RollupTypescriptOptions } from '@rollup/plugin-typescript'
-import { RollupOptions, OutputOptions } from 'rollup'
-import { Alias } from './typing.js'
+import { RollupCommonJSOptions } from '@rollup/plugin-commonjs';
+import { RollupTypescriptOptions } from '@rollup/plugin-typescript';
+import { RollupOptions, OutputOptions } from 'rollup';
+import { Alias } from './typing.js';
 
-type PluginsValue = (options: Options) => void
-type PluginsCallBack =
-  | PluginsValue
-  | {
-      load?: PluginsValue
-      build?: PluginsValue
-    }
-type PluginsOptions = (options: Options) => PluginsCallBack | void
+type PluginsValue = (options: Options) => void;
+type PluginsCallBack = PluginsValue | {
+    load?: PluginsValue;
+    build?: PluginsValue;
+};
+type PluginsOptions = (options: Options) => PluginsCallBack | void;
 type Options = {
-  /**
-   * 配置调整机及其回调插件
-   */
-  plugins?: PluginsOptions[]
-  /**
-   * 别名
-   */
-  alias?:
-    | {
+    /**
+     * 配置调整机及其回调插件
+     */
+    plugins?: PluginsOptions[];
+    /**
+     * 别名
+     */
+    alias?: {
         /**
          * 别名规则
          */
-        entries?: Alias[]
-      }
-    | false
-  /**
-   * 静态资源识别
-   */
-  assets?:
-    | {
+        entries?: Alias[];
+    } | false;
+    /**
+     * 静态资源识别
+     */
+    assets?: {
         /**
          * 过滤得到指定格式的文件识别之为静态资源
          */
-        filter?: RegExp
-      }
-    | false
-  styles?:
-    | {
+        filter?: RegExp;
+    } | false;
+    styles?: {
         /**
          * 过滤得到指定格式的文件识别之为静态资源
          */
-        filter?: RegExp
-      }
-    | false
-  /**
-   * 打包时配置
-   */
-  build?:
-    | {
+        filter?: RegExp;
+    } | false;
+    /**
+     * 打包时配置
+     */
+    build?: {
         /**
          * cjs文件处理
          */
-        commonjs?: RollupCommonJSOptions | false
+        commonjs?: RollupCommonJSOptions | false;
         /**
          * ts配置
          */
-        typescript?: RollupTypescriptOptions | false
+        typescript?: RollupTypescriptOptions | false;
         /**
          *
          */
-        RollupOptions?: RollupOptions
+        RollupOptions?: RollupOptions;
         /**
          *
          */
         OutputOptions?: OutputOptions & {
-          /**
-           * 默认 src
-           */
-          input?: string
-        }
-      }
-    | false
-}
+            /**
+             * 默认 src
+             */
+            input?: string;
+        };
+    } | false;
+};
 /**
  *
  */
 declare global {
-  var lvyConfig: Options
+    var lvyConfig: Options;
 }
 /**
  *
  */
-declare const initConfig: () => Promise<void>
+declare const initConfig: () => Promise<void>;
 /**
  * @returns
  */
-declare const getOptions: () => Options
+declare const getOptions: () => Options;
 /**
  * @param param0
  * @returns
  */
-declare const defineConfig: (optoins?: Options) => Options | undefined
+declare const defineConfig: (optoins?: Options) => Options | undefined;
 
-export {
-  type Options,
-  type PluginsCallBack,
-  type PluginsOptions,
-  type PluginsValue,
-  defineConfig,
-  getOptions,
-  initConfig
-}
+export { type Options, type PluginsCallBack, type PluginsOptions, type PluginsValue, defineConfig, getOptions, initConfig };