@inspecto-dev/plugin 0.3.9 → 0.3.10

package/dist/index.js

@@ -1861,6 +1861,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";
@@ -1915,6 +1933,7 @@ async function startServer() {
   serverState.projectRoot = resolveProjectRoot();
   serverState.configRoot = serverState.projectRoot;
   serverState.cwd = process.cwd();
+  const serverHost = resolveServerHost(serverState.cwd, serverState.configRoot);
   portfinder.basePort = 5678;
   const port = await portfinder.getPortPromise();
   watchConfig(
@@ -1941,7 +1960,7 @@ async function startServer() {
     });
   });
   await new Promise((resolve2, reject) => {
-    serverInstance.listen(port, "0.0.0.0", () => {
+    serverInstance.listen(port, serverHost, () => {
       serverInstance.unref();
       resolve2();
     });
@@ -1963,7 +1982,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) {
@@ -2380,26 +2399,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);
@@ -2413,7 +2434,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, {
@@ -2428,11 +2449,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;
       });
@@ -2445,13 +2467,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
             );
           }
         );
@@ -2485,12 +2508,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__,
 });
 `;
 }
@@ -2523,6 +2547,11 @@ var InspectoPlugin = createUnplugin((userOptions = {}) => {
     }
     return serverPort;
   };
+  const getPublicServerUrl = (port) => resolvePublicServerUrl({
+    cwd: serverState.cwd || process.cwd(),
+    configRoot: serverState.configRoot || projectRoot,
+    port
+  });
   return {
     name: "inspecto-overlay",
     enforce: "pre",
@@ -2535,7 +2564,7 @@ var InspectoPlugin = createUnplugin((userOptions = {}) => {
     },
     webpack: (compiler) => {
       if (isProduction) return;
-      injectWebpack(compiler, ensureServer, resolveClientModule);
+      injectWebpack(compiler, ensureServer, getPublicServerUrl, resolveClientModule);
     },
     rspack: (compiler) => {
       if (isProduction) return;
@@ -2561,7 +2590,10 @@ var InspectoPlugin = 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;
       },