lvyjs 0.2.15 → 0.2.16

package/lib/content.js

@@ -0,0 +1,46 @@
+import { join } from 'path';
+import crypto from 'node:crypto';
+import { convertPath } from './config.js';
+
+/**
+ * 生成模块内容
+ * @param {string} relativePath 相对路径
+ */
+const generateModuleContent = (relativePath) => {
+    const contents = [
+        `const reg = ['win32'].includes(process.platform) ? /^file:\\/\\/\\// : /^file:\\/\\// ;`,
+        `const fileUrl = import.meta.resolve('${convertPath(relativePath)}').replace(reg, '');`,
+        '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}";`;
+};
+
+export { generateCSSModuleContent, generateModuleContent };

package/lib/loader.d.ts

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

package/lib/loader.js

@@ -0,0 +1,74 @@
+import { generateModuleContent, generateCSSModuleContent } from './content.js';
+import { isWin32, convertPath } from './config.js';
+
+const reg = isWin32() ? /^file:\/\/\// : /^file:\/\//;
+const baseURL = isWin32() ? 'file:///' : 'file://';
+const nodeReg = /(node_modules|node_|node:)/;
+/**
+ * @param param0
+ */
+async function initialize({ port, lvyConfig }) {
+    global.lvyConfig = lvyConfig;
+    global.lvyWorkerProt = port;
+}
+/**
+ * @param specifier
+ * @param context
+ * @param nextResolve
+ * @returns
+ */
+async function resolve(specifier, context, nextResolve) {
+    if (!global.lvyConfig?.alias) {
+        global.lvyConfig.alias = {};
+    }
+    if (global.lvyConfig.alias?.entries) {
+        for (const { find, replacement } of global.lvyConfig.alias?.entries) {
+            if (specifier.startsWith(find)) {
+                const parentURL = `${baseURL}${convertPath(specifier.replace(find, replacement))}`;
+                return nextResolve(specifier, {
+                    ...context,
+                    parentURL: parentURL
+                });
+            }
+        }
+    }
+    return nextResolve(specifier, context);
+}
+/**
+ * @param url
+ * @param context
+ * @param defaultLoad
+ * @returns
+ */
+const load = (url, context, nextLoad) => {
+    if (nodeReg.test(url)) {
+        return nextLoad(url, context);
+    }
+    const urls = url.split('?');
+    const baseURL = urls[0];
+    // 得到静态资源。转为普通的文件引用。
+    if (!global.lvyConfig.assets) {
+        global.lvyConfig.assets = {};
+    }
+    // 匹配静态资源
+    if (global.lvyConfig.assets?.filter && global.lvyConfig.assets?.filter.test(baseURL)) {
+        const code = generateModuleContent(baseURL.replace(reg, ''));
+        return nextLoad(baseURL, {
+            format: 'module',
+            source: code
+        });
+    }
+    if (!global.lvyConfig.styles) {
+        global.lvyConfig.styles = {};
+    }
+    if (global.lvyConfig.styles?.filter && global.lvyConfig.styles?.filter.test(baseURL)) {
+        const code = generateCSSModuleContent(baseURL.replace(reg, ''));
+        return nextLoad(baseURL, {
+            format: 'module',
+            source: code
+        });
+    }
+    return nextLoad(url, context);
+};
+
+export { initialize, load, resolve };

package/package.json

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