lvyjs 0.2.2 → 0.2.3

package/lib/esbuild/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/esbuild/index.d.ts

@@ -3,6 +3,6 @@
  * @param input
  * @returns
  */
-declare const ESBuild: (input: string) => Promise<string>
+declare const ESBuild: (input: string) => Promise<string>;
 
-export { ESBuild }
+export { ESBuild };

package/lib/esbuild/index.js

@@ -1,62 +1,64 @@
-import esbuild from 'esbuild'
-import { esBuildCSS } from './plugins/css.js'
-import { esBuildAlias } from './plugins/alias.js'
-import { esBuildAsstes } from './plugins/Asstes.js'
+import esbuild from 'esbuild';
+import { esBuildCSS } from './plugins/css.js';
+import { esBuildAlias } from './plugins/alias.js';
+import { esBuildAsstes } from './plugins/Asstes.js';
 
 // 插件
-const plugins = []
+const plugins = [];
 /**
  *
  */
 const initPlugins = () => {
-  if (typeof global.lvyConfig?.alias != 'boolean') {
-    plugins.push(esBuildAlias(global.lvyConfig.alias))
-  }
-  if (typeof global.lvyConfig?.assets != 'boolean') {
-    plugins.push(esBuildAsstes(global.lvyConfig.assets))
-  }
-  if (typeof global.lvyConfig?.styles != 'boolean') {
-    plugins.push(esBuildCSS(global.lvyConfig?.styles ?? {}))
-  }
-}
+    if (typeof global.lvyConfig?.alias != 'boolean') {
+        plugins.push(esBuildAlias(global.lvyConfig.alias));
+    }
+    if (typeof global.lvyConfig?.assets != 'boolean') {
+        plugins.push(esBuildAsstes(global.lvyConfig.assets));
+    }
+    if (typeof global.lvyConfig?.styles != 'boolean') {
+        plugins.push(esBuildCSS(global.lvyConfig?.styles ?? {}));
+    }
+};
 /**
  *
  * @param input
  * @returns
  */
-const ESBuild = async input => {
-  // 如果没有配置
-  if (!global.lvyConfig) global.lvyConfig = {}
-  if (!global.lvyConfig.esbuild) global.lvyConfig.esbuild = {}
-  // 没有插件时，检查是否有可用插件。
-  if (plugins.length === 0) {
-    // init plugisn
-    await initPlugins()
-  }
-  const options = global.lvyConfig?.esbuild?.options ?? {}
-  const pl = options?.plugins ?? []
-  // 构建
-  const result = await esbuild.build({
-    // 入口文件
-    entryPoints: [input],
-    //
-    bundle: true,
-    // 平台
-    platform: 'node',
-    // 输出格式
-    format: 'esm',
-    // 不写入文件
-    write: false,
-    // 忽略所有外部依赖
-    external: ['*'],
-    ...options,
-    plugins: [...plugins, ...pl]
-  })
-  if (!result.outputFiles) {
-    return ''
-  }
-  // 返回结果
-  return result.outputFiles.map(file => new TextDecoder().decode(file.contents)).join('\n')
-}
+const ESBuild = async (input) => {
+    // 如果没有配置
+    if (!global.lvyConfig)
+        global.lvyConfig = {};
+    if (!global.lvyConfig.esbuild)
+        global.lvyConfig.esbuild = {};
+    // 没有插件时，检查是否有可用插件。
+    if (plugins.length === 0) {
+        // init plugisn
+        await initPlugins();
+    }
+    const options = global.lvyConfig?.esbuild?.options ?? {};
+    const pl = options?.plugins ?? [];
+    // 构建
+    const result = await esbuild.build({
+        // 入口文件
+        entryPoints: [input],
+        //
+        bundle: true,
+        // 平台
+        platform: 'node',
+        // 输出格式
+        format: 'esm',
+        // 不写入文件
+        write: false,
+        // 忽略所有外部依赖
+        external: ['*'],
+        ...options,
+        plugins: [...plugins, ...pl]
+    });
+    if (!result.outputFiles) {
+        return '';
+    }
+    // 返回结果
+    return result.outputFiles.map(file => new TextDecoder().decode(file.contents)).join('\n');
+};
 
-export { ESBuild }
+export { ESBuild };

package/lib/esbuild/plugins/Asstes.js

@@ -1,26 +1,26 @@
-import { assetsReg } from '../config.js'
-import { generateModuleContent } from '../utils/content.js'
+import { assetsReg } from '../config.js';
+import { generateModuleContent } from '../utils/content.js';
 
 /**
  *
  * @param param0
  */
