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

package/dist/bin/xhs-mp-cli-build.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/bin/xhs-mp-cli-build.js

@@ -0,0 +1,40 @@
+#!/usr/bin/env node
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const path_1 = __importDefault(require("path"));
+const index_1 = require("../index");
+const commander = new commander_1.Command();
+commander.usage('[options]').option('-d, --mpDir <path>', 'set workdir [default: ./]');
+commander.usage('[options]').option('-p, --platform <string>', 'set platform [default: xhs]');
+commander.usage('[options]').option('-l, --lite <string>', '轻量编译器');
+commander.usage('[options]').option('-c, --compressJs <boolean>', 'compressJs');
+commander.usage('[options]').option('-v1, --enableV1 <boolean>', 'package v1');
+commander.usage('[options]').option('-v2, --enableV2 <boolean>', 'package v2');
+commander.usage('[options]').option('-vdom, --enableVDom <boolean>', 'vdom 架构支持');
+commander.parse(process.argv);
+const mpDir = commander.opts().mpDir ? path_1.default.resolve(commander.opts().mpDir) : process.cwd();
+const platform = commander.opts().platform ? commander.opts().platform : 'xhs';
+const enableV1 = commander.opts().enableV1 === "true";
+const enableV2 = commander.opts().enableV2 === "true";
+const enableVDom = commander.opts().enableVDom === "true";
+const compressJs = commander.opts().compressJs === "true";
+const multiCompiler = (0, index_1.nodeStart)({
+    mpDir,
+    action: 'build',
+    platform,
+    compressJs,
+    enableSourcemap: false,
+    enableV1,
+    enableV2,
+    enableVDom,
+});
+multiCompiler.run((err, stats) => {
+    console.log(stats.toString({ warnings: true, errors: true, all: false }));
+    multiCompiler.close(() => {
+        // noop
+    });
+});

package/dist/bin/xhs-mp-cli-dev.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/bin/xhs-mp-cli-dev.js

@@ -0,0 +1,81 @@
+#!/usr/bin/env node
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+const path_1 = __importDefault(require("path"));
+const index_1 = __importStar(require("../index"));
+const commander = new commander_1.Command();
+commander.usage('[options]').option('-d, --mpDir <path>', 'set workdir [default: ./]');
+commander.usage('[options]').option('-p, --platform <string>', 'set platform [default: xhs]');
+commander.usage('[options]').option('-P, --port <string>', 'set dev server port [default: 1388]');
+commander.usage('[options]').option('-l, --lite <string>', 'lite compiler');
+commander.usage('[options]').option('-o, --out <string>', '是否输出内容');
+commander.usage('[options]').option('-v1, --enableV1 <boolean>', 'package v1');
+commander.usage('[options]').option('-v2, --enableV2 <boolean>', 'package v2');
+commander.usage('[options]').option('-vdom, --enableVDom <boolean>', 'vdom 架构支持');
+commander.parse(process.argv);
+const mpDir = commander.opts().mpDir ? path_1.default.resolve(commander.opts().mpDir) : process.cwd();
+const platform = commander.opts().platform ? commander.opts().platform : 'xhs';
+const port = commander.opts().port ? commander.opts().port : 1388;
+const out = commander.opts().out === "true";
+const enableV1 = commander.opts().enableV1 === "true";
+const enableV2 = commander.opts().enableV2 === "true";
+const enableVDom = commander.opts().enableVDom === "true";
+process.env.PRETTIER_XHSML = "true";
+if (out) {
+    const multiCompiler = (0, index_1.nodeStart)({
+        mpDir,
+        action: 'dev',
+        platform,
+        compressJs: false,
+        enableSourcemap: false,
+        enableV1,
+        enableV2,
+        enableVDom,
+    });
+    multiCompiler.run((err, stats) => {
+        console.log(stats.toString({ warnings: true, errors: true, all: false }));
+        multiCompiler.close(() => {
+            // noop
+        });
+    });
+}
+else {
+    (0, index_1.default)({
+        mpDir,
+        action: 'dev',
+        platform,
+        compressJs: false,
+        port,
+        enableSourcemap: true,
+        enableV1,
+        enableV2,
+        enableVDom,
+    });
+}

