lvyjs 0.2.23 → 0.2.24

package/lib/main.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/lib/main.js

@@ -1,40 +1,40 @@
-import module from 'node:module'
-import { MessageChannel } from 'node:worker_threads'
-import { postCSS } from './postcss.js'
-import { stylesRegExp, assetsRegExp } from './config.js'
+import module from 'node:module';
+import { MessageChannel } from 'node:worker_threads';
+import { initConfig } from './store.js';
+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 = {}
+await initConfig();
+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]) {
-      const formPath = decodeURIComponent(from)
-      postCSS(formPath, to)
-      // postCSS(from, to)
-      cache[from] = true
+    if (msg.type == 'CSS_MODULE_GENERATED') {
+        const { from, to } = msg.payload;
+        if (!cache[from]) {
+            const formPath = decodeURIComponent(from);
+            postCSS(formPath, to);
+            // 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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lvyjs",
-  "version": "0.2.23",
+  "version": "0.2.24",
   "description": "tsx compile script",
   "author": "lemonade",
   "license": "MIT",

package/lib/new-loader/content.js

@@ -1,26 +0,0 @@
-import crypto from 'node:crypto'
-import { convertPath } from '../config.js'
-
-/**
- * 生成静态资源模块内容
- * @param relativePath 相对路径
- */
-const generateModuleContent = relativePath => {
-  const baseURL = decodeURIComponent(relativePath)
-  const contents = [
-    `const reg = ['win32'].includes(process.platform) ? /^file:\\/\\/\\// : /^file:\\/\\// ;`,
-    `const fileUrl = import.meta.resolve('${convertPath(baseURL)}').replace(reg, '');`,
-    'export default fileUrl;'
-  ].join('\n')
-  return contents
-}
-/**
- * 生成随机文件名
- */
-const getRandomName = str => {
-  const hash = crypto.createHash('md5')
-  hash.update(str)
-  return hash.digest('hex')
-}
-
-export { generateModuleContent, getRandomName }

package/lib/new-loader/postcss.js

@@ -1,200 +0,0 @@
-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 config = {
-  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 版本
-  }
-}
-/**
- *
- * @param configPath
- * @param typing
- * @returns
- */
-const loadPostcssConfig = (configPath, 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)
-    }
-    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 {
-    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)
-          }
-        }
-      } else {
-        plugins.push(...cfg.plugins)
-      }
-    }
-  } catch (err) {
-    console.error('加载 PostCSS 配置失败:', err)
-  }
-  config[typing] = plugins
-  return {
-    plugins: config[typing]
-  }
-}
-/**
- *
- * @param inputPath
- * @param outputPath
- * @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')
-    }
-    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()
-    }
-  })
-}
-
-export { LessAliasPlugin as default, postCSS }