-const esBuildAsstes = optoins => {
-  // 默认配置
-  const filter = optoins?.filter ?? assetsReg
-  // 返回插件
-  return {
-    name: 'assets',
-    setup(build) {
-      build.onLoad({ filter }, args => {
-        const content = generateModuleContent(args.path)
-        return {
-          contents: content,
-          loader: 'js'
+const esBuildAsstes = (optoins) => {
+    // 默认配置
+    const filter = optoins?.filter ?? assetsReg;
+    // 返回插件
+    return {
+        name: 'assets',
+        setup(build) {
+            build.onLoad({ filter }, args => {
+                const content = generateModuleContent(args.path);
+                return {
+                    contents: content,
+                    loader: 'js'
+                };
+            });
         }
-      })
-    }
-  }
-}
+    };
+};
 
-export { esBuildAsstes }
+export { esBuildAsstes };

package/lib/esbuild/plugins/alias.js

@@ -1,41 +1,73 @@
-import { join, resolve } from 'path'
+import { join, resolve } from 'path';
+import { existsSync } from 'fs';
 
 /**
  *
  * @param alias
  * @returns
  */
-const esBuildAlias = alias => {
-  const entries = alias?.entries
-  return {
-    name: 'alias',
-    setup(build) {
-      // 解析路径时使用 entries
-      if (entries) {
-        build.onResolve({ filter: /.*/ }, args => {
-          const url = args.path
-          for (const { find, replacement } of entries) {
-            if (typeof find === 'string' && url.startsWith(find)) {
-              // 字符串匹配
-              const resolvedPath = join(replacement, url.slice(find.length))
-              const absolutePath = resolve(resolvedPath)
-              return {
-                path: absolutePath
-              }
-            } else if (find instanceof RegExp && find.test(url)) {
-              // 正则匹配
-              const resolvedPath = url.replace(find, replacement)
-              const absolutePath = resolve(resolvedPath)
-              return {
-                path: absolutePath
-              }
+const esBuildAlias = (alias) => {
+    const entries = alias?.entries;
+    return {
+        name: 'alias',
+        setup(build) {
+            // 解析路径时使用 entries
+            if (entries) {
+                build.onResolve({ filter: /.*/ }, args => {
+                    const url = args.path;
+                    for (const { find, replacement } of entries) {
+                        if (typeof find === 'string' && url.startsWith(find)) {
+                            const resolvedPath = join(replacement, url.slice(find.length));
+                            const absolutePath = resolve(resolvedPath);
+                            if (existsSync(absolutePath)) {
+                                return {
+                                    path: absolutePath
+                                };
+                            }
+                            const value = checkFileExtensions(absolutePath);
+                            if (!value)
+                                return;
+                            if (value) {
+                                return {
+                                    path: value
+                                };
+                            }
+                        }
+                        else if (find instanceof RegExp && find.test(url)) {
+                            // 正则匹配
+                            const resolvedPath = url.replace(find, replacement);
+                            const absolutePath = resolve(resolvedPath);
+                            if (existsSync(absolutePath)) {
+                                return {
+                                    path: absolutePath
+                                };
+                            }
+                            const value = checkFileExtensions(absolutePath);
+                            if (!value)
+                                return;
+                            if (value) {
+                                return {
+                                    path: value
+                                };
+                            }
+                        }
+                    }
+                    return null;
+                });
             }
-          }
-          return null
-        })
-      }
+        }
+    };
+};
+const checkFileExtensions = basePath => {
+    const extensions = ['.js', '.ts', '.jsx', '.tsx'];
+    for (const ext of extensions) {
+        const filePath = `${basePath}${ext}`;
+        if (existsSync(filePath)) {
+            return filePath;
+        }
     }
-  }
-}
+    // 如果没有找到文件，返回 null
+    return null;
+};
 
-export { esBuildAlias }
+export { esBuildAlias };

package/lib/esbuild/plugins/css.js

@@ -1,27 +1,27 @@
-import { generateCSSModuleContent } from '../utils/content.js'
-import { cssReg } from '../config.js'
+import { generateCSSModuleContent } from '../utils/content.js';
+import { cssReg } from '../config.js';
 
 /**
  * css资源处理插件
  * @param param0
  * @returns
  */
-const esBuildCSS = optoins => {
-  const filter = optoins?.filter || cssReg
-  // 返回插件
-  return {
-    name: 'css-loader',
-    setup(build) {
-      // 加载 CSS/SCSS 文件
-      build.onLoad({ filter }, args => {
-        const contents = generateCSSModuleContent(args.path)
-        return {
-          contents: contents,
-          loader: 'js'
+const esBuildCSS = (optoins) => {
+    const filter = optoins?.filter || cssReg;
+    // 返回插件
+    return {
+        name: 'css-loader',
+        setup(build) {
+            // 加载 CSS/SCSS 文件
+            build.onLoad({ filter }, args => {
+                const contents = generateCSSModuleContent(args.path);
+                return {
+                    contents: contents,
+                    loader: 'js'
+                };
+            });
         }
-      })
-    }
-  }
-}
+    };
+};
 
-export { esBuildCSS }
+export { esBuildCSS };

package/lib/esbuild/utils/content.js

@@ -1,59 +1,57 @@
-import { join } from 'path'
-import crypto from 'node:crypto'
+import { join } from 'path';
+import crypto from 'node:crypto';
 
 /**
  * @param inputPath
  * @returns
  */
-const convertPath = inputPath => {
-  return process.platform === 'win32' ? inputPath.replace(/\\/g, '/') : inputPath
-}
+const convertPath = (inputPath) => {
+    return process.platform === 'win32' ? inputPath.replace(/\\/g, '/') : inputPath;
+};
 /**
  * 生成模块内容
  * @param {string} relativePath 相对路径
  */
-const generateModuleContent = relativePath => {
-  const contents = [
-    'const createUrl = (basePath, path) => {',
-    "const platform = ['linux', 'android', 'darwin'];",
-    'const T = platform.includes(process.platform);',
-    'const reg = T ? /^file:\\/\\// : /^file:\\/\\/\\//;',
-    "return new URL(path, basePath).href.replace(reg, '');",
-    '};',
-    `const fileUrl = createUrl(import.meta.url, '${convertPath(relativePath)}');`,
-    'export default fileUrl;'
-  ].join('\n')
-  return contents
-}
-const getRandomName = str => {
-  // 使用 MD5 算法创建哈希对象
-  const hash = crypto.createHash('md5')
-  // 更新哈希对象内容
-  hash.update(str)
-  return hash.digest('hex')
-}
-const chache = {}
+const generateModuleContent = (relativePath) => {
+    const contents = [
+        'const createUrl = (basePath, path) => {',
+        "const platform = ['linux', 'android', 'darwin'];",
+        'const T = platform.includes(process.platform);',
+        'const reg = T ? /^file:\\/\\// : /^file:\\/\\/\\//;',
+        "return new URL(path, basePath).href.replace(reg, '');",
+        '};',
+        `const fileUrl = createUrl(import.meta.url, '${convertPath(relativePath)}');`,
+        'export default fileUrl;'
+    ].join('\n');
+    return contents;
+};
+const getRandomName = (str) => {
+    // 使用 MD5 算法创建哈希对象
+    const hash = crypto.createHash('md5');
+    // 更新哈希对象内容
+    hash.update(str);
+    return hash.digest('hex');
+};
+const chache = {};
 /**
  *
  * @param fileUrl
  * @returns
  */
-const generateCSSModuleContent = pathURL => {
-  const fileName = getRandomName(pathURL)
-  const outputFileURL = convertPath(
-    join(process.cwd(), 'node_modules', 'lvyjs', 'assets', `${fileName}.css`)
-  )
-  if (!chache[pathURL]) {
-    global.lvyWorkerProt.postMessage({
-      type: 'CSS_MODULE_GENERATED',
-      payload: {
-        from: pathURL,
-        to: outputFileURL
-      }
-    })
-    chache[pathURL] = true
-  }
-  return `export default "${outputFileURL}";`
-}
+const generateCSSModuleContent = (pathURL) => {
+    const fileName = getRandomName(pathURL);
+    const outputFileURL = convertPath(join(process.cwd(), 'node_modules', 'lvyjs', 'assets', `${fileName}.css`));
+    if (!chache[pathURL]) {
+        global.lvyWorkerProt.postMessage({
+            type: 'CSS_MODULE_GENERATED',
+            payload: {
+                from: pathURL,
+                to: outputFileURL
+            }
+        });
+        chache[pathURL] = true;
+    }
+    return `export default "${outputFileURL}";`;
+};
 
-export { generateCSSModuleContent, generateModuleContent }
+export { generateCSSModuleContent, generateModuleContent };

package/lib/index.d.ts

@@ -1,3 +1,3 @@
-export { Options, defineConfig, getOptions, initConfig, usePlugin } from './store.js'
-export { buildAndRun, buildJS } from './rullup/index.js'
-export { ESBuild } from './esbuild/index.js'
+export { Options, defineConfig, getOptions, initConfig, usePlugin } from './store.js';
+export { buildAndRun, buildJS } from './rullup/index.js';
+export { ESBuild } from './esbuild/index.js';

package/lib/index.js

@@ -1,42 +1,44 @@
-import { buildAndRun } from './rullup/index.js'
-export { buildJS } from './rullup/index.js'
-import { initConfig } from './store.js'
-export { defineConfig, getOptions, usePlugin } from './store.js'
-export { ESBuild } from './esbuild/index.js'
+import { buildAndRun } from './rullup/index.js';
+export { buildJS } from './rullup/index.js';
+import { initConfig } from './store.js';
+export { defineConfig, getOptions, usePlugin } from './store.js';
+export { ESBuild } from './esbuild/index.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
-      }
-      apps.push(plugin(global.lvyConfig))
+    const apps = [];
+    if (Array.isArray(global.lvyConfig?.plugins)) {
+        // 修改config
+        for (const plugin of global.lvyConfig.plugins) {
+            if (!plugin) {
+                continue;
+            }
+            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')
+            app(global.lvyConfig);
     }
-    if (typeof app == 'function') app(global.lvyConfig)
-  }
-}
+};
 const main = async () => {
-  if (process.argv.includes('--lvy-dev')) {
-    await initConfig()
-    onDev()
-  } else if (process.argv.includes('--lvy-build')) {
-    await initConfig()
-    buildAndRun()
-  }
-}
-main()
+    if (process.argv.includes('--lvy-dev')) {
+        await initConfig();
+        onDev();
+    }
+    else if (process.argv.includes('--lvy-build')) {
+        await initConfig();
+        buildAndRun();
+    }
+};
+main();
 
