lvyjs 0.2.17 → 0.2.18

package/lib/postcss.js

@@ -1,42 +1,36 @@
-import fs from 'fs'
-import postcss from 'postcss'
-import { createRequire } from 'module'
-import { join, resolve, dirname, isAbsolute } from 'path'
-import { convertPath, createAlias } from './config.js'
+import fs from 'fs';
+import postcss from 'postcss';
+import { createRequire } from 'module';
+import { join, resolve, dirname, isAbsolute } from 'path';
+import { convertPath, createAlias } from './config.js';
 
-const require = createRequire(import.meta.url)
+const require = createRequire(import.meta.url);
 const config = {
-  css: null,
-  sass: null,
-  less: null,
-  scss: null
-}
+    css: null,
+    sass: null,
+    less: null,
+    scss: null
+};
 function LessAliasPlugin(aliases) {
-  return {
-    install: function (less, pluginManager) {
-      const AliasFileManager = new less.FileManager()
-      AliasFileManager.loadFile = function (filename, currentDirectory, options, environment) {
-        // 替换路径中的别名
-        for (const alias in aliases) {
-          if (filename.startsWith(alias)) {
-            filename = filename.replace(alias, aliases[alias])
-            break
-          }
-        }
-        const fullPath = isAbsolute(filename) ? filename : resolve(currentDirectory, filename)
-        return less.FileManager.prototype.loadFile.call(
-          this,
-          fullPath,
-          currentDirectory,
-          options,
-          environment
-        )
-      }
-      // 注册自定义文件管理器
-      pluginManager.addFileManager(AliasFileManager)
-    },
-    minVersion: [3, 0] // 支持的最低 LESS 版本
-  }
+    return {
+        install: function (less, pluginManager) {
+            const AliasFileManager = new less.FileManager();
+            AliasFileManager.loadFile = function (filename, currentDirectory, options, environment) {
+                // 替换路径中的别名
+                for (const alias in aliases) {
+                    if (filename.startsWith(alias)) {
+                        filename = filename.replace(alias, aliases[alias]);
+                        break;
+                    }
+                }
+                const fullPath = isAbsolute(filename) ? filename : resolve(currentDirectory, filename);
+                return less.FileManager.prototype.loadFile.call(this, fullPath, currentDirectory, options, environment);
+            };
+            // 注册自定义文件管理器
+            pluginManager.addFileManager(AliasFileManager);
+        },
+        minVersion: [3, 0] // 支持的最低 LESS 版本
+    };
 }
 /**
  *
@@ -45,92 +39,95 @@ function LessAliasPlugin(aliases) {
  * @returns
  */
 const loadPostcssConfig = (configPath, typing) => {
-  if (config[typing]) {
-    return {
-      plugins: config[typing]
+    if (config[typing]) {
+        return {
+            plugins: config[typing]
+        };
     }
-  }
-  const plugins = []
-  let aliasEntries = []
-  if (typeof global.lvyConfig?.alias != 'boolean') {
-    aliasEntries = global.lvyConfig.alias?.entries || []
-  }
-  const includeKeys = ['postcss-import', 'postcss-url', 'autoprefixer']
-  //
-  if (aliasEntries.length > 0) {
-    // 创建 postcss-import 插件并配置别名解析
-    try {
-      plugins.push(
-        require('postcss-import')({
-          resolve: (id, basedir) => {
-            // 检查别名
-            for (const entry of aliasEntries) {
-              if (id.startsWith(entry.find)) {
-                const aliasedPath = id.replace(entry.find, entry.replacement)
-                return convertPath(resolve(basedir, aliasedPath))
-              }
-            }
-            return id // 默认返回原始路径
-          }
-        })
-      )
-    } catch (err) {
-      console.error(err)
+    const plugins = [];
+    let aliasEntries = [];
+    if (typeof global.lvyConfig?.alias != 'boolean') {
+        aliasEntries = global.lvyConfig.alias?.entries || [];
+    }
+    const includeKeys = ['postcss-import', 'postcss-url', 'autoprefixer'];
+    //
+    if (aliasEntries.length > 0) {
+        // 创建 postcss-import 插件并配置别名解析
+        try {
+            plugins.push(require('postcss-import')({
+                resolve: (id, basedir) => {
+                    // 检查别名
+                    for (const entry of aliasEntries) {
+                        if (id.startsWith(entry.find)) {
+                            const aliasedPath = id.replace(entry.find, entry.replacement);
+                            return convertPath(resolve(basedir, aliasedPath));
+                        }
+                    }
+                    return id; // 默认返回原始路径
+                }
+            }));
+        }
+        catch (err) {
+            console.error(err);
+        }
+        try {
+            plugins.push(require('postcss-url')({
+                url: asset => {
+                    // 使用 resolve 逻辑处理 URL
+                    for (const entry of aliasEntries) {
+                        if (asset.url.startsWith(entry.find)) {
+                            const aliasedPath = asset.url.replace(entry.find, entry.replacement);
+                            return convertPath(aliasedPath);
+                        }
+                    }
+                    return convertPath(asset.url);
+                }
+            }));
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
+    for (let i = 2; i < includeKeys.length; i++) {
+        plugins.push(require(includeKeys[i])({}));
     }
     try {
-      plugins.push(
-        require('postcss-url')({
-          url: asset => {
-            // 使用 resolve 逻辑处理 URL
-            for (const entry of aliasEntries) {
-              if (asset.url.startsWith(entry.find)) {
-                const aliasedPath = asset.url.replace(entry.find, entry.replacement)
-                return convertPath(aliasedPath)
-              }
+        if (fs.existsSync(configPath)) {
+            const cfg = require(configPath);
+            // 添加其他插件
+            if (!Array.isArray(cfg.plugins)) {
+                const keys = Object.keys(cfg.plugins);
+                for (const key of keys) {
+                    try {
+                        if (includeKeys.includes(key))
+                            continue;
+                        const pluginConfig = cfg.plugins[key];
+                        const plugin = require(key);
+                        if (typeof plugin === 'function') {
+                            plugins.push(plugin(pluginConfig));
+                        }
+                        else {
+                            throw new Error(`插件 ${key} 不是有效的 PostCSS 插件函数`);
+                        }
+                    }
+                    catch (err) {
+                        console.error(`加载 PostCSS 插件 ${key} 失败:`, err);
+                    }
+                }
             }
-            return convertPath(asset.url)
-          }
-        })
-      )
-    } catch (err) {
-      console.error(err)
-    }
-  }
-  for (let i = 2; i < includeKeys.length; i++) {
-    plugins.push(require(includeKeys[i])({}))
-  }
-  try {
-    if (fs.existsSync(configPath)) {
-      const cfg = require(configPath)
-      // 添加其他插件
-      if (!Array.isArray(cfg.plugins)) {
-        const keys = Object.keys(cfg.plugins)
-        for (const key of keys) {
-          try {
-            if (includeKeys.includes(key)) continue
-            const pluginConfig = cfg.plugins[key]
-            const plugin = require(key)
-            if (typeof plugin === 'function') {
-              plugins.push(plugin(pluginConfig))
-            } else {
-              throw new Error(`插件 ${key} 不是有效的 PostCSS 插件函数`)
+            else {
+                plugins.push(...cfg.plugins);
             }
-          } catch (err) {
-            console.error(`加载 PostCSS 插件 ${key} 失败:`, err)
-          }
         }
-      } else {
-        plugins.push(...cfg.plugins)
-      }
     }
-  } catch (err) {
-    console.error('加载 PostCSS 配置失败:', err)
-  }
-  config[typing] = plugins
-  return {
-    plugins: config[typing]
-  }
-}
+    catch (err) {
+        console.error('加载 PostCSS 配置失败:', err);
+    }
+    config[typing] = plugins;
+    return {
+        plugins: config[typing]
+    };
+};
 /**
  *
  * @param inputPath
@@ -138,63 +135,68 @@ const loadPostcssConfig = (configPath, typing) => {
  * @returns
  */
 const postCSS = (inputPath, outputPath) => {
-  const configPath = join(process.cwd(), 'postcss.config.cjs')
-  let typing = 'css'
-  let parser = undefined
-  if (/\.sass$/.test(inputPath)) {
-    typing = 'sass'
-  } else if (/\.less$/.test(inputPath)) {
-    typing = 'less'
-  } else if (/\.scss$/.test(inputPath)) {
-    typing = 'scss'
-  }
-  const postcssConfig = loadPostcssConfig(configPath, 'css')
-  if (!postcssConfig) return
-  const readAndProcessCSS = async () => {
-    let css = ''
-    if (typing === 'less') {
-      const less = require('less')
-      const lessResult = await less.render(fs.readFileSync(inputPath, 'utf-8'), {
-        filename: inputPath,
-        plugins: [LessAliasPlugin(createAlias(global.lvyConfig?.alias))] // 使用插件
-      })
-      css = lessResult.css
-    } else if (typing === 'sass' || typing === 'scss') {
-      const sass = require('sass')
-      const sassResult = sass.renderSync({ file: inputPath })
-      css = sassResult.css.toString()
-    } else {
-      css = fs.readFileSync(inputPath, 'utf-8')
+    const configPath = join(process.cwd(), 'postcss.config.cjs');
+    let typing = 'css';
+    let parser = undefined;
+    if (/\.sass$/.test(inputPath)) {
+        typing = 'sass';
     }
-    fs.mkdirSync(dirname(outputPath), { recursive: true })
-    const result = await postcss(postcssConfig.plugins).process(css, {
-      parser: parser,
-      from: inputPath,
-      to: outputPath
-    })
-    fs.writeFileSync(outputPath, result.css)
-    if (result.warnings().length) {
-      result.warnings().forEach(warn => {
-        console.warn(warn.toString())
-      })
+    else if (/\.less$/.test(inputPath)) {
+        typing = 'less';
     }
-    const dependencies = result.messages
-      .filter(msg => msg.type === 'dependency')
-      .map(msg => msg.file)
-    for (const dep of dependencies) {
-      fs.watch(dep, eventType => {
+    else if (/\.scss$/.test(inputPath)) {
+        typing = 'scss';
+    }
+    const postcssConfig = loadPostcssConfig(configPath, 'css');
+    if (!postcssConfig)
+        return;
+    const readAndProcessCSS = async () => {
+        let css = '';
+        if (typing === 'less') {
+            const less = require('less');
+            const lessResult = await less.render(fs.readFileSync(inputPath, 'utf-8'), {
+                filename: inputPath,
+                plugins: [LessAliasPlugin(createAlias(global.lvyConfig?.alias))] // 使用插件
+            });
+            css = lessResult.css;
+        }
+        else if (typing === 'sass' || typing === 'scss') {
+            const sass = require('sass');
+            const sassResult = sass.renderSync({ file: inputPath });
+            css = sassResult.css.toString();
+        }
+        else {
+            css = fs.readFileSync(inputPath, 'utf-8');
+        }
+        fs.mkdirSync(dirname(outputPath), { recursive: true });
+        const result = await postcss(postcssConfig.plugins).process(css, {
+            parser: parser,
+            from: inputPath,
+            to: outputPath
+        });
+        fs.writeFileSync(outputPath, result.css);
+        if (result.warnings().length) {
+            result.warnings().forEach(warn => {
+                console.warn(warn.toString());
+            });
+        }
+        const dependencies = result.messages
+            .filter(msg => msg.type === 'dependency')
+            .map(msg => msg.file);
+        for (const dep of dependencies) {
+            fs.watch(dep, eventType => {
+                if (eventType === 'change') {
+                    readAndProcessCSS();
+                }
+            });
+        }
+    };
+    readAndProcessCSS();
+    fs.watch(inputPath, eventType => {
         if (eventType === 'change') {
-          readAndProcessCSS()
+            readAndProcessCSS();
         }
-      })
-    }
-  }
-  readAndProcessCSS()
-  fs.watch(inputPath, eventType => {
-    if (eventType === 'change') {
-      readAndProcessCSS()
-    }
-  })
-}
+    });
+};
 
-export { LessAliasPlugin as default, postCSS }
+export { LessAliasPlugin as default, postCSS };

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,16 +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 { statSync, readFileSync } from 'fs'
-import zlib from 'zlib'
+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';
 
 /**
  * 用于忽略警告
@@ -18,9 +18,10 @@ import zlib from 'zlib'
  * @param warn
  */
 const onwarn = (warning, warn) => {
-  if (warning.code === 'UNRESOLVED_IMPORT') return
-  warn(warning)
-}
+    if (warning.code === 'UNRESOLVED_IMPORT')
+        return;
+    warn(warning);
+};
 /**
  * 打包 JS
  * *** 注意 **
@@ -30,111 +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 ?? []
-  // 获取 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`
-    )
-  }
-  //
-}
+    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/funcCode.js

@@ -0,0 +1,10 @@
+const createFuncCode = (code) => {
+    return `
+    (() => {
+        ${code}  
+        return css;  
+    })()
+`;
+};
+
+export { createFuncCode };