@rsdoctor/cli 0.4.3 → 0.4.4

package/dist/commands/bundle-diff.d.ts

@@ -0,0 +1,11 @@
+import { Command } from '../types';
+import { Commands } from '../constants';
+import { SDK } from '@rsdoctor/types';
+interface Options {
+    current: string;
+    baseline: string;
+    open?: boolean;
+}
+export declare const bundleDiff: Command<Commands.BundleDiff, Options, SDK.RsdoctorSdkInstance>;
+export {};
+//# sourceMappingURL=bundle-diff.d.ts.map

package/dist/commands/bundle-diff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-diff.d.ts","sourceRoot":"","sources":["../../src/commands/bundle-diff.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAMnC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAoC,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAIxE,UAAU,OAAO;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,UAAU,EAAE,OAAO,CAC9B,QAAQ,CAAC,UAAU,EACnB,OAAO,EACP,GAAG,CAAC,mBAAmB,CAuJtB,CAAC"}

package/dist/commands/bundle-diff.js

@@ -0,0 +1,171 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var bundle_diff_exports = {};
+__export(bundle_diff_exports, {
+  bundleDiff: () => bundleDiff
+});
+module.exports = __toCommonJS(bundle_diff_exports);
+var import_ora = __toESM(require("ora"));
+var import_chalk = require("chalk");
+var import_utils = require("../utils");
+var import_constants = require("../constants");
+var import_types2 = require("@rsdoctor/types");
+var import_common = require("@rsdoctor/utils/common");
+var import_sdk = require("@rsdoctor/sdk");
+const bundleDiff = (0, import_utils.enhanceCommand)(({ cwd, bin, name }) => ({
+  command: import_constants.Commands.BundleDiff,
+  description: `
+use ${name} to open the bundle diff result in browser for analysis.
+
+example: ${bin} ${import_constants.Commands.BundleDiff} --baseline="x.json" --current="x.json"
+`.trim(),
+  options(yargs) {
+    yargs.option("current", {
+      type: "string",
+      description: "the url or file path of the profile json as the current",
+      demandOption: true
+    }).option("baseline", {
+      type: "string",
+      description: "the url or file path of the profile json as the baseline",
+      demandOption: true
+    });
+  },
+  async action({ baseline, current, open = true }) {
+    const spinner = (0, import_ora.default)({ prefixText: (0, import_chalk.cyan)(`[${name}]`) }).start();
+    spinner.text = `loading "${baseline}"`;
+    const baselineData = {
+      ...await (0, import_utils.loadJSON)(
+        baseline,
+        cwd
+      ),
+      client: {
+        enableRoutes: []
+      }
+    };
+    let baselineDataValue;
+    try {
+      baselineDataValue = await import_common.Manifest.fetchShardingFiles(
+        baselineData.data,
+        (url) => (0, import_utils.loadShardingFileWithSpinner)(url, cwd, spinner)
+      );
+    } catch (error) {
+      if (baselineData.cloudData) {
+        spinner.text = 'load the "baselineData.cloudData" instead of the "baselineData.data"';
+        baselineDataValue = await import_common.Manifest.fetchShardingFiles(
+          baselineData.cloudData,
+          (url) => (0, import_utils.loadShardingFileWithSpinner)(url, cwd, spinner)
+        );
+      } else {
+        spinner.fail((0, import_chalk.red)(error.message));
+        throw error;
+      }
+    }
+    spinner.text = `loading "${current}"`;
+    const currentData = {
+      ...await (0, import_utils.loadJSON)(
+        current,
+        cwd
+      ),
+      client: {
+        enableRoutes: []
+      }
+    };
+    let currentDataValue;
+    try {
+      currentDataValue = await import_common.Manifest.fetchShardingFiles(
+        currentData.data,
+        (url) => (0, import_utils.loadShardingFileWithSpinner)(url, cwd, spinner)
+      );
+    } catch (error) {
+      if (currentData.cloudData) {
+        spinner.text = 'load the "currentData.cloudData" instead of the "currentData.data"';
+        currentDataValue = await import_common.Manifest.fetchShardingFiles(
+          currentData.cloudData,
+          (url) => (0, import_utils.loadShardingFileWithSpinner)(url, cwd, spinner)
+        );
+      } else {
+        spinner.fail((0, import_chalk.red)(error.message));
+        throw error;
+      }
+    }
+    spinner.text = `start server`;
+    const baselineSdk = new import_sdk.RsdoctorWebpackSDK({ name, root: cwd });
+    const currentSdk = new import_sdk.RsdoctorWebpackSDK({ name, root: cwd });
+    await Promise.all([baselineSdk.bootstrap(), currentSdk.bootstrap()]);
+    const baselineManifestsBuffer = Buffer.from(
+      JSON.stringify({
+        __LOCAL__SERVER__: true,
+        __SOCKET__URL__: baselineSdk.server.socketUrl,
+        ...baselineData
+      })
+    );
+    const currentManifestsBuffer = Buffer.from(
+      JSON.stringify({
+        __LOCAL__SERVER__: true,
+        __SOCKET__URL__: currentSdk.server.socketUrl,
+        ...currentData
+      })
+    );
+    baselineSdk.getStoreData = () => baselineDataValue;
+    currentSdk.getStoreData = () => currentDataValue;
+    baselineSdk.getManifestData = () => baselineData;
+    currentSdk.getManifestData = () => currentData;
+    baselineSdk.server.proxy(
+      import_types2.SDK.ServerAPI.API.BundleDiffManifest,
+      "GET",
+      () => baselineManifestsBuffer
+    );
+    currentSdk.server.proxy(
+      import_types2.SDK.ServerAPI.API.BundleDiffManifest,
+      "GET",
+      () => currentManifestsBuffer
+    );
+    spinner.text = `server bootstrap success`;
+    const localBaselineManifestUrl = baselineSdk.server.origin + import_types2.SDK.ServerAPI.API.BundleDiffManifest;
+    const localCurrentManifestUrl = currentSdk.server.origin + import_types2.SDK.ServerAPI.API.BundleDiffManifest;
+    baselineSdk.server.getClientUrl(
+      import_types2.Client.RsdoctorClientRoutes.BundleDiff,
+      localBaselineManifestUrl,
+      localCurrentManifestUrl
+    );
+    if (open) {
+      await baselineSdk.server.openClientPage(
+        import_types2.Client.RsdoctorClientRoutes.BundleDiff,
+        localBaselineManifestUrl,
+        localCurrentManifestUrl
+      );
+    }
+    spinner.succeed(`Bundle Diff page has been open.`);
+    return baselineSdk;
+  }
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  bundleDiff
+});

package/dist/commands/index.d.ts

@@ -1,2 +1,3 @@
 export * from './analyze';
+export * from './bundle-diff';
 //# sourceMappingURL=index.d.ts.map

package/dist/commands/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commands/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/commands/index.js

@@ -16,7 +16,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var commands_exports = {};
 module.exports = __toCommonJS(commands_exports);
 __reExport(commands_exports, require("./analyze"), module.exports);
+__reExport(commands_exports, require("./bundle-diff"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./analyze")
+  ...require("./analyze"),
+  ...require("./bundle-diff")
 });

package/dist/constants.d.ts

@@ -1,5 +1,6 @@
 export declare enum Commands {
-    Analyze = "analyze"
+    Analyze = "analyze",
+    BundleDiff = "bundle-diff"
 }
 export declare const pkg: {
     name: string;

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,YAAY;CACpB;AAED,eAAO,MAAM,GAAG,EAAE;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACA,CAAC;AAE/B,eAAO,MAAM,GAAG,QAA0B,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,UAAU,gBAAgB;CAC3B;AAED,eAAO,MAAM,GAAG,EAAE;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACA,CAAC;AAE/B,eAAO,MAAM,GAAG,QAA0B,CAAC"}

package/dist/constants.js

@@ -25,6 +25,7 @@ __export(constants_exports, {
 module.exports = __toCommonJS(constants_exports);
 var Commands = /* @__PURE__ */ ((Commands2) => {
   Commands2["Analyze"] = "analyze";
+  Commands2["BundleDiff"] = "bundle-diff";
   return Commands2;
 })(Commands || {});
 const pkg = require("../package.json");

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-import { analyze } from './commands';
+import { analyze, bundleDiff } from './commands';
 import { GetCommandArgumentsType } from './types';
 import { Commands } from './constants';
 export declare function execute<T extends GetCommandArgumentsType<typeof analyze>>(command: Commands.Analyze | `${Commands.Analyze}`, options: T['options']): Promise<T['result']>;
+export declare function execute<T extends GetCommandArgumentsType<typeof bundleDiff>>(command: Commands.BundleDiff | `${Commands.BundleDiff}`, options: T['options']): Promise<T['result']>;
 export declare function execute(): Promise<void>;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAY,MAAM,aAAa,CAAC;AAEjD,wBAAsB,OAAO,CAC3B,CAAC,SAAS,uBAAuB,CAAC,OAAO,OAAO,CAAC,EAEjD,OAAO,EAAE,QAAQ,CAAC,OAAO,GAAG,GAAG,QAAQ,CAAC,OAAO,EAAE,EACjD,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,GACpB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;AACxB,wBAAsB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAY,MAAM,aAAa,CAAC;AAEjD,wBAAsB,OAAO,CAC3B,CAAC,SAAS,uBAAuB,CAAC,OAAO,OAAO,CAAC,EAEjD,OAAO,EAAE,QAAQ,CAAC,OAAO,GAAG,GAAG,QAAQ,CAAC,OAAO,EAAE,EACjD,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,GACpB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;AAExB,wBAAsB,OAAO,CAC3B,CAAC,SAAS,uBAAuB,CAAC,OAAO,UAAU,CAAC,EAEpD,OAAO,EAAE,QAAQ,CAAC,UAAU,GAAG,GAAG,QAAQ,CAAC,UAAU,EAAE,EACvD,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,GACpB,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;AAExB,wBAAsB,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC"}

package/dist/index.js

@@ -46,10 +46,16 @@ async function execute(command, options) {
       options
     );
   }
+  if (command === import_constants.Commands.BundleDiff) {
+    const { action } = (0, import_commands.bundleDiff)(ctx);
+    return action(
+      options
+    );
+  }
   const argv = (0, import_helpers.hideBin)(process.argv);
   const args = (0, import_yargs.default)(argv).usage(`${import_constants.bin} <command> [options]`);
   args.version(version);
-  const commands = [import_commands.analyze];
+  const commands = [import_commands.analyze, import_commands.bundleDiff];
   commands.forEach((cmd) => {
     const { command: command2, description, options: options2, action } = cmd(ctx);
     args.command(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rsdoctor/cli",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-infra-dev/rsdoctor",
@@ -25,12 +25,12 @@
     "axios": "^1.7.2",
     "chalk": "^4.1.2",
     "ora": "^5.4.1",
-    "tslib": "2.4.1",
-    "yargs": "17.6.2",
-    "@rsdoctor/client": "0.4.3",
-    "@rsdoctor/sdk": "0.4.3",
-    "@rsdoctor/types": "0.4.3",
-    "@rsdoctor/utils": "0.4.3"
+    "tslib": "2.7.0",
+    "yargs": "17.7.2",
+    "@rsdoctor/client": "0.4.4",
+    "@rsdoctor/sdk": "0.4.4",
+    "@rsdoctor/types": "0.4.4",
+    "@rsdoctor/utils": "0.4.4"
   },
   "publishConfig": {
     "access": "public",