xhs-mp-compiler-cli 1.0.2-beta.0 → 1.0.2

package/dist/webpack-config/loaders/component-entry-requirements-loader.js

@@ -0,0 +1,24 @@
+"use strict";
+// @ts-nocheck
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const getMlSuffixName_1 = __importDefault(require("../../utils/getMlSuffixName"));
+const common_1 = require("../../utils/common");
+function entryLoader() {
+    const { miniprogramDir, jsonDependencies } = this._compiler.xhsData;
+    const { compPath } = this.getOptions();
+    const { pkg, root } = this.getOptions();
+    for (const file of jsonDependencies) {
+        this.addDependency(file);
+    }
+    let name = 'XHS_COMPONENTS';
+    if (pkg === 'sub') {
+        name = `XHS_COMPONENTS_${root}`;
+    }
+    return `
+  ;(globalThis['${name}'] || (globalThis['${name}'] = { default: {} })).default['${compPath}'] = () => require('${(0, common_1.unixJoin)(miniprogramDir, `${compPath}.${(0, getMlSuffixName_1.default)()}`)}')
+   `;
+}
+module.exports = entryLoader;

package/dist/webpack-config/loaders/mini-style-loader.d.ts

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

package/dist/webpack-config/loaders/mini-style-loader.js

@@ -0,0 +1,69 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_sources_1 = require("webpack-sources");
+const cssnano_1 = __importDefault(require("cssnano"));
+const common_1 = require("../../utils/common");
+const CSS_MINIMIZER_OPTIONS = {
+    preset: ['default', { normalizeUrl: false, calc: false }],
+};
+const minify = (source, name) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    const postcssOptions = {
+        to: name,
+        from: name,
+    };
+    try {
+        const result = yield cssnano_1.default.process(source, postcssOptions, CSS_MINIMIZER_OPTIONS);
+        return {
+            code: result.css,
+            warnings: (_b = (_a = result.warnings()) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.call(_a, i => i.toString())
+        };
+    }
+    catch (error) {
+        return {
+            code: source,
+        };
+    }
+});
+function miniStyleLoader(source) {
+    var _a;
+    const callback = this.async();
+    const { resourcePath } = this;
+    const { miniprogramDir, enableVDom, enableV1, enableV2, independent } = this.getOptions();
+    const shortPath = (0, common_1.getShortPath)(miniprogramDir, resourcePath).replace(/\.wxss$/, ".css");
+    source = (_a = source === null || source === void 0 ? void 0 : source.trim) === null || _a === void 0 ? void 0 : _a.call(source);
+    function result(code) {
+        if (!code) {
+            return `export default void 0;`;
+        }
+        // 判断浏览器环境，注入css添加逻辑
+        return new webpack_sources_1.RawSource(`globalThis.__XHS_IS_WEBVIEW && globalThis.__XHS_APPEND_CSS(${JSON.stringify(code)});`
+            +
+                `export default ${JSON.stringify(shortPath)};`).source();
+    }
+    // 压缩css
+    minify(source, shortPath)
+        .then(({ code, warnings }) => {
+        // vdom架构下emit出一份css文件
+        if ((independent || enableVDom) && code) {
+            enableV1 && this.emitFile(`v1/${shortPath}`, code);
+            enableV2 && this.emitFile(`v2/${shortPath}`, code);
+        }
+        callback(null, result(code));
+    }).catch(error => {
+        callback(error);
+    });
+}
+module.exports = miniStyleLoader;

package/dist/webpack-config/loaders/render-entry-loader.d.ts

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

