lvyjs 0.2.2 → 0.2.3

package/lib/postcss.js

@@ -1,100 +1,104 @@
-import fs from 'fs'
-import postcss from 'postcss'
-import { createRequire } from 'module'
-import { join, resolve, dirname } from 'path'
+import fs from 'fs';
+import postcss from 'postcss';
+import { createRequire } from 'module';
+import { join, resolve, dirname } from 'path';
 
-const require = createRequire(import.meta.url)
+const require = createRequire(import.meta.url);
 const loadPostcssConfig = configPath => {
-  const plugins = []
-  let aliasEntries = []
-  if (typeof global.lvyConfig?.alias != 'boolean') {
-    aliasEntries = global.lvyConfig.alias?.entries || []
-  }
-  if (aliasEntries.length > 0) {
-    // 创建 postcss-import 插件并配置别名解析
+    const plugins = [];
+    let aliasEntries = [];
+    if (typeof global.lvyConfig?.alias != 'boolean') {
+        aliasEntries = global.lvyConfig.alias?.entries || [];
+    }
+    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 resolve(basedir, aliasedPath); // 返回绝对路径
+                        }
+                    }
+                    return id; // 默认返回原始路径
+                }
+            }));
+        }
+        catch (err) {
+            console.error(err);
+        }
+    }
     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 resolve(basedir, aliasedPath) // 返回绝对路径
