@inspecto-dev/plugin 0.3.9 → 0.3.10

package/dist/index.cjs

@@ -43,7 +43,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// ../../node_modules/.pnpm/tsup@8.5.1_jiti@2.6.1_postcss@8.5.10_typescript@5.9.3_yaml@2.8.3/node_modules/tsup/assets/cjs_shims.js
+// ../../node_modules/.pnpm/tsup@8.5.1_jiti@2.7.0_postcss@8.5.14_typescript@5.9.3_yaml@2.8.4/node_modules/tsup/assets/cjs_shims.js
 var getImportMetaUrl = () => typeof document === "undefined" ? new URL(`file:${__filename}`).href : document.currentScript && document.currentScript.tagName.toUpperCase() === "SCRIPT" ? document.currentScript.src : new URL("main.js", document.baseURI).href;
 var importMetaUrl = /* @__PURE__ */ getImportMetaUrl();
 
@@ -1899,6 +1899,24 @@ function resolveProjectRoot() {
   return gitRoot;
 }
 
+// src/server/server-url.ts
+function resolveServerHost(cwd, configRoot) {
+  const userConfig = loadUserConfigSync(false, cwd, configRoot);
+  const configuredHost = userConfig["server.host"]?.trim();
+  if (configuredHost) return configuredHost;
+  if (process.env["VITEST"]) return "127.0.0.1";
+  return "127.0.0.1";
+}
+function resolvePublicServerUrl(args) {
+  const userConfig = loadUserConfigSync(false, args.cwd, args.configRoot);
+  const configuredPublicUrl = userConfig["server.publicUrl"]?.trim();
+  if (configuredPublicUrl) {
+    return configuredPublicUrl.replace(/\/$/, "");
+  }
+  const host = resolveServerHost(args.cwd, args.configRoot);
+  return `http://${host}:${args.port}`;
+}
+
 // src/server/index.ts
 var serverLogger4 = createLogger("inspecto:server", { logLevel: getGlobalLogLevel() });
 var PORT_FILE_NAME = "inspecto.port.json";