package/dist/bin/xhs-mp-cli.d.ts

@@ -0,0 +1,2 @@
+#!/usr/bin/env node
+export {};

package/dist/bin/xhs-mp-cli.js

@@ -0,0 +1,16 @@
+#!/usr/bin/env node
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const commander_1 = require("commander");
+// @ts-ignore
+const package_json_1 = __importDefault(require("../../package.json"));
+const commander = new commander_1.Command();
+commander
+    .version(package_json_1.default.version)
+    .usage('<command> [options]')
+    .command('dev', '启动开发服务')
+    .command('build', '打包小程序')
+    .parse(process.argv);

package/dist/build/index.d.ts

@@ -0,0 +1,3 @@
+import { CliConfig } from '../types';
+declare const build: (config: CliConfig, callback?: () => void) => Promise<unknown>;
+export default build;

package/dist/build/index.js

@@ -0,0 +1,22 @@
+"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_config_1 = __importDefault(require("../webpack-config"));
+const asyncWebpack_1 = __importDefault(require("../utils/asyncWebpack"));
+const build = (config, callback) => __awaiter(void 0, void 0, void 0, function* () {
+    // 构建 render
+    const webpackConfig = (0, webpack_config_1.default)(config);
+    return (0, asyncWebpack_1.default)(webpackConfig, callback);
+});
+exports.default = build;

package/dist/dev-server/index.d.ts

@@ -0,0 +1,3 @@
+import { CliConfig } from '../types';
+declare const devServer: (config: CliConfig) => Promise<void>;
+export default devServer;

package/dist/dev-server/index.js

@@ -0,0 +1,62 @@
+"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 path_1 = __importDefault(require("path"));
+const webpack_1 = __importDefault(require("webpack"));
+const ensurePort_1 = __importDefault(require("./lib/ensurePort"));
+const openBrowser_1 = __importDefault(require("./lib/openBrowser"));
+const webpack_config_1 = __importDefault(require("../webpack-config"));
+const devServer = (config) => __awaiter(void 0, void 0, void 0, function* () {
+    const webpackConfig = (0, webpack_config_1.default)(config);
+    const compiler = (0, webpack_1.default)(webpackConfig);
+    const host = 'localhost';
+    const devServerConfig = {
+        open: false,
+        historyApiFallback: true,
+        port: (config === null || config === void 0 ? void 0 : config.port) || 1388,
+        hot: false,
+        static: [
+            // emulator entry 地址
+            path_1.default.resolve('node_modules/@xhs/mp-simulator/dist'),
+            path_1.default.resolve('node_modules/@xhs/mp-js-core/dist'),
+            ...JSON.parse(process.env.XHS_MP_LIB || '[]'), // 自定义地址
+            config.distDir,
+        ],
+        client: {
+            logging: 'error',
+            overlay: false,
+            progress: false,
+        },
+        // firewall: false,
+        headers: {
+            'Access-Control-Allow-Origin': '*',
+        },
+    };
+    // 检查端口是否被占用，若占用会修改 devServerConfig.port
+    yield (0, ensurePort_1.default)(devServerConfig);
+    const Server = require('webpack-dev-server');
+    const server = new Server(compiler, Object.assign(Object.assign({}, devServerConfig), { open: false }));
+    server.listen(devServerConfig.port, host, () => { });
+    let isBrowserOpened = false;
+    compiler.hooks.done.tap('xhs-mp-cli', stats => {
+        if (stats.hasErrors()) {
+            return;
+        }
+        if (devServerConfig.open && !isBrowserOpened) {
+            isBrowserOpened = true;
+            (0, openBrowser_1.default)(host, devServerConfig.port);
+        }
+    });
+});
+exports.default = devServer;