package/dist/webpack-config/loaders/render-entry-loader.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_extra_1 = require("fs-extra");
+const utils_1 = require("./utils");
+const getMlSuffixName_1 = __importDefault(require("../../utils/getMlSuffixName"));
+const depenedHelper_1 = require("../../utils/depenedHelper");
+const common_1 = require("../../utils/common");
+// @ts-ignore
+function entryLoader() {
+    const { miniprogramDir, appJSON, jsonDependencies } = this._compiler.xhsData;
+    const { mode, path } = this.getOptions();
+    for (const file of jsonDependencies) {
+        this.addDependency(file);
+    }
+    const appCssPath = (0, common_1.unixResolve)(miniprogramDir, 'app.css');
+    const appCssExist = (0, fs_extra_1.existsSync)(appCssPath);
+    const absolutePath = (0, common_1.unixResolve)(miniprogramDir, `${path}.${(0, getMlSuffixName_1.default)()}`);
+    const subPackage = (appJSON.subPackages || []).find(subPack => !!subPack.pages.find(page => page.path === path));
+    const enableLazyCodeLoading = mode === 'v2';
+    // 资源文件
+    const resources = (0, utils_1.getResourceUris)({ appCssExist, subPackage, enableLazyCodeLoading });
+    // 开启了按需注入，注入依赖组件
+    if (enableLazyCodeLoading) {
+        const isIndependent = (subPackage === null || subPackage === void 0 ? void 0 : subPackage.independent) || false;
+        const enableSubPackage = (0, depenedHelper_1.shouldEnableSubPackage)(appJSON);
+        const dependsTree = (0, depenedHelper_1.getPageDependComponentPaths)(path, appJSON, isIndependent, enableSubPackage);
+        const subPackagesPrefix = (appJSON.subPackages || []).map(sub => sub.root);
+        const depends = [];
+        for (let i = 0; i < dependsTree.length; i++) {
+            let uri = dependsTree[i];
+            const subRoot = subPackagesPrefix.find(subRoot => uri.startsWith(`${subRoot}/`));
+            if (subRoot) {
+                uri = `${subRoot}/${uri}`;
+            }
+            depends.push(uri);
+        }
+        return `
+      import Component from '${absolutePath}';
+      globalThis.__render.mount(Component, '${path}', ${JSON.stringify(resources)}, ${JSON.stringify(depends)})
+    `;
+    }
+    return `
+    import Component from '${absolutePath}';
+    globalThis.__render.mount(Component, '${path}', ${JSON.stringify(resources)})
+  `;
+}
+module.exports = entryLoader;

package/dist/webpack-config/loaders/service-entry-loader.d.ts

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

package/dist/webpack-config/loaders/service-entry-loader.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const fs_extra_1 = require("fs-extra");
+const common_1 = require("../../utils/common");
+function entryLoader() {
+    var _a, _b;
+    const { appJSON, miniprogramDir, jsonDependencies } = this._compiler.xhsData;
+    const { pkg, root } = this.getOptions();
+    const entries = [];
+    for (const file of jsonDependencies) {
+        this.addDependency(file);
+    }
+    const addAppJs = () => {
+        if ((0, fs_extra_1.existsSync)(`${miniprogramDir}/app.js`) || (0, fs_extra_1.existsSync)(`${miniprogramDir}/app.ts`)) {
+            entries.unshift(`'app': require('${(0, common_1.toUnixPath)(`${miniprogramDir}/app`)}')`);
+        }
+    };
+    const addServiceJS = (shortPath) => {
+        const assetName = (0, common_1.toUnixPath)(shortPath);
+        const requirePath = (0, common_1.unixJoin)(miniprogramDir, shortPath);
+        entries.push(`'${assetName}': () => require('${requirePath}')`);
+    };
+    const components = Object.keys(appJSON.componentsMap);
+    if (pkg === 'main') {
+        // 主包 app.js
+        addAppJs();
+        // 主包页面逻辑层
+        appJSON.pages.forEach(page => addServiceJS(page.path));
+        // 主包组件逻辑层
+        const subPackageRoots = appJSON.subPackages.map(pkg => pkg.root);
+        components
+            .filter(compPath => subPackageRoots.every(subRoot => !compPath.startsWith(`${subRoot}/`)))
+            .forEach(compPath => addServiceJS(compPath));
+    }
+    if (pkg === 'sub') {
+        // 分包页面逻辑层
+        (_b = (_a = appJSON.subPackages
+            .find(pkg => pkg.root === root)) === null || _a === void 0 ? void 0 : _a.pages) === null || _b === void 0 ? void 0 : _b.forEach(page => addServiceJS(page.path));
+        // 分包组件逻辑层
+        components
+            .filter(compPath => compPath.startsWith(`${root}/`))
+            .forEach(compPath => addServiceJS(compPath));
+    }
+    return `;globalThis['__MP_APP_JSON__'] = ${JSON.stringify(appJSON)};
+
+  export default {
+    ${entries.join(',\n  ')}
+  }`;
+}
+module.exports = entryLoader;

package/dist/webpack-config/loaders/sjs-loader/index.d.ts

@@ -0,0 +1,12 @@
+import type { Span } from '@swc/core';
+export declare const SJS_HELPER = "_sjs$";
+declare function sjsCompiler(code: any, onRequire: (s: string) => string): {
+    code: string;
+    map: string | undefined;
+    legacyCode: string;
+    errors: {
+        message: string;
+        span: Span;
+    }[];
+};
+export default sjsCompiler;