-export { buildAndRun, initConfig }
+export { buildAndRun, initConfig };

package/lib/loader.d.ts

@@ -1,15 +1,18 @@
-import { MessagePort } from 'worker_threads'
+import { MessagePort } from 'worker_threads';
 
 declare global {
-  var lvyWorkerProt: MessagePort
+    var lvyWorkerProt: MessagePort;
 }
-declare function initialize({ port, lvyConfig }: { port: any; lvyConfig: any }): Promise<void>
+declare function initialize({ port, lvyConfig }: {
+    port: any;
+    lvyConfig: any;
+}): Promise<void>;
 /**
  * @param url
  * @param context
  * @param defaultLoad
  * @returns
  */
-declare const load: (url: any, context: any, defaultLoad: any) => Promise<any>
+declare const load: (url: any, context: any, defaultLoad: any) => Promise<any>;
 
-export { initialize, load }
+export { initialize, load };

package/lib/loader.js

@@ -1,12 +1,12 @@
-import { ESBuild } from './esbuild/index.js'
+import { ESBuild } from './esbuild/index.js';
 
-const platform = ['win32'].includes(process.platform)
-const reg = platform ? /^file:\/\/\// : /^file:\/\//
-const nodeReg = /(node_modules|node_|node:)/
-const jsReg = /\.(js|ts|jsx|tsx)$/
+const platform = ['win32'].includes(process.platform);
+const reg = platform ? /^file:\/\/\// : /^file:\/\//;
+const nodeReg = /(node_modules|node_|node:)/;
+const jsReg = /\.(js|ts|jsx|tsx)$/;
 async function initialize({ port, lvyConfig }) {
-  global.lvyConfig = lvyConfig
-  global.lvyWorkerProt = port
+    global.lvyConfig = lvyConfig;
+    global.lvyWorkerProt = port;
 }
 /**
  * @param url
@@ -15,17 +15,17 @@ async function initialize({ port, lvyConfig }) {
  * @returns
  */
 const load = async (url, context, defaultLoad) => {
-  if (nodeReg.test(url)) {
-    return defaultLoad(url, context)
-  }
-  if (!jsReg.test(url)) {
-    return defaultLoad(url, context)
-  }
-  const code = await ESBuild(url.replace(reg, ''))
-  return defaultLoad(url, {
-    format: 'module',
-    source: code
-  })
-}
+    if (nodeReg.test(url)) {
+        return defaultLoad(url, context);
+    }
+    if (!jsReg.test(url)) {
+        return defaultLoad(url, context);
+    }
+    const code = await ESBuild(url.replace(reg, ''));
+    return defaultLoad(url, {
+        format: 'module',
+        source: code
+    });
+};
 
-export { initialize, load }
+export { initialize, load };

package/lib/main.js

@@ -1,33 +1,32 @@
-import module from 'node:module'
-import { MessageChannel } from 'node:worker_threads'
-import { postCSS } from './postcss.js'
+import module from 'node:module';
+import { MessageChannel } from 'node:worker_threads';
+import { postCSS } from './postcss.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;
+        }
     }
-  } else if (msg.type == 'JS_MODULE_GENERATED');
-})
+    else if (msg.type == 'JS_MODULE_GENERATED') ;
+});
 // port1.unref()
 module.register('./loader.js', {
-  parentURL: import.meta.url,
-  data: {
-    port: port2,
-    lvyConfig: {
-      alias: global.lvyConfig.alias,
-      assets: global.lvyConfig.assets,
-      styles: global.lvyConfig.styles
-    }
-  },
-  transferList: [port2]
-})
+    parentURL: import.meta.url,
+    data: {
+        port: port2,
+        lvyConfig: {
+            alias: global.lvyConfig.alias,
+            assets: global.lvyConfig.assets,
+            styles: global.lvyConfig.styles
+        }
+    },
+    transferList: [port2]
+});