lvyjs 0.2.14 → 0.2.15

package/README.md

@@ -2,4 +2,4 @@
 
 一款为 node 构建的开发工具
 
-https://github.com/lvyjs/core
+https://github.com/lemonade-lab/lvyjs

package/bin/index.js

@@ -18,9 +18,8 @@ if (!existsSync(tsxDir)) {
   tsxDir = join(process.cwd(), 'node_modules/tsx/dist/cli.mjs')
 }
 if (!existsSync(tsxDir)) {
-  new Error('无法搜寻tsx')
+  new Error('tsx not found')
 }
-
 if (args.includes('build')) {
   const argsx = args.filter(arg => arg !== 'build')
   const msg = fork(tsxDir, [jsdir, '--lvy-build', ...argsx], {

package/lib/config.d.ts

@@ -1,12 +1,12 @@
-declare const assetsRegExp: RegExp
-declare const stylesRegExp: RegExp
+declare const assetsRegExp: RegExp;
+declare const stylesRegExp: RegExp;
 /**
  *
  * @param val
  * @returns
  */
-declare const createAlias: (val: any) => {}
-declare const isWin32: () => boolean
-declare const convertPath: (inputPath: string) => string
+declare const createAlias: (val: any) => {};
+declare const isWin32: () => boolean;
+declare const convertPath: (inputPath: string) => string;
 
-export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp }
+export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp };

package/lib/config.js

@@ -1,23 +1,23 @@
-const assetsRegExp = /\.(png|jpg|jpeg|gif|svg|webp|ico)$/
-const stylesRegExp = /\.(css|scss|less|sass|less)$/
+const assetsRegExp = /\.(png|jpg|jpeg|gif|svg|webp|ico)$/;
+const stylesRegExp = /\.(css|scss|less|sass|less)$/;
 /**
  *
  * @param val
  * @returns
  */
 const createAlias = val => {
-  const alias = {}
-  // 遍历 entries 数组
-  val.entries.forEach(entry => {
-    alias[entry.find] = entry.replacement
-  })
-  return alias
-}
+    const alias = {};
+    // 遍历 entries 数组
+    val.entries.forEach(entry => {
+        alias[entry.find] = entry.replacement;
+    });
+    return alias;
+};
 const isWin32 = () => {
-  return ['win32'].includes(process.platform)
-}
-const convertPath = inputPath => {
-  return isWin32() ? inputPath.replace(/\\/g, '/') : inputPath
-}
+    return ['win32'].includes(process.platform);
+};
+const convertPath = (inputPath) => {
+    return isWin32() ? inputPath.replace(/\\/g, '/') : inputPath;
+};
 
-export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp }
+export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp };

package/lib/index.d.ts

@@ -1,11 +1,3 @@
-export {
-  Options,
-  PluginsCallBack,
-  PluginsOptions,
-  PluginsValue,
-  defineConfig,
-  getOptions,
-  initConfig
-} from './store.js'
-export { buildAndRun, buildJS } from './rullup/index.js'
-export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp } from './config.js'
+export { Options, PluginsCallBack, PluginsOptions, PluginsValue, defineConfig, getOptions, initConfig } from './store.js';
+export { buildAndRun, buildJS } from './rullup/index.js';
+export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp } from './config.js';

package/lib/index.js