@@ -1953,6 +1971,7 @@ async function startServer() {
   serverState.projectRoot = resolveProjectRoot();
   serverState.configRoot = serverState.projectRoot;
   serverState.cwd = process.cwd();
+  const serverHost = resolveServerHost(serverState.cwd, serverState.configRoot);
   import_portfinder.default.basePort = 5678;
   const port = await import_portfinder.default.getPortPromise();
   watchConfig(
@@ -1979,7 +1998,7 @@ async function startServer() {
     });
   });
   await new Promise((resolve2, reject) => {
-    serverInstance.listen(port, "0.0.0.0", () => {
+    serverInstance.listen(port, serverHost, () => {
       serverInstance.unref();
       resolve2();
     });
@@ -2001,7 +2020,7 @@ async function startServer() {
     } catch {
     }
   });
-  serverLogger4.info(`server running at http://0.0.0.0:${port}`);
+  serverLogger4.info(`server running at http://${serverHost}:${port}`);
   return port;
 }
 async function readBody(req) {
@@ -2418,26 +2437,28 @@ var resolveClientModule = () => {
 };
 
 // src/injectors/webpack.ts
-function getWebpackHtmlScript(serverPort) {
+function getWebpackHtmlScript(serverPort, publicServerUrl) {
   return `
 window.__AI_INSPECTOR_PORT__ = ${serverPort};
+window.__AI_INSPECTOR_SERVER_URL__ = '${publicServerUrl ?? `http://127.0.0.1:${serverPort}`}';
   window.addEventListener('load', () => {
     if (window.InspectoClient) {
       window.InspectoClient.mountInspector({
-        serverUrl: 'http://0.0.0.0:' + window.__AI_INSPECTOR_PORT__,
+        serverUrl: window.__AI_INSPECTOR_SERVER_URL__,
       });
     }
   });
 `;
 }
-function getWebpackAssetScript(serverPort) {
+function getWebpackAssetScript(serverPort, publicServerUrl) {
   return `
 if (typeof window !== 'undefined') {
   window.__AI_INSPECTOR_PORT__ = ${serverPort};
+  window.__AI_INSPECTOR_SERVER_URL__ = '${publicServerUrl ?? `http://127.0.0.1:${serverPort}`}';
   const _initInspecto = () => {
     if (window.InspectoClient) {
       window.InspectoClient.mountInspector({
-        serverUrl: 'http://0.0.0.0:' + window.__AI_INSPECTOR_PORT__,
+        serverUrl: window.__AI_INSPECTOR_SERVER_URL__,
       });
     } else {
       setTimeout(_initInspecto, 100);
@@ -2451,7 +2472,7 @@ if (typeof window !== 'undefined') {
 }
 `;
 }
-function injectWebpack(compiler, serverPortFn, resolveClientModule2) {
+function injectWebpack(compiler, serverPortFn, publicServerUrlFn, resolveClientModule2) {
   const inspectoClientPath = resolveClientModule2();
   if (compiler.webpack && compiler.webpack.EntryPlugin) {
     new compiler.webpack.EntryPlugin(compiler.context, inspectoClientPath, {
@@ -2466,11 +2487,12 @@ function injectWebpack(compiler, serverPortFn, resolveClientModule2) {
       const hooks = HtmlWebpackPlugin.constructor.getHooks(compilation);
       hooks.alterAssetTagGroups.tapPromise("inspecto-overlay", async (data) => {
         const port = await serverPortFn();
+        const publicServerUrl = publicServerUrlFn(port);
         data.headTags.unshift({
           tagName: "script",
           voidTag: false,
           meta: { plugin: "inspecto-overlay" },
-          innerHTML: getWebpackHtmlScript(port)
+          innerHTML: getWebpackHtmlScript(port, publicServerUrl)
         });
         return data;
       });
@@ -2483,13 +2505,14 @@ function injectWebpack(compiler, serverPortFn, resolveClientModule2) {
           },
           async (assets) => {
             const port = await serverPortFn();
+            const publicServerUrl = publicServerUrlFn(port);
             const mainAssetKey = Object.keys(assets).find(
               (key) => key.endsWith(".js") && (key.includes("main") || key.includes("app") || key.includes("umi"))
             );
             if (!mainAssetKey) return;
             const originalSource = assets[mainAssetKey].source();
             assets[mainAssetKey] = new compiler.webpack.sources.RawSource(
-              getWebpackAssetScript(port) + "\n" + originalSource
+              getWebpackAssetScript(port, publicServerUrl) + "\n" + originalSource
             );
           }
         );
@@ -2523,12 +2546,13 @@ function injectRspack(compiler, serverPortFn, resolveClientModule2) {
 }
 
 // src/injectors/vite.ts
-function getViteVirtualModuleScript(serverPort) {
+function getViteVirtualModuleScript(serverPort, publicServerUrl) {
   return `
 import { mountInspector } from '@inspecto-dev/core';
 window.__AI_INSPECTOR_PORT__ = ${serverPort};
+window.__AI_INSPECTOR_SERVER_URL__ = '${publicServerUrl ?? `http://127.0.0.1:${serverPort}`}';
 mountInspector({
-  serverUrl: 'http://0.0.0.0:' + window.__AI_INSPECTOR_PORT__,
+  serverUrl: window.__AI_INSPECTOR_SERVER_URL__,
 });
 `;
 }
@@ -2561,6 +2585,11 @@ var InspectoPlugin = (0, import_unplugin.createUnplugin)((userOptions = {}) => {
     }
     return serverPort;
   };
+  const getPublicServerUrl = (port) => resolvePublicServerUrl({
+    cwd: serverState.cwd || process.cwd(),
+    configRoot: serverState.configRoot || projectRoot,
+    port
+  });
   return {
     name: "inspecto-overlay",
     enforce: "pre",
@@ -2573,7 +2602,7 @@ var InspectoPlugin = (0, import_unplugin.createUnplugin)((userOptions = {}) => {
     },
     webpack: (compiler) => {
       if (isProduction) return;
-      injectWebpack(compiler, ensureServer, resolveClientModule);
+      injectWebpack(compiler, ensureServer, getPublicServerUrl, resolveClientModule);
     },
     rspack: (compiler) => {
       if (isProduction) return;
@@ -2599,7 +2628,10 @@ var InspectoPlugin = (0, import_unplugin.createUnplugin)((userOptions = {}) => {
       },
       load(id) {
         if (id === VITE_VIRTUAL_MODULE_ID) {
-          return getViteVirtualModuleScript(serverPort ?? DEFAULT_PORT);
+          return getViteVirtualModuleScript(
+            serverPort ?? DEFAULT_PORT,
+            getPublicServerUrl(serverPort ?? DEFAULT_PORT)
+          );
         }
         return null;
       },