package/dist/dev-server/lib/ensurePort.d.ts

@@ -0,0 +1,2 @@
+declare const ensurePort: (devServerConfig: any) => Promise<unknown>;
+export default ensurePort;

package/dist/dev-server/lib/ensurePort.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const net_1 = __importDefault(require("net"));
+const ensurePort = (devServerConfig) => new Promise(res => {
+    const checkPort = () => {
+        const server = net_1.default.createServer().listen(devServerConfig.port, devServerConfig.client.host);
+        server.on('listening', () => {
+            server.close();
+            res(1);
+        });
+        server.on('error', err => {
+            if (err.code === 'EADDRINUSE') {
+                devServerConfig.port += 1;
+                checkPort(devServerConfig);
+            }
+        });
+    };
+    try {
+        checkPort();
+    }
+    catch (err) {
+        if (err.code === 'EADDRINUSE') {
+            devServerConfig.port += 1;
+            checkPort(devServerConfig);
+        }
+    }
+});
+exports.default = ensurePort;

package/dist/dev-server/lib/openBrowser.d.ts

@@ -0,0 +1,2 @@
+declare const openBrowser: (host: string, port: number) => true | undefined;
+export default openBrowser;

package/dist/dev-server/lib/openBrowser.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const child_process_1 = require("child_process");
+const open_1 = __importDefault(require("open"));
+// eslint-disable-next-line consistent-return
+const openBrowser = (host, port) => {
+    const url = `http://${host}:${port}`;
+    try {
+        (0, child_process_1.execSync)(`osascript ${__dirname}/openChrome.applescript ${encodeURI(url)}`, {
+            stdio: 'ignore',
+        });
+        return true;
+    }
+    catch (error) {
+        // Ignore errors.
+    }
+    // fallback to normal open
+    (0, open_1.default)(url);
+};
+exports.default = openBrowser;

package/dist/dev-server/lib/openChrome.applescript