@@ -1,71 +1,73 @@
-import { buildAndRun } from './rullup/index.js'
-export { buildJS } from './rullup/index.js'
-import { initConfig } from './store.js'
-export { defineConfig, getOptions } from './store.js'
-export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp } from './config.js'
+import { buildAndRun } from './rullup/index.js';
+export { buildJS } from './rullup/index.js';
+import { initConfig } from './store.js';
+export { defineConfig, getOptions } from './store.js';
+export { assetsRegExp, convertPath, createAlias, isWin32, stylesRegExp } from './config.js';
 
 /**
  * @param input
  */
 const onDev = async () => {
-  const apps = []
-  if (Array.isArray(global.lvyConfig?.plugins)) {
-    // 修改config
-    for (const plugin of global.lvyConfig.plugins) {
-      if (!plugin) {
-        continue
-      }
-      await apps.push(plugin(global.lvyConfig))
+    const apps = [];
+    if (Array.isArray(global.lvyConfig?.plugins)) {
+        // 修改config
+        for (const plugin of global.lvyConfig.plugins) {
+            if (!plugin) {
+                continue;
+            }
+            await apps.push(plugin(global.lvyConfig));
+        }
     }
-  }
-  // 执行loader
-  await import('./main.js')
-  //
-  for (const app of apps) {
-    if (!app) {
-      continue
+    // 执行loader
+    await import('./main.js');
+    //
+    for (const app of apps) {
+        if (!app) {
+            continue;
+        }
+        if (typeof app == 'function') {
+            await app(global.lvyConfig);
+        }
+        else if (typeof app.load == 'function') {
+            app.load(global.lvyConfig);
+        }
     }
-    if (typeof app == 'function') {
-      await app(global.lvyConfig)
-    } else if (typeof app.load == 'function') {
-      app.load(global.lvyConfig)
-    }
-  }
-}
+};
 /**
  * @param input
  */
 const onBuild = async () => {
-  const apps = []
-  if (Array.isArray(global.lvyConfig?.plugins)) {
-    // 修改config
-    for (const plugin of global.lvyConfig.plugins) {
-      if (!plugin) {
-        continue
-      }
-      await apps.push(plugin(global.lvyConfig))
-    }
-  }
-  //
-  for (const app of apps) {
-    if (!app) {
-      continue
+    const apps = [];
+    if (Array.isArray(global.lvyConfig?.plugins)) {
+        // 修改config
+        for (const plugin of global.lvyConfig.plugins) {
+            if (!plugin) {
+                continue;
+            }
+            await apps.push(plugin(global.lvyConfig));
+        }
     }
-    if (typeof app != 'function' && typeof app.build == 'function') {
-      await app.build(global.lvyConfig)
+    //
+    for (const app of apps) {
+        if (!app) {
+            continue;
+        }
+        if (typeof app != 'function' && typeof app.build == 'function') {
+            await app.build(global.lvyConfig);
+        }
     }
-  }
-}
+};
 const main = async () => {
-  if (process.argv.includes('--lvy-dev')) {
-    await initConfig()
-    await onDev()
-  } else if (process.argv.includes('--lvy-build')) {
-    await initConfig()
-    await onBuild()
-    buildAndRun()
-  }
-}
-main()
+    if (process.argv.includes('--lvy-dev')) {
+        await initConfig();
+        await onDev();
+    }
+    else if (process.argv.includes('--lvy-build')) {
+        await initConfig();
+        await onBuild();
+        buildAndRun();
+    }
+};
+main();
 
-export { buildAndRun, initConfig }
+export { buildAndRun, initConfig };

package/lib/main.js

@@ -1,38 +1,36 @@
-import module from 'node:module'
-import { MessageChannel } from 'node:worker_threads'
-import { postCSS } from './postcss.js'
-import { assetsRegExp, stylesRegExp } from './config.js'
+import module from 'node:module';
+import { MessageChannel } from 'node:worker_threads';
+import { postCSS } from './postcss.js';
+import { stylesRegExp, assetsRegExp } from './config.js';
 
 if (!module.register) {
-  throw new Error(
-    `This version of Node.js (${process.version}) does not support module.register(). Please upgrade to Node v18.19 or v20.6 and above.`
-  )
+    throw new Error(`This version of Node.js (${process.version}) does not support module.register(). Please upgrade to Node v18.19 or v20.6 and above.`);
 }
-const { port1, port2 } = new MessageChannel()
-const cache = {}
+const { port1, port2 } = new MessageChannel();
+const cache = {};
 port1.on('message', msg => {
-  if (msg.type == 'CSS_MODULE_GENERATED') {
-    const { from, to } = msg.payload
-    if (!cache[from]) {
-      postCSS(from, to)
-      cache[from] = true
+    if (msg.type == 'CSS_MODULE_GENERATED') {
+        const { from, to } = msg.payload;
+        if (!cache[from]) {
+            postCSS(from, to);
+            cache[from] = true;
+        }
     }
-  }
-})
+});
 // port1.unref()
 module.register('./loader.js', {
-  parentURL: import.meta.url,
-  data: {
-    port: port2,
-    lvyConfig: {
-      alias: global.lvyConfig?.alias,
-      assets: global.lvyConfig?.assets ?? {
-        filter: assetsRegExp
-      },
-      styles: global.lvyConfig?.styles ?? {
-        filter: stylesRegExp
-      }
-    }
-  },
-  transferList: [port2]
-})
+    parentURL: import.meta.url,
+    data: {
+        port: port2,
+        lvyConfig: {
+            alias: global.lvyConfig?.alias,
+            assets: global.lvyConfig?.assets ?? {
+                filter: assetsRegExp
+            },
+            styles: global.lvyConfig?.styles ?? {
+                filter: stylesRegExp
+            }
+        }
+    },
+    transferList: [port2]
+});

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 };