@modern-js/plugin-devtools 2.52.0 → 2.54.0

package/dist/rpc/index.js

@@ -1,341 +0,0 @@
-"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 rpc_exports = {};
-__export(rpc_exports, {
-  setupClientConnection: () => setupClientConnection
-});
-module.exports = __toCommonJS(rpc_exports);
-var import_path = __toESM(require("path"));
-var import_buffer = require("buffer");
-var import_node = require("@modern-js/devtools-kit/node");
-var import_lodash = __toESM(require("@modern-js/utils/lodash"));
-var import_birpc = require("birpc");
-var flatted = __toESM(require("flatted"));
-var import_valtio = require("valtio");
-var import_utils = require("@modern-js/utils");
-var import_module = require("../utils/module");
-var import_state = require("../state");
-const resolveDependencies = async (rootPath) => {
-  const ret = {};
-  const resolveExprs = {
-    react: [
-      rootPath,
-      "react/package.json"
-    ],
-    "@modern-js/app-tools": [
-      rootPath,
-      "@modern-js/app-tools/package.json"
-    ],
-    "@edenx/app-tools": [
-      rootPath,
-      "@edenx/app-tools/package.json"
-    ],
-    webpack: [
-      rootPath,
-      "@modern-js/app-tools",
-      "@modern-js/uni-builder",
-      "@rsbuild/webpack",
-      "webpack/package.json"
-    ],
-    "@rspack/core": [
-      rootPath,
-      "@modern-js/uni-builder",
-      "@rsbuild/core",
-      "@rspack/core/package.json"
-    ],
-    "@rsdoctor/rspack-plugin": [
-      rootPath,
-      "@rsdoctor/rspack-plugin/package.json"
-    ],
-    "@rsdoctor/webpack-plugin": [
-      rootPath,
-      "@rsdoctor/webpack-plugin/package.json"
-    ],
-    "@web-doctor/webpack-plugin": [
-      rootPath,
-      "@web-doctor/webpack-plugin/package.json"
-    ],
-    "@web-doctor/rspack-plugin": [
-      rootPath,
-      "@web-doctor/rspack-plugin/package.json"
-    ],
-    "@web-doctor/webpack-plugin(builder)": [
-      rootPath,
-      "@edenx/builder-plugin-web-doctor",
-      "@web-doctor/webpack-plugin/package.json"
-    ],
-    "@web-doctor/rspack-plugin(builder)": [
-      rootPath,
-      "@edenx/builder-plugin-web-doctor",
-      "@web-doctor/rspack-plugin/package.json"
-    ],
-    "@rsdoctor/core": [
-      rootPath,
-      "@rsdoctor/core/package.json"
-    ]
-  };
-  for (const [name, expr] of Object.entries(resolveExprs)) {
-    try {
-      ret[name] = (0, import_module.requireModule)(expr).version;
-    } catch {
-    }
-  }
-  return ret;
-};
-const getDoctorOverview = async (ctx) => {
-  const manifestPath = await (0, import_node.findManifest)(ctx.distDirectory);
-  const json = await (0, import_node.parseManifest)(require(manifestPath));
-  return {
-    numModules: json.data.moduleGraph.modules.length,
-    numChunks: json.data.chunkGraph.chunks.length,
-    numPackages: json.data.packageGraph.packages.length,
-    summary: json.data.summary,
-    errors: json.data.errors
-  };
-};
-const setupClientConnection = async (options) => {
-  const { api, server, ctx } = options;
-  let handleMessage = null;
-  const onceConnection = new Promise((resolve) => {
-    server.on("connection", (ws) => {
-      resolve();
-      ws.on("message", (data, isBinary) => handleMessage === null || handleMessage === void 0 ? void 0 : handleMessage(data, isBinary));
-    });
-  });
-  if ("resolve" in import_state.$resolvers.context) {
-    import_state.$resolvers.context.resolve(ctx);
-  }
-  import_state.$state.context = ctx;
-  (0, import_valtio.subscribe)(import_state.$state, (ops) => {
-    clientConn.applyStateOperations.asEvent(ops);
-  });
-  const validateSafeToOpen = (filename) => {
-    const { appDirectory } = api.useAppContext();
-    const resolved = import_path.default.resolve(appDirectory, filename);
-    for (const preset of ctx.storagePresets) {
-      if (import_path.default.resolve(appDirectory, preset.filename) === resolved) {
-        return true;
-      }
-    }
-    return false;
-  };
-  const serverFunctions = {
-    echo(content) {
-      return content;
-    },
-    async pullExportedState() {
-      (0, import_node.extractSettledOperations)(import_state.$state).then((ops) => {
-        clientConn.applyStateOperations.asEvent(ops);
-      });
-      return import_state.$state;
-    },
-    async createTemporaryStoragePreset() {
-      var _config;
-      const appCtx = api.useAppContext();
-      const basename = `${ctx.def.name.shortName}.runtime.json`;
-      const filename = import_path.default.resolve(appCtx.appDirectory, basename);
-      const id = (0, import_utils.nanoid)();
-      const name = `New Preset ${id.slice(0, 6)}`;
-      const config = {};
-      if (await import_utils.fs.pathExists(filename)) {
-        Object.assign(config, await import_utils.fs.readJSON(filename));
-      }
-      const newPreset = {
-        name,
-        id,
-        cookie: {},
-        localStorage: {},
-        sessionStorage: {}
-      };
-      (_config = config).storagePresets || (_config.storagePresets = []);
-      config.storagePresets.push(newPreset);
-      await import_utils.fs.outputJSON(filename, config, {
-        spaces: 2
-      });
-      return newPreset;
-    },
-    async pasteStoragePreset(target) {
-      var _config;
-      const { default: clipboardy } = await import("clipboardy");
-      const raw = clipboardy.readSync();
-      const HEAD = `data:application/json;base64,`;
-      if (!raw.startsWith(HEAD)) {
-        throw new Error("Failed to parse data URL");
-      }
-      const encoded = raw.slice(HEAD.length);
-      const preset = JSON.parse(import_buffer.Buffer.from(encoded, "base64").toString("utf-8"));
-      if (typeof preset !== "object" || preset === null) {
-        throw new Error("Failed to parse data URL");
-      }
-      if (typeof preset.name !== "string") {
-        throw new Error("Failed to parse data URL");
-      }
-      const appCtx = api.useAppContext();
-      const filename = import_path.default.resolve(appCtx.appDirectory, target.filename);
-      const config = {};
-      if (await import_utils.fs.pathExists(filename)) {
-        Object.assign(config, await import_utils.fs.readJSON(filename));
-      }
-      (_config = config).storagePresets || (_config.storagePresets = []);
-      const diff = import_lodash.default.pick(preset, [
-        "cookie",
-        "localStorage",
-        "sessionStorage"
-      ]);
-      const matched = import_lodash.default.find(config.storagePresets, {
-        id: target.id
-      });
-      if (matched) {
-        import_lodash.default.merge(matched, diff);
-      } else {
-        config.storagePresets.push(preset);
-      }
-      await import_utils.fs.outputJSON(filename, config, {
-        spaces: 2
-      });
-    },
-    async open(filename) {
-      const name = import_path.default.resolve(api.useAppContext().appDirectory, filename);
-      const validated = validateSafeToOpen(name);
-      if (!validated) {
-        throw new Error("Failed to validate the file.");
-      }
-      const { default: open } = await import("open");
-      await open(name);
-    }
-  };
-  const clientRpcOptions = {
-    post: (data) => onceConnection.then(() => server.clients.forEach((ws) => ws.send(data))),
-    on: (cb) => handleMessage = cb,
-    serialize: (v) => flatted.stringify([
-      v
-    ], import_node.replacer),
-    deserialize: (v) => {
-      const msg = flatted.parse(v.toString(), import_node.reviver)[0];
-      return msg;
-    }
-  };
-  const clientConn = (0, import_birpc.createBirpc)(serverFunctions, clientRpcOptions);
-  let _pendingCompiler = 0;
-  const resolveRsdoctorManifest = async () => {
-    _pendingCompiler -= 1;
-    if (_pendingCompiler === 0) {
-      try {
-        const doctor = await getDoctorOverview(await import_state.$state.framework.context);
-        import_state.$resolvers.doctor.resolve(doctor);
-      } catch (err) {
-        import_state.$resolvers.doctor.resolve(void 0);
-      }
-    }
-  };
-  const hooks = {
-    prepare() {
-      const frameworkContext = {
-        ...api.useAppContext(),
-        builder: null,
-        serverInternalPlugins: null
-      };
-      import_state.$resolvers.framework.context.resolve(frameworkContext);
-      import_state.$resolvers.framework.config.resolved.resolve(api.useConfigContext());
-      import_state.$resolvers.framework.config.transformed.resolve(api.useResolvedConfigContext());
-    },
-    modifyFileSystemRoutes({ entrypoint, routes }) {
-      import_state.$state.fileSystemRoutes[entrypoint.entryName] = import_lodash.default.cloneDeep(routes);
-      return {
-        entrypoint,
-        routes
-      };
-    },
-    afterCreateCompiler({ compiler }) {
-      if (!compiler)
-        return;
-      _pendingCompiler += 1;
-      compiler.hooks.done.tap({
-        name: "@modern-js/plugin-devtools",
-        stage: 4e3
-      }, () => resolveRsdoctorManifest());
-    }
-  };
-  const builderPlugin = {
-    name: "builder-plugin-devtools",
-    setup(api2) {
-      import_state.$resolvers.builder.context.resolve(api2.context);
-      resolveDependencies(api2.context.rootPath).then((deps) => {
-        import_state.$state.dependencies = deps;
-      });
-      api2.modifyBundlerChain(() => {
-        import_state.$resolvers.builder.config.resolved.resolve(import_lodash.default.cloneDeep(api2.getRsbuildConfig()));
-        import_state.$resolvers.builder.config.transformed.resolve(import_lodash.default.cloneDeep(api2.getNormalizedConfig()));
-      });
-      const expectBundlerNum = import_lodash.default.castArray(api2.context.targets).length;
-      const bundlerConfigs = [];
-      const handleBundlerConfig = (config) => {
-        bundlerConfigs.push(config);
-        if (bundlerConfigs.length >= expectBundlerNum) {
-          import_state.$state.bundler.configs.resolved = import_lodash.default.cloneDeep(bundlerConfigs);
-        }
-      };
-      if (api2.context.bundlerType === "webpack") {
-        api2.modifyWebpackConfig((config) => {
-          handleBundlerConfig(config);
-        });
-      } else {
-        api2.modifyRspackConfig((config) => {
-          handleBundlerConfig(config);
-        });
-      }
-      api2.onBeforeCreateCompiler(({ bundlerConfigs: bundlerConfigs2 }) => {
-        import_state.$resolvers.bundler.configs.transformed.resolve(import_lodash.default.cloneDeep(bundlerConfigs2));
-      });
-      let buildStartedAt = NaN;
-      api2.onAfterCreateCompiler(() => {
-        buildStartedAt = Date.now();
-      });
-      api2.onDevCompileDone(() => {
-        import_state.$resolvers.performance.resolve({
-          compileDuration: Date.now() - buildStartedAt
-        });
-      });
-      api2.onAfterBuild(() => {
-        import_state.$resolvers.performance.resolve({
-          compileDuration: Date.now() - buildStartedAt
-        });
-      });
-    }
-  };
-  return {
-    client: clientConn,
-    hooks,
-    builderPlugin
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  setupClientConnection
-});

package/dist/state.d.ts

@@ -1,4 +0,0 @@
-import { ServerExportedStateResolvers } from '@modern-js/devtools-kit/node';
-export declare const $serverExportedState: import("@modern-js/devtools-kit/node").ServerExportedStateResult;
-export declare const $resolvers: ServerExportedStateResolvers;
-export declare const $state: import("@modern-js/devtools-kit/node").ServerExportedState;