@@ -0,0 +1,78 @@
+property targetTab: null
+property targetTabIndex: -1
+property targetWindow: null
+
+on run argv
+  set theURL to item 1 of argv
+
+  with timeout of 2 seconds
+    tell application "Chrome"
+
+      if (count every window) = 0 then
+        make new window
+      end if
+
+      -- 1: Looking for tab running debugger
+      -- then, Reload debugging tab if found
+      -- then return
+      set found to my lookupTabWithUrl(theURL)
+      if found then
+        set targetWindow's active tab index to targetTabIndex
+        tell targetTab to reload
+        tell targetWindow to activate
+        set index of targetWindow to 1
+        return
+      end if
+
+      -- 2: Looking for Empty tab
+      -- In case debugging tab was not found
+      -- We try to find an empty tab instead
+      set found to my lookupTabWithUrl("chrome://newtab/")
+      if found then
+        set targetWindow's active tab index to targetTabIndex
+        set URL of targetTab to theURL
+        tell targetWindow to activate
+        return
+      end if
+
+      -- 3: Create new tab
+      -- both debugging and empty tab were not found
+      -- make a new tab with url
+      tell window 1
+        activate
+        make new tab with properties {URL:theURL}
+      end tell
+    end tell
+  end timeout
+end run
+
+-- Function:
+-- Lookup tab with given url
+-- if found, store tab, index, and window in properties
+-- (properties were declared on top of file)
+on lookupTabWithUrl(lookupUrl)
+  tell application "Chrome"
+    -- Find a tab with the given url
+    set found to false
+    set theTabIndex to -1
+    repeat with theWindow in every window
+      set theTabIndex to 0
+      repeat with theTab in every tab of theWindow
+        set theTabIndex to theTabIndex + 1
+        if (theTab's URL as string) contains lookupUrl then
+          -- assign tab, tab index, and window to properties
+          set targetTab to theTab
+          set targetTabIndex to theTabIndex
+          set targetWindow to theWindow
+          set found to true
+          exit repeat
+        end if
+      end repeat
+
+      if found then
+        exit repeat
+      end if
+    end repeat
+  end tell
+  return found
+end lookupTabWithUrl

package/dist/globalData/SjsModule.d.ts

@@ -0,0 +1,32 @@
+export type ModuleMap = {
+    [key: string]: {
+        [key: string]: string;
+    };
+};
+declare class SjsModule {
+    /**
+     * @NOTE
+     *  管理 file 与 sjs module 的关系
+     */
+    moduleMap: ModuleMap;
+    /**
+     * @NOTE
+     *  收集 sjs 的相对路径
+     */
+    sjsAbsoulatePaths: Set<string>;
+    templateHashToModuleName: Map<string, string[]>;
+    constructor();
+    /**
+     * key:
+     *  template path hash
+     * value:
+     *  sjsScopeNames
+     *
+     * { 'Cc9103733ab20cb5ce2c008224782e53f': ['a1', 'b1', 'c1' ] }
+     */
+    addTemplateHash(hash: string, sjsScopeNames: string[]): void;
+    add(issuer: any, moduleName: any, target: any): void;
+    addPath(path: string): void;
+}
+declare const _default: SjsModule;
+export default _default;

package/dist/globalData/SjsModule.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+class SjsModule {
+    constructor() {
+        this.moduleMap = {};
+        this.templateHashToModuleName = new Map();
+        this.sjsAbsoulatePaths = new Set();
+    }
+    /**
+     * key:
+     *  template path hash
+     * value:
+     *  sjsScopeNames
+     *
+     * { 'Cc9103733ab20cb5ce2c008224782e53f': ['a1', 'b1', 'c1' ] }
+     */
+    addTemplateHash(hash, sjsScopeNames) {
+        this.templateHashToModuleName.set(hash, sjsScopeNames);
+    }
+    add(issuer, moduleName, target) {
+        if (this.moduleMap[issuer]) {
+            this.moduleMap[issuer][moduleName] = target;
+        }
+        else {
+            this.moduleMap[issuer] = {
+                [moduleName]: target
+            };
+        }
+    }
+    addPath(path) {
+        this.sjsAbsoulatePaths.add(path);
+    }
+}
+exports.default = new SjsModule();

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import webpack from 'webpack';
+import { IStart } from './types';
+declare const start: (startConfig: IStart) => Promise<unknown>;
+export default start;
+export declare function nodeStart(startConfig: IStart): webpack.MultiCompiler;
+export declare const utils: {
+    transformAppJson: (mpDir: string, miniprogramDir: string, extJsonPath?: string | undefined, compilation?: webpack.Compilation | undefined) => {
+        legacyAppJSON: any;
+        appJSON: import("./types").AppJSON;
+    };
+};

package/dist/index.js

@@ -0,0 +1,114 @@
+"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 });
+exports.utils = exports.nodeStart = void 0;
+const path_1 = __importDefault(require("path"));
+const webpack_1 = __importDefault(require("webpack"));
+const fs_extra_1 = require("fs-extra");
+const dev_server_1 = __importDefault(require("./dev-server"));
+const build_1 = __importDefault(require("./build"));
+const webpack_config_1 = __importDefault(require("./webpack-config"));
+const common_1 = require("./utils/common");
+const types_1 = require("./types");
+const projectConfig_1 = require("./utils/projectConfig");
+const transformAppJson_1 = __importDefault(require("./utils/transformAppJson"));
+// 防御编程
+const handleVersion = (startConfig) => {
+    let { action, enableV1 = true, enableV2 = false, enableVDom = false } = startConfig;
+    // 正式环境必须有v1 并且不允许并行编译
+    if (action === 'build') {
+        enableV1 = true;
+    }
+    if (!enableV1 && !enableV2) {
+        enableV1 = true;
+        enableV2 = false;
+    }
+    return {
+        enableV1,
+        enableV2,
+        enableVDom,
+    };
+};
+const start = (startConfig) => __awaiter(void 0, void 0, void 0, function* () {
+    const { mpDir, action, callback, platform, extJsonPath, port } = startConfig;
+    process.env.__platform = platform;
+    const { enableV1, enableV2, enableVDom } = handleVersion(startConfig);
+    const projectJson = (0, projectConfig_1.getProjectConfig)(mpDir);
+    let miniprogramDir = path_1.default.join(mpDir, projectJson.miniprogramRoot || '');
+    miniprogramDir = miniprogramDir.endsWith('/') ? miniprogramDir.slice(0, -1) : miniprogramDir;
+    const config = {
+        mpDir: (0, common_1.toUnixPath)(mpDir),
+        miniprogramDir: (0, common_1.toUnixPath)(miniprogramDir).replace(/\/+$/, ""),
+        extJsonPath,
+        distDir: startConfig.distDir || path_1.default.join(process.cwd(), 'dist'),
+        env: action === 'dev' ? types_1.ENV.development : types_1.ENV.production,
+        watch: action === 'dev' || startConfig.watch,
+        tsConfigPath: (0, common_1.getTsConfigPath)(mpDir),
+        compressJs: false,
+        enableSourcemap: true,
+        port,
+        enableV1,
+        enableV2,
+        enableVDom,
+    };
+    if (action === 'dev') {
+        return (0, dev_server_1.default)(config);
+    }
+    return (0, build_1.default)(config, callback);
+});
+exports.default = start;
+function nodeStart(startConfig) {
+    const { mpDir, action, tsConfigPath, platform, extJsonPath, compressJs = false, enableSourcemap = false, } = startConfig;
+    process.env.__platform = platform;
+    const { enableV1, enableV2, enableVDom } = handleVersion(startConfig);
+    const distDir = startConfig.distDir || path_1.default.join(process.cwd(), 'dist');
+    try {
+        if ((0, fs_extra_1.existsSync)(distDir)) { // eslint-disable-line
+            (0, fs_extra_1.rmSync)(distDir, { recursive: true });
+        }
+    }
+    catch (error) {
+        // noop
+    }
+    const projectJson = (0, projectConfig_1.getProjectConfig)(mpDir);
+    let miniprogramDir = path_1.default.join(mpDir, projectJson.miniprogramRoot || '');
+    miniprogramDir = miniprogramDir.endsWith('/') ? miniprogramDir.slice(0, -1) : miniprogramDir;
+    const config = {
+        mpDir: (0, common_1.toUnixPath)(mpDir),
+        miniprogramDir: (0, common_1.toUnixPath)(miniprogramDir).replace(/\/+$/, ""),
+        extJsonPath,
+        distDir,
+        env: action === 'dev' ? types_1.ENV.development : types_1.ENV.production,
+        tsConfigPath: tsConfigPath || (0, common_1.getTsConfigPath)(mpDir),
+        cacheDirectory: startConfig.cacheDirectory,
+        compressJs,
+        enableSourcemap,
+        enableV1,
+        enableV2,
+        enableVDom,
+    };
+    const webpackConfig = (0, webpack_config_1.default)(config);
+    webpackConfig.forEach(config => {
+        var _a, _b, _c, _d;
+        /* 修改在ide里的node_modules的路径 */
+        (_b = (_a = config.resolve) === null || _a === void 0 ? void 0 : _a.modules) === null || _b === void 0 ? void 0 : _b.push(path_1.default.resolve(__dirname, '../../../'));
+        // cli的node_modules路径
+        (_d = (_c = config.resolve) === null || _c === void 0 ? void 0 : _c.modules) === null || _d === void 0 ? void 0 : _d.push(path_1.default.resolve(__dirname, '../../'));
+    });
+    return (0, webpack_1.default)(webpackConfig);
+}
+exports.nodeStart = nodeStart;
+exports.utils = {
+    transformAppJson: transformAppJson_1.default,
+};