-              }
+        if (fs.existsSync(configPath)) {
+            const cfg = require(configPath);
+            // 添加其他插件
+            if (!Array.isArray(cfg.plugins)) {
+                const keys = Object.keys(cfg.plugins);
+                keys.forEach(key => {
+                    try {
+                        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 id // 默认返回原始路径
-          }
-        })
-      )
-    } catch (err) {
-      console.error(err)
-    }
-  }
-  try {
-    if (fs.existsSync(configPath)) {
-      const cfg = require(configPath)
-      // 添加其他插件
-      if (!Array.isArray(cfg.plugins)) {
-        const keys = Object.keys(cfg.plugins)
-        keys.forEach(key => {
-          try {
-            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)
-      }
-      return { plugins }
-    } else {
-      throw new Error(`未找到 PostCSS 配置文件: ${configPath}`)
+            return { plugins };
+        }
+        else {
+            throw new Error(`未找到 PostCSS 配置文件: ${configPath}`);
+        }
     }
-  } catch (err) {
-    console.error('加载 PostCSS 配置失败:', err)
-    return { plugins }
-  }
-}
-const postCSS = (inputPath, outputPath) => {
-  const configPath = join(process.cwd(), 'postcss.config.cjs')
-  const postcssConfig = loadPostcssConfig(configPath)
-  const readAndProcessCSS = async () => {
-    const css = fs.readFileSync(inputPath, 'utf-8')
-    fs.mkdirSync(dirname(outputPath), { recursive: true })
-    const result = await postcss(postcssConfig.plugins).process(css, {
-      from: inputPath,
-      to: outputPath
-    })
-    fs.writeFileSync(outputPath, result.css)
-    if (result.warnings().length) {
-      result.warnings().forEach(warn => {
-        console.warn(warn.toString())
-      })
+    catch (err) {
+        console.error('加载 PostCSS 配置失败:', err);
+        return { plugins };
     }
-    const dependencies = result.messages
-      .filter(msg => msg.type === 'dependency')
-      .map(msg => msg.file)
-    for (const dep of dependencies) {
-      fs.watch(dep, eventType => {
+};
+const postCSS = (inputPath, outputPath) => {
+    const configPath = join(process.cwd(), 'postcss.config.cjs');
+    const postcssConfig = loadPostcssConfig(configPath);
+    const readAndProcessCSS = async () => {
+        const css = fs.readFileSync(inputPath, 'utf-8');
+        fs.mkdirSync(dirname(outputPath), { recursive: true });
+        const result = await postcss(postcssConfig.plugins).process(css, {
+            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 { postCSS }
+export { 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,13 +1,13 @@
-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 { 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';
 
 /**
  * 用于忽略警告
@@ -15,9 +15,10 @@ import { rollupAssets } from './plugins/loader-files.js'
  * @param warn
  */
 const onwarn = (warning, warn) => {
-  if (warning.code === 'UNRESOLVED_IMPORT') return
-  warn(warning)
-}
+    if (warning.code === 'UNRESOLVED_IMPORT')
+        return;
+    warn(warning);
+};
 /**
  * 打包 JS
  * *** 注意 **
@@ -27,101 +28,108 @@ 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 = {}
-    const newAlias = val => {
-      const alias = {}
-      // 遍历 entries 数组
-      val.entries.forEach(entry => {
-        alias[entry.find] = entry.replacement
-      })
-      return alias
+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 ?? {}));
     }
-    plugins.push(
-      styles({
-        alias: newAlias(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
-      }
+    if (typeof global.lvyConfig?.assets !== 'boolean') {
+        plugins.push(rollupAssets(global.lvyConfig?.assets ?? {}));
     }
-    // 如果不存在这些配置
-    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?.styles !== 'boolean') {
+        if (!global.lvyConfig.alias)
+            global.lvyConfig.alias = {};
+        const newAlias = val => {
+            const alias = {};
+            // 遍历 entries 数组
+            val.entries.forEach(entry => {
+                alias[entry.find] = entry.replacement;
+            });
+            return alias;
+        };
+        plugins.push(styles({
+            alias: newAlias(global.lvyConfig?.alias),
+            mode: ['inject', () => '']
+        }));
+        plugins.push(rollupStylesCSSImport(global.lvyConfig.styles));
     }
-  }
-  const RollupOptions = global.lvyConfig?.build?.RollupOptions ?? {}
-  const OutputOptions = global.lvyConfig?.build?.OutputOptions ?? []
-  // build
-  const bundle = await rollup({
-    input: inputs,
-    plugins: [...plugins],
-    onwarn: onwarn,
-    ...RollupOptions
-  })
-  // 写入输出文件
-  await bundle.write({
-    dir: 'lib',
-    format: 'es',
-    sourcemap: false,
-    preserveModules: true,
-    assetFileNames: 'assets/[name]-[hash][extname]',
-    ...OutputOptions
-  })
-}
+    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 OutputOptions = global.lvyConfig?.build?.OutputOptions ?? [];
+    // build
+    const bundle = await rollup({
+        input: inputs,
+        plugins: [...plugins],
+        onwarn: onwarn,
+        ...RollupOptions
+    });
+    // 写入输出文件
+    await bundle.write({
+        dir: 'lib',
+        format: 'es',
+        sourcemap: false,
+        preserveModules: true,
+        assetFileNames: 'assets/[name]-[hash][extname]',
+        ...OutputOptions
+    });
+};
 /**
  *
  * @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/config.js

@@ -1,4 +1,4 @@
-const assetsReg = /\.(png|jpg|jpeg|gif|svg|webp|ico)$/
-const cssReg = /\.(css|scss|less|sass|less)$/
+const assetsReg = /\.(png|jpg|jpeg|gif|svg|webp|ico)$/;
+const cssReg = /\.(css|scss|less|sass|less)$/;
 
-export { assetsReg, cssReg }
+export { assetsReg, cssReg };

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

@@ -1,47 +1,49 @@
-import { createFilter } from '@rollup/pluginutils'
-import { resolve, dirname, basename } from 'node:path'
-import { cssReg } from './config.js'
+import { createFilter } from '@rollup/pluginutils';
+import { resolve, dirname, basename } from 'node:path';
+import { cssReg } from './config.js';
 
 /**
  *
  * @returns
  */
-const rollupStylesCSSImport = options => {
-  const include = options?.filter ?? cssReg
-  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 ?? cssReg;
+    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 = `
+`;
+            // 得到css变量的值
+            const csscode = eval(evalCode);
+            // 确保最后生产的css文件
+            const refeId = this.emitFile({
+                // 属于静态资源
+                type: 'asset',
+                name: basename(`${id}.css`),
+                // 内容
+                source: csscode
+            });
+            const contents = `
       const createUrl = () => {
         const platform = ['linux', 'android', 'darwin'];
         const T = platform.includes(process.platform);
@@ -49,10 +51,10 @@ const rollupStylesCSSImport = options => {
         return import.meta.ROLLUP_FILE_URL_${refeId}.replace(reg, '') 
       };
       export default createUrl();
-    `
-      return contents
-    }
-  }
-}
+    `;
+            return contents;
+        }
+    };
+};
 
-export { rollupStylesCSSImport }
+export { rollupStylesCSSImport };

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

@@ -1,40 +1,40 @@
-import { resolve, dirname, basename } from 'path'
-import { readFileSync } from 'fs'
-import { assetsReg } from './config.js'
+import { resolve, dirname, basename } from 'path';
+import { readFileSync } from 'fs';
+import { assetsReg } from './config.js';
 
 /**
  * @param {Object} options
  * @returns {Object}
  */
-const rollupAssets = options => {
-  const { filter = assetsReg } = 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 content = [
-          'const createUrl = () => {',
-          "const platform = ['linux', 'android', 'darwin'];",
-          'const T = platform.includes(process.platform);',
-          'const reg = T ?  /^file:\\/\\// : /^file:\\/\\/\\//',
-          'return import.meta.ROLLUP_FILE_URL_' + referenceId + ".replace(reg, '')",
-          '};',
-          'export default createUrl();'
-        ].join('\n')
-        return content
-      }
-    }
-  }
-}
+const rollupAssets = (options) => {
+    const { filter = assetsReg } = 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 content = [
+                    'const createUrl = () => {',
+                    "const platform = ['linux', 'android', 'darwin'];",
+                    'const T = platform.includes(process.platform);',
+                    'const reg = T ?  /^file:\\/\\// : /^file:\\/\\/\\//',
+                    'return import.meta.ROLLUP_FILE_URL_' + referenceId + ".replace(reg, '')",
+                    '};',
+                    'export default createUrl();'
+                ].join('\n');
+                return content;
+            }
+        }
+    };
+};
 
-export { rollupAssets }
+export { rollupAssets };